:root{--ink:#17211c;--paper:#f3efe4;--card:#fffdf7;--line:#c9c1ad;--green:#2f7d5a;--green-dark:#205941;--green-soft:#a9c8b4;--yellow:#e6b93f;--coral:#d76d55;--muted:#69716b;--gray:#858d87;--danger:#a43c2c}*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--paper);min-height:100%}body{min-height:100%;color:var(--ink);background:radial-gradient(circle at 9% 1%, #e6b93f26, transparent 28rem), radial-gradient(circle at 93% 88%, #2f7d5a1a, transparent 30rem), var(--paper);-webkit-tap-highlight-color:transparent;margin:0;font-family:Pretendard,Noto Sans KR,Apple SD Gothic Neo,system-ui,sans-serif}button,select{color:inherit;font:inherit}a{color:inherit}button:focus-visible,select:focus-visible,a:focus-visible{outline:3px solid var(--coral);outline-offset:3px}button:disabled{cursor:wait}.site-shell{width:min(920px,100% - 36px);margin:0 auto;padding:22px 0 0}.site-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:24px;padding-bottom:18px;display:flex}.brand{align-items:center;gap:12px;text-decoration:none;display:inline-flex}.brand-mark{aspect-ratio:1;border:2px solid var(--ink);background:var(--yellow);width:45px;box-shadow:4px 4px 0 var(--ink);place-items:center;font-size:1.22rem;font-weight:950;display:grid;transform:rotate(-2deg)}.brand strong,.brand small{display:block}.brand strong{letter-spacing:-.04em;font-size:1.08rem}.brand small{color:var(--muted);margin-top:2px;font-size:.7rem}.header-actions{align-items:center;gap:10px;display:flex}.round-button,.record-button{aspect-ratio:1;border:1px solid var(--ink);background:var(--card);cursor:pointer;width:43px;box-shadow:3px 3px 0 var(--ink);border-radius:50%;place-items:center;padding:0;font-size:1rem;font-weight:950;transition:transform .15s,box-shadow .15s;display:grid}.round-button:hover,.record-button:hover{box-shadow:5px 5px 0 var(--ink);transform:translate(-1px,-1px)}.record-button{background:var(--yellow);border-radius:0}.podium{justify-content:center;align-items:end;gap:1px;width:25px;height:22px;display:flex}.podium i{color:#fff;background:var(--green-dark);place-items:start center;width:8px;font-size:.46rem;font-style:normal;font-weight:950;line-height:1;display:grid}.podium i:first-child{height:14px;padding-top:3px}.podium i:nth-child(2){height:21px;padding-top:3px}.podium i:nth-child(3){height:10px;padding-top:2px}.eyebrow,.modal-kicker{color:var(--coral);letter-spacing:.13em;margin:0 0 9px;font-size:.67rem;font-weight:950}.settings{border:1px solid var(--ink);background:var(--card);grid-template-columns:minmax(0,1fr) minmax(0,1fr) 136px;gap:8px;width:min(100%,760px);margin:24px auto 0;padding:13px;display:grid;box-shadow:6px 6px #17211c29}.settings label{min-width:0;color:var(--muted);font-size:.65rem;font-weight:900}.settings select{border:1px solid var(--ink);cursor:pointer;background:#f8f4e9;border-radius:0;width:100%;height:44px;margin-top:6px;padding:0 34px 0 11px;font-size:.78rem;font-weight:900;display:block}.settings select:disabled{opacity:.58}.new-puzzle{border:1px solid var(--green-dark);color:#fff;background:var(--green);cursor:pointer;height:44px;box-shadow:3px 3px 0 var(--ink);align-self:end;font-size:.78rem;font-weight:950;transition:transform .15s,box-shadow .15s}.new-puzzle:hover:not(:disabled){box-shadow:5px 5px 0 var(--ink);transform:translate(-1px,-1px)}.new-puzzle:disabled{opacity:.58}.play-area{border:1px solid var(--line);background:#ded7c7;width:min(100%,760px);min-height:310px;margin:20px auto 0;padding:clamp(12px,2.4vw,22px);transition:opacity .15s;position:relative}.board-head{grid-template-columns:1fr auto 44px;align-items:center;gap:12px;min-height:48px;margin-bottom:13px;display:grid}.swap-display{align-items:baseline;gap:6px;display:flex}.swap-display small{color:var(--muted);font-size:.66rem;font-weight:850}.swap-display strong{letter-spacing:-.08em;font-size:2.2rem;line-height:.8}.swap-display b{color:var(--muted);font-size:.7rem}.puzzle-meta{color:var(--muted);white-space:nowrap;font-size:.68rem;font-weight:800}.result-button{color:#fff;background:var(--coral);grid-column:3}.puzzle-board{grid-template-columns:repeat(var(--board-size), minmax(0, 1fr));gap:clamp(2px,.55vw,5px);width:min(100%,690px);margin:0 auto;display:grid}.board-space,.swap-tile{aspect-ratio:1}.swap-tile{color:#fff;background:var(--gray);min-width:0;font-size:clamp(.57rem, calc(10.5rem / var(--board-size)), 1.6rem);cursor:pointer;border:2px solid #0000;place-items:center;padding:0;font-weight:950;line-height:1;transition:transform .12s,box-shadow .12s,background .15s;display:grid}.swap-tile:hover:not(:disabled){transform:translateY(-2px)}.swap-tile.correct{background:var(--green)}.swap-tile.present{color:var(--ink);background:var(--yellow)}.swap-tile.absent{background:var(--gray)}.swap-tile.selected{z-index:2;box-shadow:0 0 0 4px var(--ink);border-color:#fff;transform:scale(1.08)}.swap-tile:disabled{cursor:default}.board-loading{min-height:330px;color:var(--muted);place-items:center;font-size:.82rem;font-weight:900;display:grid}.board-updating{z-index:5;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#ded7c7c7;place-items:center;font-size:.8rem;font-weight:950;display:grid;position:absolute;inset:0}.game-error{min-height:260px;color:var(--danger);text-align:center;place-items:center;margin:0;font-size:.8rem;font-weight:850;display:grid}.modal-backdrop{z-index:50;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#17211ca3;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.definition-backdrop{z-index:60}.game-modal{border:1px solid var(--ink);background:var(--card);width:min(540px,100%);max-height:calc(100dvh - 36px);padding:clamp(25px,5vw,40px);position:relative;overflow:auto;box-shadow:9px 9px #00000038}.modal-close{aspect-ratio:1;border:1px solid var(--ink);cursor:pointer;background:0 0;border-radius:50%;place-items:center;width:36px;padding:0;font-size:1.2rem;line-height:1;display:grid;position:absolute;top:13px;right:13px}.game-modal h2{letter-spacing:-.045em;word-break:keep-all;max-width:calc(100% - 38px);margin:0;font-size:clamp(1.45rem,5vw,2.05rem);line-height:1.18}.modal-copy{color:var(--muted);word-break:keep-all;margin:13px 0 0;font-size:.82rem;line-height:1.7}.centered{text-align:center;margin-left:auto!important;margin-right:auto!important}.help-legend{gap:9px;margin-top:24px;display:grid}.help-legend>div{border:1px solid var(--line);background:#f8f4e9;grid-template-columns:49px 1fr;align-items:center;gap:13px;padding:10px;display:grid}.help-legend i{aspect-ratio:1;color:#fff;place-items:center;width:45px;font-size:.8rem;font-style:normal;font-weight:950;display:grid}.help-legend i.correct{background:var(--green)}.help-legend i.present{color:var(--ink);background:var(--yellow)}.help-legend i.absent{background:var(--gray)}.help-legend b,.help-legend small{display:block}.help-legend b{font-size:.76rem}.help-legend small{color:var(--muted);word-break:keep-all;margin-top:3px;font-size:.67rem;line-height:1.4}.help-note{border-left:3px solid var(--yellow);color:var(--muted);word-break:keep-all;margin:18px 0 0;padding-left:11px;font-size:.7rem;line-height:1.6}.record-tabs{grid-template-columns:repeat(4,1fr);gap:5px;margin-top:22px;display:grid}.record-tabs button{border:1px solid var(--line);cursor:pointer;background:#f8f4e9;min-height:38px;font-size:.7rem;font-weight:900}.record-tabs button.active{color:#fff;border-color:var(--green-dark);background:var(--green)}.record-list{gap:7px;margin-top:12px;display:grid}.record-list article{border:1px solid var(--line);grid-template-columns:72px 42px 1fr;align-items:center;gap:8px;padding:11px;display:grid}.record-list article strong,.record-list article small{display:block}.record-list article strong{font-size:.78rem}.record-list article small{color:var(--muted);margin-top:2px;font-size:.57rem}.record-list article>b{text-align:center;font-size:.77rem}.record-list article p{grid-template-columns:repeat(3,1fr);gap:3px;margin:0;display:grid}.record-list article span{color:var(--yellow);white-space:nowrap;text-shadow:.5px .5px 0 var(--ink);font-size:.61rem;font-weight:950}.record-list article em{color:var(--muted);text-shadow:none;font-style:normal}.completion-mark{aspect-ratio:1;border:2px solid var(--ink);color:#fff;background:var(--green);width:64px;box-shadow:5px 5px 0 var(--ink);place-items:center;margin:0 auto 20px;font-size:1.45rem;font-weight:950;display:grid;transform:rotate(-3deg)}.result-stars{color:var(--yellow);letter-spacing:.07em;text-align:center;text-shadow:1px 1px 0 var(--ink);margin:15px 0 5px;font-size:clamp(1.55rem,6vw,2.1rem);font-weight:950}.result-swap{color:var(--muted);text-align:center;margin:0;font-size:.72rem;font-weight:800}.completed-words{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin:20px 0;display:grid}.completed-words button{border:1px solid var(--line);cursor:pointer;background:#f8f4e9;padding:10px 8px;transition:border-color .15s,transform .15s}.completed-words button:hover{border-color:var(--ink);transform:translateY(-1px)}.completed-words b{font-size:.85rem;display:block}.modal-primary{border:1px solid var(--green-dark);color:#fff;background:var(--green);cursor:pointer;width:100%;min-height:43px;font-size:.75rem;font-weight:950}.definition-backdrop .game-modal{width:min(620px,100%);padding:clamp(30px,5vw,42px)}.definition-backdrop .modal-close{background:var(--card);border-radius:0;width:38px;top:14px;right:14px}.definition-backdrop .modal-kicker{color:var(--green-dark)}.definition-backdrop .game-modal h2{font-size:clamp(2rem,6vw,2.65rem)}.definition-content{margin-top:26px}.definition-message{color:var(--muted);text-align:center;margin:0;padding:22px 10px;font-size:.78rem}.definition-message.error{color:var(--danger)}.definition-list{gap:8px;margin:0;padding:0;list-style:none;display:grid}.definition-list li{border:1px solid var(--line);background:#f8f4e9;grid-template-columns:32px minmax(0,1fr);align-items:start;gap:13px;padding:14px;display:grid}.definition-list li>span{color:#fff;background:var(--green);place-items:center;width:30px;height:30px;font-size:.68rem;font-weight:950;display:grid}.definition-list p{color:#3e4741;white-space:pre-line;word-break:keep-all;margin:2px 0 0;font-size:.82rem;line-height:1.68}.privacy-shell{width:min(720px,100% - 36px);margin:0 auto;padding:30px 0 70px}.privacy-back{color:var(--muted);margin-bottom:65px;font-size:.75rem;font-weight:850;text-decoration:none;display:inline-block}.privacy-shell h1{letter-spacing:-.08em;margin:0;font-size:clamp(3rem,9vw,6.2rem);line-height:.9}.privacy-lead{max-width:520px;color:var(--muted);word-break:keep-all;margin:24px 0 48px;font-size:1rem;line-height:1.8}.privacy-shell section{border-top:1px solid var(--line);grid-template-columns:170px 1fr;gap:30px;padding:24px 0;display:grid}.privacy-shell section h2{letter-spacing:-.02em;margin:0;font-size:.88rem}.privacy-shell section p{color:var(--muted);word-break:keep-all;margin:0;font-size:.82rem;line-height:1.75}.privacy-date{color:var(--muted);margin:28px 0 0;font-size:.7rem}.kakao-ad-footer{border-top:1px solid var(--line);justify-content:center;align-items:flex-start;width:min(920px,100% - 36px);min-height:266px;margin:0 auto;padding:16px 0 0;display:flex}.kakao-ad-footer .kakao_ad_area{flex:0 0 300px;width:300px;height:250px}@media (max-width:600px){.site-shell{width:min(100% - 18px,920px);padding-top:12px}.site-header{padding:0 2px 12px}.brand-mark{width:39px;box-shadow:3px 3px 0 var(--ink);font-size:1.04rem}.brand strong{font-size:.96rem}.brand small{display:none}.round-button,.record-button{width:38px}.settings{grid-template-columns:minmax(0,1fr) minmax(0,1fr) 82px;gap:5px;padding:8px;box-shadow:4px 4px #17211c29}.settings label{font-size:.56rem}.settings select{height:40px;margin-top:4px;padding:0 20px 0 5px;font-size:.63rem}.new-puzzle{height:40px;box-shadow:2px 2px 0 var(--ink);font-size:.64rem}.play-area{min-height:280px;margin-top:14px;padding:9px}.board-head{grid-template-columns:1fr auto 38px;gap:6px;min-height:42px;margin-bottom:8px}.swap-display{gap:4px}.swap-display small{font-size:.56rem}.swap-display strong{font-size:1.75rem}.swap-display b,.puzzle-meta{font-size:.58rem}.puzzle-board{gap:2px}.swap-tile{font-size:clamp(.55rem, calc(8rem / var(--board-size)), 1.2rem);border-width:1px}.swap-tile.selected{box-shadow:0 0 0 3px var(--ink)}.game-modal{padding:25px 20px}.definition-backdrop .game-modal{padding:27px 17px 20px}.definition-backdrop .modal-close{width:34px;top:10px;right:10px}.definition-content{margin-top:22px}.definition-list li{grid-template-columns:29px minmax(0,1fr);gap:10px;padding:12px 10px}.definition-list li>span{width:28px;height:28px}.definition-list p{font-size:.75rem}.record-list article{grid-template-columns:62px 37px 1fr;padding:9px 7px}.record-list article p{grid-template-columns:repeat(2,1fr)}.completed-words{gap:5px}.privacy-shell{width:min(100% - 24px,720px);padding-top:20px}.privacy-back{margin-bottom:46px}.privacy-shell section{grid-template-columns:1fr;gap:9px}.kakao-ad-footer{width:min(100% - 18px,920px);padding-top:12px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important}}