.play-layer{background:var(--background);z-index:10;overscroll-behavior:none;position:fixed;inset:0}.play-canvas{padding:max(16px, env(safe-area-inset-top)) max(24px, env(safe-area-inset-right)) max(16px, env(safe-area-inset-bottom)) max(24px, env(safe-area-inset-left));touch-action:manipulation;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;grid-template-rows:48px 54px minmax(0,1fr) 64px;grid-template-columns:minmax(0,1fr);max-width:448px;margin:0 auto;display:grid;position:absolute;left:0;right:0}.play-hud{grid-template-columns:1fr 1fr 1fr;justify-self:center;align-items:center;width:100%;max-width:400px;display:grid}.icon-button{width:44px;height:44px;color:var(--muted);background:0 0;border:0;border-radius:8px;font-size:28px;font-weight:400;line-height:1}.timer{text-align:center;font-variant-numeric:tabular-nums;font-size:26px;font-weight:600;line-height:1.15}.score{text-align:right;justify-self:end;line-height:1.1}.score strong{font-variant-numeric:tabular-nums;font-size:23px;font-weight:600}.score span{color:var(--muted);margin-left:4px;font-size:11px}.score span:last-child{margin-top:4px;display:block}.urgent{color:var(--error)}.word-slot{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:3px;display:flex;overflow:hidden;container-type:inline-size}.current-word{font-size:clamp(14px, calc(100cqw / var(--letter-count,12) / .8), 25px);letter-spacing:.03em;white-space:nowrap;max-width:100%;min-height:26px;font-weight:600;line-height:1.25}.word-feedback{color:var(--muted);height:18px;font-size:12px}.accepted .current-word,.accepted .word-feedback{color:var(--accent)}.duplicate .current-word,.duplicate .word-feedback{color:var(--duplicate)}.invalid .current-word,.invalid .word-feedback{color:var(--error)}.board-wrap{place-items:center;min-width:0;min-height:0;display:grid;container-type:size}.game-board{touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;grid-template-rows:repeat(4,1fr);grid-template-columns:repeat(4,1fr);width:min(100cqw,100cqh,400px);height:min(100cqw,100cqh,400px);display:grid;position:relative}.tile{border:1px solid var(--line);background:var(--tile);color:var(--ink);border-bottom-width:3px;border-radius:10px;place-items:center;margin:5px;padding:0;font-size:clamp(25px,10cqw,40px);font-weight:650;display:grid;position:relative}.tile>span{z-index:3;pointer-events:none;position:relative}.tile.selected{background:var(--selected);color:#354c9c;border-color:#c3cfee}.tile small{z-index:3;font-size:9px;font-weight:600;position:absolute;top:4px;right:6px}.tile:disabled{opacity:1}.tile:focus-visible{outline:3px solid var(--accent);outline-offset:-4px}.selection-path{pointer-events:none;z-index:2;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.selection-path polyline{fill:none;stroke:var(--accent);stroke-width:7px;stroke-linejoin:round;stroke-linecap:round;opacity:.23}.selection-path circle{fill:var(--accent);opacity:.4}.play-bottom{justify-content:center;align-items:center;padding-top:12px;display:flex}.input-actions{gap:8px;width:min(100%,400px);display:flex}.input-actions button{border:1px solid var(--line);background:var(--tile);border-radius:8px;flex:1;min-height:44px;font-size:14px}.input-actions button[aria-disabled=true]{color:var(--muted);cursor:default}.input-actions .submit-button{background:var(--ink);color:#fff;border-color:var(--ink);font-weight:600}.input-actions .submit-button[aria-disabled=true]{color:var(--muted);background:#e9ecf1;border-color:#e9ecf1}.unrevealed .tile{color:#0000;background:#eef0f4}.exit-overlay{z-index:5;background:#f7f8faf7;place-items:center;padding:24px;display:grid;position:absolute;inset:0}.exit-panel{text-align:center;width:min(100%,300px)}.exit-panel p{color:var(--muted);margin:12px 0 24px;font-size:14px}.exit-panel .primary{width:100%}.exit-panel .text-button{margin-top:8px}.play-canvas.landscape{grid-template-rows:54px 1fr 64px;grid-template-columns:minmax(0,1fr) 220px;gap:0 24px;max-width:860px}.landscape .board-wrap{grid-area:1/1/-1}.landscape .play-hud{grid-area:1/2}.landscape .word-slot{grid-area:2/2}.landscape .play-bottom{grid-area:3/2}.landscape .timer{font-size:24px}.landscape .score strong{font-size:21px}.play-canvas.compact{grid-template-rows:48px 48px minmax(0,1fr) 56px}.compact .play-bottom{padding-top:8px}.play-canvas.landscape.narrow{grid-template-columns:minmax(0,1fr) 188px;gap:0 16px}:root{color:#24262b;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;--background:#f7f8fa;--tile:#fff;--ink:#24262b;--muted:#626772;--accent:#4565d7;--selected:#dde5ff;--line:#e1e4eb;--duplicate:#936024;--error:#a64343;background:#f7f8fa;font-family:Avenir Next,Segoe UI,sans-serif}*{box-sizing:border-box}body{min-width:280px;margin:0}button,input{font:inherit}button,a,summary{-webkit-tap-highlight-color:transparent}button,summary{cursor:pointer}button{color:inherit}button:disabled{cursor:default;opacity:.5}a{color:inherit;text-underline-offset:3px}button:focus-visible,a:focus-visible,summary:focus-visible,input:focus-visible+span{outline:3px solid var(--accent);outline-offset:4px}h1,h2,p{margin:0}h1,h2{font-size:20px;font-weight:600}p{line-height:1.6}.page-shell{width:min(360px,100% - 48px);margin:0 auto;padding:max(32px,50svh - 290px) 0 40px}.site-header{text-align:center;margin-bottom:28px}.wordmark{letter-spacing:-.8px;text-transform:lowercase;font-size:25px;font-weight:600;text-decoration:none}.lobby{text-align:center}.demo-board{aspect-ratio:1;-webkit-user-select:none;user-select:none;grid-template-columns:repeat(4,1fr);margin:-5px;display:grid;position:relative}.demo-board>span{border:1px solid var(--line);background:var(--tile);border-bottom-width:3px;border-radius:10px;place-items:center;margin:5px;font-size:clamp(26px,8vw,38px);font-weight:650;display:grid}.demo-board>.demo-selected{background:var(--selected);color:#354c9c;border-color:#c3cfee}.demo-board svg{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.demo-board path{stroke:var(--accent);stroke-width:5px;opacity:.18}.primary{background:var(--ink);color:#fff;border:0;border-radius:10px;min-height:48px;padding:12px 24px;font-size:16px;font-weight:600}.primary:hover:not(:disabled){background:#3b3f48}.start-button{width:100%;margin-top:26px}.text-button{color:var(--muted);background:0 0;border:0;min-height:44px;padding:10px 16px}.options{color:var(--muted);margin-top:8px;font-size:14px}summary{min-height:44px;padding:12px;list-style:none}summary::-webkit-details-marker{display:none}.options>summary:after{content:"+";margin-left:8px}.options[open]>summary:after{content:"−"}.options-content{text-align:left;padding-top:16px}fieldset{border:0;margin:0 0 20px;padding:0}legend{margin-bottom:8px;font-size:13px}.segmented{background:#e9ecf1;border-radius:8px;padding:3px;display:flex}.segmented label{cursor:pointer;flex:1;position:relative}.segmented input{opacity:0;cursor:pointer;width:100%;height:100%;margin:0;position:absolute;inset:0}.segmented span{text-align:center;border-radius:6px;padding:11px 6px;font-size:14px;display:block}.segmented input:checked+span{color:var(--ink);background:#fff}.how-to{font-size:13px}.how-to>summary{padding-left:0}.how-to>div{padding:4px 0 12px}.how-to p{margin-bottom:12px}.load-error{color:var(--error);margin-top:16px;font-size:14px}.results{text-align:center}.results h1{color:var(--muted);font-size:16px;font-weight:500}.result-stats{justify-content:center;gap:48px;margin:28px 0;display:flex}.result-stats>div{flex-direction:column;display:flex}.result-stats strong{font-variant-numeric:tabular-nums;letter-spacing:-1px;font-size:44px;font-weight:600}.result-stats span{color:var(--muted);font-size:13px}.result-actions{flex-direction:column;display:flex}.word-review{text-align:left;--review-board-size:min(60vw, 240px, 40vh);margin-top:28px}.review-board{z-index:1;background:var(--background);margin:0 -8px;padding:8px 8px 12px;position:sticky;top:0}.review-board .game-board{width:var(--review-board-size);height:var(--review-board-size);touch-action:auto;grid-template-rows:repeat(4,minmax(0,1fr));grid-template-columns:repeat(4,minmax(0,1fr));margin:0 auto;container-type:inline-size}.review-board .tile{border-bottom-width:2px;min-width:0;min-height:0;margin:3px;font-size:clamp(12px,11cqw,40px);line-height:1}.review-board .tile small{font-size:clamp(6px,3cqw,9px);top:2px;right:3px}.word-review .word-filters button,.word-row{scroll-margin-top:calc(var(--review-board-size) + 20px)}.word-filters{border-bottom:1px solid var(--line);gap:24px;margin-bottom:8px;display:flex}.word-filters button{min-height:44px;color:var(--muted);background:0 0;border:0;border-bottom:2px solid #0000;padding:8px 0;font-size:14px}.word-filters button[aria-pressed=true]{color:var(--ink);border-bottom-color:var(--ink)}.word-filters span{font-variant-numeric:tabular-nums;margin-left:4px}.word-review p{color:var(--muted);font-size:14px}.word-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 24px;margin:0;padding:0;list-style:none;display:grid}.word-list li{border-bottom:1px solid var(--line);justify-content:space-between;gap:8px;padding:10px 0;font-size:14px;display:flex}.word-list li span:first-child{overflow-wrap:anywhere;min-width:0}.word-list li span:last-child{color:var(--muted);font-variant-numeric:tabular-nums}.word-paths li{padding:0;display:block}.word-row{text-align:left;background:0 0;border:0;border-radius:8px;justify-content:space-between;gap:8px;width:calc(100% + 16px);min-height:44px;margin:0 -8px;padding:10px 8px;display:flex}.word-row:focus-visible{outline-offset:-3px}.word-row[aria-pressed=true]{background:var(--selected);color:#354c9c}.word-row[aria-pressed=true]>span:last-child{color:inherit}@media (hover:hover){.word-row:hover:not([aria-pressed=true]){background:#eef0f4}}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.account-link{text-align:center;color:var(--muted);margin-bottom:20px;display:block}.account-panel,.account-panel form{gap:18px;display:grid}.account-panel label{gap:8px;display:grid}.account-panel input,.account-panel select{border:1px solid var(--line);background:var(--tile);width:100%;color:var(--ink);border-radius:8px;padding:12px}.account-panel fieldset{border:0;padding:0}.account-panel legend{margin-bottom:8px}.muted{color:var(--muted);font-size:14px}.connection-status{text-align:center;min-height:20px;color:var(--muted);font-size:13px;position:absolute;bottom:2px;left:0;right:0}.friends-panel{gap:1rem;margin-block:1.5rem;display:grid}.friends-panel form{gap:1rem;display:grid}.friends-panel label{gap:.4rem;display:grid}.friends-panel input[type=checkbox]{width:auto}.friends-panel button,.friends-panel select,.friends-panel input{max-width:100%;min-height:44px}.match-list{margin:0;padding:0;list-style:none}.match-list a{border-bottom:1px solid var(--line);gap:.3rem;padding:1rem 0;display:grid}.match-list span{color:var(--muted);font-size:.85rem}.account-shell{padding-top:32px}