:root{--vh: 1vh}html{-webkit-text-size-adjust:100%;text-size-adjust:100%;overscroll-behavior:none;background-color:var(--bg, #0b1220)}html,body{touch-action:manipulation;overflow-x:hidden;max-width:100%}body{-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;user-select:none;-webkit-user-select:none;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);box-sizing:border-box}input,textarea,[contenteditable],.selectable{user-select:text;-webkit-user-select:text;-webkit-touch-callout:default}button,[role=button],a,label,summary{touch-action:manipulation}button,input,select,textarea{font-family:inherit;font-size:inherit}input,textarea,select{font-size:max(16px,1em)}button,[role=button]{min-height:44px;min-width:44px;cursor:pointer}.board,.field,canvas,.drag-surface{touch-action:none}.control-layer{position:fixed;inset:0;z-index:30;pointer-events:none;touch-action:none}.control-layer>*{pointer-events:auto}.safe-inset{padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}:root{--bg: #efe3cc;--bg-deep: #e4d4b6;--board: #9c7e48;--board-edge: #7c6338;--cell: #f7f0e1;--panel: #fbf5e8;--panel-deep: #efe3cc;--tile: #33291f;--tile-edge: #1d160f;--glyph: #f7f0e1;--text: #2c241c;--text-muted: #665844;--ink: #1d160f;--warp: #1c9190;--weft: #d47b12;--cross: #a07bf0;--good: #2f8f4e;--danger: #c0392b;--radius: 12px;--font: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif}[hidden]{display:none!important}*{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:var(--font);color:var(--text);background:radial-gradient(120% 90% at 50% -10%,var(--bg) 0%,var(--bg-deep) 100%) fixed;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}#app{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column}body.playing #app{height:100dvh;min-height:0}.main-content{flex:1 0 auto;display:flex;flex-direction:column;min-height:0;padding:max(env(safe-area-inset-top),10px) 14px 8px}body.playing .main-content{flex:1 1 auto;overflow:hidden}.site-footer{flex-shrink:0;text-align:center;font-size:.78rem;color:var(--text-muted);padding:12px 14px calc(12px + env(safe-area-inset-bottom))}.site-footer a{color:var(--warp);text-decoration:none}.site-footer a:hover{text-decoration:underline}body.playing .site-footer{display:none!important}.screen{width:100%;max-width:560px;margin:0 auto;display:flex;flex-direction:column;min-height:0;flex:1 1 auto}.btn{appearance:none;border:2px solid var(--board-edge);background:var(--panel);color:var(--text);font:inherit;font-weight:700;font-size:1rem;padding:13px 18px;border-radius:var(--radius);cursor:pointer;min-height:48px;transition:transform .08s ease,background .15s ease}.btn:hover{background:var(--bg-deep)}.btn:active{transform:translateY(1px)}.btn.primary{background:var(--tile);color:var(--glyph);border-color:var(--tile-edge)}.btn.primary:hover{background:#241c14}.btn.ghost{background:transparent;border-color:transparent;color:var(--text-muted);min-height:42px;padding:8px 12px}.linkbtn{appearance:none;border:0;background:transparent;color:var(--text-muted);font:inherit;font-weight:600;cursor:pointer;padding:8px 10px;min-height:40px}.linkbtn:hover{color:var(--text)}.menu-actions{display:flex;flex-direction:column;gap:10px;max-width:320px;margin:14px auto 0;width:100%}.menu-links{display:flex;justify-content:center;gap:6px;margin-top:12px;flex-wrap:wrap}.menu{justify-content:center;text-align:center;gap:6px;padding:18px 0}.title{font-size:clamp(2.6rem,12vw,3.6rem);margin:0;letter-spacing:-.02em;font-weight:800;color:var(--tile)}.title-accent{color:var(--warp)}.tagline{margin:2px 0 10px;color:var(--text-muted);font-size:1rem;max-width:24em;align-self:center}.mode-pick{display:flex;justify-content:center;gap:8px;flex-wrap:wrap}.chip{appearance:none;border:2px solid var(--board-edge);background:var(--panel);color:var(--text);font:inherit;font-weight:700;padding:9px 16px;border-radius:999px;cursor:pointer;min-height:44px}.chip.on{background:var(--tile);color:var(--glyph);border-color:var(--tile-edge)}.mode-blurb{color:var(--text-muted);font-size:.94rem;max-width:30em;margin:8px auto 4px;min-height:2.6em}.best-line{color:var(--text);font-size:.95rem;margin:2px 0 4px}.game{justify-content:flex-start;gap:10px}.hud{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-shrink:0}.hud-mode{font-weight:800;color:var(--tile);font-size:1.05rem}.hud-score{font-weight:800;font-size:1.4rem;color:var(--warp);font-variant-numeric:tabular-nums}.hud-quit{margin-left:auto}.timer-wrap{height:8px;background:var(--bg-deep);border-radius:999px;overflow:hidden;flex-shrink:0;border:1px solid var(--board-edge)}.timer-bar{display:block;height:100%;width:100%;background:var(--warp);transition:width .25s linear}.timer-bar.low{background:var(--danger)}.tray{display:flex;justify-content:center;gap:8px;flex-shrink:0;min-height:58px;align-items:center}.letter{appearance:none;border:2px solid var(--tile-edge);background:var(--tile);color:var(--glyph);font:inherit;font-weight:800;font-size:1.5rem;width:48px;height:52px;border-radius:10px;position:relative;cursor:pointer;display:grid;place-items:center;opacity:.6;transition:opacity .12s ease,transform .12s ease,box-shadow .12s ease}.tray.single .letter{opacity:1;width:56px;height:58px;font-size:1.7rem}.letter.active{opacity:1;transform:translateY(-2px);box-shadow:0 0 0 3px var(--warp)}.letter .lv{position:absolute;right:4px;bottom:2px;font-size:.62rem;font-weight:700;color:var(--glyph);opacity:.7}.board-host{flex:1 1 auto;min-height:0;display:grid;place-items:center;width:100%}.board-host.gain{animation:gainpulse .28s ease}@keyframes gainpulse{50%{transform:scale(1.012)}}.grid{--n: 5;display:grid;grid-template-columns:repeat(var(--n),1fr);gap:6px;width:min(92vw,60vh,440px);aspect-ratio:1;padding:8px;background:var(--board);border:3px solid var(--board-edge);border-radius:16px;box-shadow:0 6px 20px #3c280a2e}.cell{appearance:none;border:0;margin:0;padding:0;position:relative;aspect-ratio:1;min-width:0;border-radius:8px;background:var(--cell);cursor:pointer;display:grid;place-items:center;font-weight:800;overflow:hidden;transition:background .12s ease}.cell.empty:hover{background:#fffaef}.cell.filled{background:var(--tile);cursor:default}.cell .glyph{font-size:clamp(.9rem,5.4vw,1.7rem);line-height:1;color:var(--glyph)}.cell.empty .glyph{color:var(--text-muted);opacity:.55;font-style:italic}.cell.preview{background:#fff6e6}.cell.sc-col:before{content:"";position:absolute;left:0;top:0;bottom:0;width:5px;background:var(--warp)}.cell.sc-row:after{content:"";position:absolute;left:0;right:0;bottom:0;height:5px;background:var(--weft)}.cell.sc-diag{box-shadow:inset 0 0 0 3px var(--cross)}.cell.reveal{animation:reveal .5s ease}@keyframes reveal{0%{transform:scale(1)}40%{transform:scale(1.08)}}.cell.drop{animation:drop .16s ease}@keyframes drop{0%{transform:scale(.7)}70%{transform:scale(1.06)}}.results{align-items:center;text-align:center;gap:6px;padding-bottom:12px}.r-title{margin:8px 0 2px;color:var(--tile)}.r-score{display:flex;flex-direction:column;align-items:center}.r-num{font-size:3rem;font-weight:800;color:var(--warp);line-height:1}.r-sub{color:var(--text-muted);font-weight:600}.r-best{color:var(--text-muted);margin:2px 0 8px}.r-grid{--n: 5;display:grid;grid-template-columns:repeat(var(--n),1fr);gap:3px;width:min(74vw,300px);aspect-ratio:1;padding:5px;background:var(--board);border-radius:10px;margin:4px auto}.r-grid.pending{opacity:.35}.r-cell{aspect-ratio:1;border-radius:5px;background:var(--cell);display:grid;place-items:center;font-weight:800;font-size:clamp(.6rem,3.4vw,1rem);position:relative;color:var(--glyph);overflow:hidden}.r-cell.filled{background:var(--tile)}.r-cell.empty{color:transparent}.r-cell.sc-col:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--warp)}.r-cell.sc-row:after{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;background:var(--weft)}.r-cell.sc-diag{box-shadow:inset 0 0 0 2px var(--cross)}.r-words{list-style:none;margin:4px auto 6px;padding:0;display:flex;flex-wrap:wrap;gap:5px;justify-content:center;max-width:360px}.r-words li{display:inline-flex;gap:5px;align-items:baseline;background:var(--panel);border:1px solid var(--board-edge);border-radius:999px;padding:3px 10px;font-size:.85rem}.rw-word{font-weight:700;letter-spacing:.03em}.rw-pts{color:var(--warp);font-weight:800;font-variant-numeric:tabular-nums}.r-words.muted{color:var(--text-muted)}.r-players{display:flex;flex-direction:column;gap:12px;width:100%;max-width:420px;margin:0 auto}.r-player{border:2px solid var(--board-edge);border-radius:var(--radius);padding:8px 10px;background:var(--panel)}.r-player.you{border-color:var(--warp)}.r-player.lead{box-shadow:0 0 0 2px var(--good) inset}.r-head{display:flex;align-items:center;gap:8px;font-weight:700}.r-rank{width:26px;height:26px;border-radius:50%;background:var(--tile);color:var(--glyph);display:grid;place-items:center;font-size:.85rem;flex-shrink:0}.r-name{flex:1 1 auto;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.r-pscore{font-weight:800;color:var(--warp);font-variant-numeric:tabular-nums}.r-tally{font-size:.8rem;color:var(--text-muted)}.r-left{font-size:.78rem;color:var(--danger)}.r-playing{font-size:.78rem;color:var(--text-muted)}.waiting-note{text-align:center;color:var(--text-muted);font-size:.88rem;min-height:1.2em;margin:2px 0}.overlay{position:fixed;inset:0;background:#281c0c80;display:grid;place-items:center;padding:18px;z-index:50}.sheet{background:var(--panel);border-radius:16px;border:2px solid var(--board-edge);padding:22px;max-width:460px;width:100%;max-height:86vh;overflow:auto;position:relative}.sheet h2{margin:0 0 10px;color:var(--tile)}.sheet p{margin:8px 0;line-height:1.5}.sheet p.muted{color:var(--text-muted);font-size:.9rem}.sheet a{color:var(--warp)}.sheet-close{position:absolute;top:10px;right:10px;width:40px;height:40px;border-radius:50%;border:0;background:var(--bg-deep);color:var(--text);font-size:1.4rem;cursor:pointer;line-height:1}.key{font-weight:800;padding:0 4px;border-radius:4px}.sc-col-k{color:var(--warp)}.sc-row-k{color:var(--weft)}.toast{position:fixed;left:50%;bottom:26px;transform:translate(-50%,20px);background:var(--tile);color:var(--glyph);padding:10px 18px;border-radius:999px;font-weight:700;opacity:0;transition:opacity .2s ease,transform .2s ease;z-index:60}.toast.show{opacity:1;transform:translate(-50%)}.countdown{position:fixed;inset:0;display:grid;place-items:center;font-size:clamp(4rem,22vw,8rem);font-weight:800;color:var(--tile);pointer-events:none;z-index:40;text-shadow:0 4px 18px rgba(255,245,220,.7)}.countdown.pop{animation:cdpop .5s ease}@keyframes cdpop{0%{transform:scale(.5);opacity:0}40%{transform:scale(1.15);opacity:1}to{transform:scale(1);opacity:.9}}.lobby-searching{display:flex;align-items:center;justify-content:center;gap:10px;padding:40px 10px;color:var(--text-muted);font-weight:600}.spinner{width:22px;height:22px;border:3px solid var(--board-edge);border-top-color:var(--warp);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.lobby-modes{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin:8px 0}.host-pick{text-align:center;color:var(--text-muted)}.room-entry,.lobby{color:var(--text);width:100%;max-width:460px;margin:0 auto}.re-title{color:var(--tile);margin:6px 0 4px}.re-sub{color:var(--text-muted);margin:0 0 16px}.re-divider{color:var(--text-muted);margin:14px 0 8px;font-size:.9rem}.re-join{display:flex;gap:8px;align-items:stretch}.re-input,.lobby input[type=text]{flex:1 1 auto;min-width:0;font:inherit;font-weight:700;letter-spacing:.12em;text-transform:uppercase;padding:12px 14px;border-radius:var(--radius);border:2px solid var(--board-edge);background:var(--cell);color:var(--text);min-height:48px}.re-input::placeholder{color:var(--text-muted);letter-spacing:normal;text-transform:none;font-weight:600}.re-error{color:var(--danger);font-size:.85rem;min-height:1.1em}.lobby-btn{appearance:none;border:2px solid var(--board-edge);background:var(--panel);color:var(--text);font:inherit;font-weight:700;font-size:1rem;padding:13px 18px;border-radius:var(--radius);cursor:pointer;min-height:48px;transition:transform .08s ease,background .15s ease}.lobby-btn:hover{background:var(--bg-deep)}.lobby-btn:active{transform:translateY(1px)}.lobby-btn.primary,.re-create{background:var(--tile);color:var(--glyph);border-color:var(--tile-edge)}.lobby-btn.primary:hover{background:#241c14}.lobby-btn.ghost{background:transparent;border-color:transparent;color:var(--text-muted)}.re-create{width:100%}.re-go{flex:0 0 auto}.lobby-card,.lobby-panel{background:var(--panel);border:2px solid var(--board-edge);border-radius:16px;padding:16px}.lobby-code{font-weight:800;letter-spacing:.15em;color:var(--tile)}.lobby-invite{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.lobby-link{flex:1 1 auto;min-width:0}.lobby-qr{display:flex;justify-content:center;margin:10px 0}.lobby-qr svg{width:min(60vw,220px);height:auto}.lobby-roster{list-style:none;padding:0;margin:10px 0}.lobby-roster li{padding:8px 4px;border-bottom:1px solid var(--bg-deep)}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}@media(min-width:720px){.screen{max-width:600px}.grid{width:min(70vh,460px)}}