:root{--bg:#ede7df;--panel:#faf7f1;--panel-2:#e3dcd1;--line:#dfd6c6;--text:#39322a;--muted:#6e6455;--start:#3d62e0;--start-deep:#24409c;--start-tint:#dce5fb;--end:#f6a14e;--end-deep:#c97c1e;--end-ink:#4a2e08;--end-tint:#fbe8cf;--good:#3e8e68;--good-ink:#28644a;--good-tint:#deefe3;--bad:#b03a2c;--bad-ink:#8c2a1e;--bad-tint:#f6e0db;--warn:#8f5a0e;--warn-tint:#f8ecd2;--accent:#c94b2a;--accent-deep:#8c2f17;--clay-up:inset 0 3px 3px #fffffff2, inset 0 -7px 9px #7e604221, 0 10px 18px #7e604229;--clay-up-sm:inset 0 2px 2px #fffffff2, inset 0 -5px 7px #7e60421f, 0 6px 12px #7e604224;--clay-in:inset 0 4px 8px #7e60422e, inset 0 -2px 2px #fffc;--radius:18px;--ease-jelly:cubic-bezier(.34, 1.56, .4, 1);--vv-height:100dvh;--vv-top:0px;--keyboard-inset:0px;--compact-hide:block;--compact-locked-grid:grid;--tight-hide:block;--head-display:flex;--play-gap:10px;--hud-tile:68px;--hud-tile-font:2.1rem;--hud-arrow-drop:20px;--count-size:158px;--count-font:5.6rem;--count-pad:4vh}:root[data-keyboard=open]{--compact-hide:none;--compact-locked-grid:none;--play-gap:7px;--hud-tile:50px;--hud-tile-font:1.5rem;--hud-arrow-drop:12px;--count-size:92px;--count-font:3rem;--count-pad:0px}@media (height<=560px){:root{--compact-hide:none;--compact-locked-grid:none;--play-gap:7px;--hud-tile:50px;--hud-tile-font:1.5rem;--hud-arrow-drop:12px;--count-size:92px;--count-font:3rem;--count-pad:0px}}:root[data-viewport=tight]{--tight-hide:none;--head-display:none;--play-gap:5px;--hud-tile:38px;--hud-tile-font:1.15rem;--hud-arrow-drop:8px}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:radial-gradient(1100px 500px at 50% -10%, #f7f2ea 0%, transparent 62%), var(--bg);color:var(--text);min-height:100dvh;font-family:ui-rounded,-apple-system,system-ui,Segoe UI,Roboto,sans-serif;line-height:1.5}a{color:var(--start)}a:hover{color:var(--start-deep)}#root{flex-direction:column;min-height:100dvh;display:flex}html.viewport-locked,html.viewport-locked body{overscroll-behavior:none;height:100%;min-height:0;overflow:hidden}html.viewport-locked #root{height:100%;min-height:0}.screen{width:100%;max-width:540px;padding:20px 16px calc(24px + env(safe-area-inset-bottom) + var(--keyboard-inset,0px));flex-direction:column;flex:1;gap:14px;margin:0 auto;display:flex}.center{text-align:center;justify-content:center;align-items:center}h1,h2,h3{margin:0;line-height:1.15}h2{letter-spacing:-.01em;font-size:1.45rem;font-weight:800}.muted{color:var(--muted)}.pulse{animation:2.4s ease-in-out infinite breathe}@keyframes breathe{50%{opacity:.55;transform:scale(1.02)}}:focus-visible{outline:3px solid var(--start);outline-offset:3px;border-radius:6px}.btn{background:var(--panel);color:var(--text);font:inherit;cursor:pointer;box-shadow:var(--clay-up-sm);touch-action:manipulation;border:none;border-radius:999px;padding:11px 18px;font-weight:700;transition:transform 80ms,box-shadow 80ms,background .15s,opacity .15s}.btn:active{box-shadow:var(--clay-in);transform:scale(.96)translateY(1px)}.btn.primary{background:var(--start);color:#fff;box-shadow:inset 0 3px 3px #ffffff59,inset 0 -8px 10px #14235a66,0 10px 18px #7e60423d}.btn.primary:active{transform:scale(.96)translateY(2px);box-shadow:inset 0 4px 10px #14235a73}.btn.ghost{box-shadow:none;border:2px solid var(--line);background:0 0}.btn.ghost:active{background:var(--panel-2);transform:scale(.97)}.btn.big{width:100%;padding:16px 22px;font-size:1.08rem}.btn:disabled{opacity:.55;cursor:default;transform:none}input{font:inherit;color:var(--text);background:var(--panel-2);width:100%;box-shadow:var(--clay-in);touch-action:manipulation;border:2px solid #0000;border-radius:16px;outline:none;padding:12px 15px;font-size:max(16px,1rem)}input:focus{border-color:var(--start);background:var(--panel)}.hero{text-align:center;padding-top:5vh}.hero h1{letter-spacing:-.01em;font-size:2.2rem;font-weight:900}.hero-letter{background:var(--start);color:#fff;border-radius:.28em;padding:.05em .24em .1em;animation:3.2s ease-in-out infinite floaty;display:inline-block;transform:rotate(-6deg);box-shadow:inset 0 .05em .05em #fff6,inset 0 -.12em .14em #14235a66,0 .14em .24em #7e60424d}@keyframes floaty{50%{transform:translateY(-6px)rotate(-6deg)}}.tagline{color:var(--muted);max-width:40ch;margin:12px auto 0;font-size:1.02rem;font-weight:600}.card{background:var(--panel);box-shadow:var(--clay-up);border:none;border-radius:24px;flex-direction:column;gap:14px;padding:18px;display:flex}.field{flex-direction:column;gap:7px;display:flex}.field-label{color:var(--muted);letter-spacing:.05em;text-transform:uppercase;font-size:.82rem;font-weight:800}.mode-cards{grid-template-columns:1fr 1fr;gap:12px;display:grid}.mode-card{text-align:left;background:var(--panel);color:var(--text);font:inherit;cursor:pointer;box-shadow:var(--clay-up-sm);border:none;border-radius:20px;flex-direction:column;align-items:flex-start;gap:4px;padding:13px 14px;transition:transform 80ms,box-shadow 80ms,background .15s;display:flex}.mode-card:active{box-shadow:var(--clay-in);transform:scale(.97)}.mode-card.selected{background:var(--start-tint);box-shadow:inset 0 5px 9px #32468c38,inset 0 -2px 2px #ffffffb3}.mode-card.selected .mode-title{color:var(--start-deep)}.mode-icon{font-size:1.4rem}.mode-title{font-weight:800}.mode-blurb{color:var(--muted);font-size:.82rem}.error-text{color:var(--bad);margin:0;font-weight:700}.home-foot{text-align:center;color:var(--muted);font-size:.85rem}.screen.dashboard{gap:22px;max-width:820px}.dashboard-hero{padding-top:3vh}.game-picker{flex-direction:column;gap:14px;display:flex}.section-heading{justify-content:space-between;align-items:flex-end;gap:12px;display:flex}.section-heading.compact{align-items:center}.eyebrow{color:var(--muted);letter-spacing:.11em;text-transform:uppercase;margin:0 0 3px;font-size:.72rem;font-weight:900}.no-account,.player-count{color:var(--good-ink);background:var(--good-tint);box-shadow:var(--clay-in);border-radius:999px;flex-shrink:0;padding:5px 10px;font-size:.75rem;font-weight:800}.game-grid{grid-template-columns:1fr;gap:14px;display:grid}.game-card{min-height:230px;color:var(--text);background:var(--panel);box-shadow:var(--clay-up);font:inherit;text-align:left;cursor:pointer;touch-action:manipulation;transition:transform .16s var(--ease-jelly), box-shadow .16s ease, background .16s ease;border:none;border-radius:24px;flex-direction:column;align-items:flex-start;gap:9px;padding:18px;display:flex;position:relative;overflow:hidden}.game-card:after{content:"";background:var(--start-tint);opacity:.5;pointer-events:none;border-radius:50%;width:120px;height:120px;position:absolute;top:-52px;right:-48px}.game-card-fastest:after{background:var(--end-tint)}.game-card-last-letter{background:linear-gradient(145deg, var(--panel), #f2eee9)}.game-card-last-letter:after{background:var(--good-tint)}.game-card:active{box-shadow:var(--clay-in);transform:scale(.98)}.game-card-top{z-index:1;justify-content:space-between;align-items:flex-start;width:100%;display:flex}.game-icon{background:var(--panel-2);width:48px;height:48px;box-shadow:var(--clay-up-sm);border-radius:16px;justify-content:center;align-items:center;font-size:1.45rem;display:inline-flex}.new-badge,.host-label,.you-label{background:var(--start-tint);color:var(--start-deep);letter-spacing:.06em;text-transform:uppercase;border-radius:999px;padding:3px 8px;font-size:.67rem;font-weight:900}.new-badge{background:var(--good-tint);color:var(--good-ink)}.game-title{letter-spacing:-.01em;font-size:1.25rem;font-weight:900}.game-description{color:var(--muted);font-size:.91rem;line-height:1.45}.game-meta{flex-wrap:wrap;gap:6px;margin-top:auto;display:flex}.game-meta span{background:var(--panel-2);color:var(--muted);border-radius:999px;padding:4px 9px;font-size:.72rem;font-weight:750}.game-cta{color:var(--start-deep);font-size:.84rem;font-weight:900}.game-cta span{transition:transform .16s;display:inline-block}@media (hover:hover){.game-card:hover{box-shadow:var(--clay-up), 0 18px 30px #7e60422e;transform:translateY(-4px)}.game-card:hover .game-cta span{transform:translate(4px)}}.setup-screen{justify-content:center;max-width:560px}.back-link{min-height:44px;color:var(--muted);font:inherit;cursor:pointer;background:0 0;border:0;align-self:flex-start;align-items:center;gap:7px;padding:7px 4px;font-weight:800;display:inline-flex}.setup-head{align-items:center;gap:14px;display:flex}.setup-head h1{letter-spacing:-.025em;font-size:2rem}.setup-icon{border-radius:19px;flex-shrink:0;width:58px;height:58px;font-size:1.7rem}.setup-description{color:var(--muted);margin:-3px 0 3px;font-weight:600}.setup-card{gap:18px}.rules-preview{flex-direction:column;gap:7px;display:flex}.rules-preview ol{flex-direction:column;gap:6px;margin:0;padding-left:1.45rem;display:flex}.rules-preview li{color:var(--muted);padding-left:3px;font-size:.9rem;font-weight:600}.lobby{text-align:center;justify-content:center}.room-code{letter-spacing:.35em;background:var(--panel);box-shadow:var(--clay-up);border:none;border-radius:22px;padding:18px 0 18px .35em;font-size:2.4rem;font-weight:900}.link-box{background:var(--panel-2);box-shadow:var(--clay-in);border:none;border-radius:999px;align-items:center;gap:8px;padding:7px 7px 7px 16px;display:flex}.link-text{text-overflow:ellipsis;white-space:nowrap;color:var(--muted);text-align:left;flex:1;font-size:.9rem;overflow:hidden}.link-box .btn{flex-shrink:0}.waiting-line{margin-top:10px;font-weight:600}.survival-lobby{justify-content:center;gap:18px;max-width:600px}.survival-lobby-head{align-items:center;gap:13px;display:flex}.survival-lobby-head .game-icon{flex-shrink:0}.invite-card,.lobby-players,.revealed-players,.match-recap{background:var(--panel);box-shadow:var(--clay-up);border-radius:23px;padding:17px}.invite-copy{justify-content:space-between;align-items:center;gap:12px;display:flex}.room-code.survival-code{box-shadow:none;text-align:left;letter-spacing:.22em;background:0 0;border-radius:0;padding:0 0 0 .22em;font-size:1.65rem;line-height:1.1}.invite-hint{margin:13px 0 0;font-size:.84rem}.lobby-players{flex-direction:column;gap:12px;display:flex}.lobby-player-list,.player-strip,.revealed-players ul,.feed-list{margin:0;padding:0;list-style:none}.lobby-player-list{flex-direction:column;gap:8px;display:flex}.lobby-player-list li{align-items:center;gap:9px;min-height:42px;display:flex}.lobby-player-list li.offline{opacity:.55}.presence-dot{background:var(--good);width:8px;height:8px;box-shadow:0 0 0 3px var(--good-tint);border-radius:50%;flex-shrink:0}.offline .presence-dot,.empty-player .presence-dot{background:var(--line);box-shadow:none}.lobby-avatar,.feed-avatar{background:var(--start-tint);width:34px;height:34px;color:var(--start-deep);box-shadow:var(--clay-up-sm);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;font-weight:900;display:inline-flex}.lobby-player-name{align-items:center;gap:6px;min-width:0;font-weight:800;display:flex}.lobby-player-list .host-label{margin-left:auto}.you-label{padding:2px 6px;font-size:.58rem}.empty-player{opacity:.65}.lobby-actions{flex-direction:column;gap:8px;display:flex}.lobby-note,.host-wait{text-align:center;margin:0;font-size:.82rem}.fatal-icon{margin-bottom:4px}.conn-banner{top:var(--vv-top,0px);background:var(--end);color:var(--end-ink);text-align:center;z-index:30;padding:7px;font-weight:800;position:fixed;left:0;right:0;box-shadow:inset 0 -4px 6px #965a0a40}.overlay-banner{left:50%;top:calc(var(--vv-top,0px) + 40px + env(safe-area-inset-top));background:var(--panel);z-index:20;width:min(92vw,480px);box-shadow:var(--clay-up), 0 18px 40px #604a2a4d;border:none;border-radius:22px;padding:15px 17px;position:fixed;transform:translate(-50%)}.overlay-banner p{margin:0 0 10px}.overlay-actions{align-items:center;gap:12px;display:flex}.screen.play{top:var(--vv-top,0px);height:var(--vv-height,100dvh);max-height:var(--vv-height,100dvh);padding:calc(12px + env(safe-area-inset-top)) 16px calc(10px + env(safe-area-inset-bottom));gap:var(--play-gap);overscroll-behavior:none;position:fixed;left:0;right:0;overflow:hidden auto}.conn-banner~.screen.play,.conn-banner~.screen.survival-play{padding-top:calc(46px + env(safe-area-inset-top))}.screen.survival-play{top:var(--vv-top,0px);width:100%;max-width:640px;height:var(--vv-height,100dvh);max-height:var(--vv-height,100dvh);padding:calc(12px + env(safe-area-inset-top)) 14px calc(10px + env(safe-area-inset-bottom));overscroll-behavior:none;gap:9px;position:fixed;left:0;right:0;overflow:hidden}.survival-topbar{display:var(--head-display);flex-shrink:0;justify-content:space-between;align-items:center}.player-strip{scrollbar-width:none;overscroll-behavior-x:contain;flex-shrink:0;gap:8px;padding:4px 3px 7px;display:flex;overflow:auto hidden}.player-strip::-webkit-scrollbar{display:none}.player-strip li{background:var(--panel);min-width:68px;max-width:92px;box-shadow:var(--clay-up-sm);transition:transform .2s var(--ease-jelly), opacity .2s ease, background .2s ease;border-radius:17px;flex-direction:column;align-items:center;gap:3px;padding:7px 8px 6px;display:flex}.player-strip li.current{background:var(--start-tint);transform:translateY(-2px)}.player-strip li.eliminated{opacity:.48;box-shadow:var(--clay-in)}.strip-letter{background:var(--panel-2);width:38px;height:38px;color:var(--muted);border-radius:13px;justify-content:center;align-items:center;font-size:1.2rem;font-weight:900;display:inline-flex}.current .strip-letter{color:#fff;background:var(--start)}.eliminated .strip-letter{color:var(--bad-ink);background:var(--bad-tint)}.strip-letter.unknown{color:var(--start-deep);background:var(--panel-2);box-shadow:inset 0 0 0 2px var(--start-tint), var(--clay-in);font-size:1.45rem}.player-strip li.you:not(.eliminated) .strip-letter{color:#fff;background:var(--start);box-shadow:inset 0 2px 2px #ffffff59,inset 0 -5px 7px #14235a66}.player-strip li.current .strip-letter.unknown{color:#fff;background:var(--start)}.strip-name{text-overflow:ellipsis;white-space:nowrap;text-align:center;width:100%;font-size:.7rem;font-weight:800;overflow:hidden}.offline-mark{color:var(--bad);line-height:.5}.turn-panel{background:var(--panel);box-shadow:var(--clay-in);border-radius:19px;flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;padding:10px 13px;display:flex}.turn-panel.your-turn{background:var(--start-tint)}.turn-panel h2{font-size:1.12rem}.chain-letter{color:var(--muted);text-transform:uppercase;align-items:center;gap:8px;font-size:.7rem;font-weight:800;display:flex}.chain-letter b{color:#fff;background:var(--start);border-radius:17px;flex-shrink:0;justify-content:center;align-items:center;width:52px;height:52px;font-size:1.75rem;line-height:1;display:inline-flex;box-shadow:inset 0 3px 3px #ffffff59,inset 0 -7px 9px #14235a66,0 8px 16px #24409c3d}.turn-panel.your-turn .chain-letter b{animation:inflate .5s var(--ease-jelly) both}.survival-timer{flex-shrink:0;height:8px}.survival-feed{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;flex:1;min-height:0;padding:4px 2px 8px;overflow:hidden auto}.your-letters{z-index:1;background:var(--bg);margin:-4px -2px 10px;padding:4px 2px 8px;position:sticky;top:0}.your-letters .eyebrow{margin:0 0 6px}.letter-trail{flex-wrap:wrap;gap:7px;margin:0;padding:0;list-style:none;display:flex}.letter-trail li{width:40px;height:40px;color:var(--end-ink);background:var(--end);animation:rise-in .28s var(--ease-jelly) both;border-radius:13px;justify-content:center;align-items:center;font-size:1.3rem;font-weight:900;display:inline-flex;box-shadow:inset 0 2px 2px #ffffff73,inset 0 -4px 5px #965a0a40}.letter-trail li.latest{color:#fff;background:var(--start);box-shadow:inset 0 2px 2px #ffffff59, inset 0 -5px 7px #14235a66, 0 0 0 3px var(--start-tint)}.feed-list{flex-direction:column;gap:9px;display:flex}.feed-event{animation:rise-in .28s var(--ease-jelly) both}.guess-event{background:var(--panel);box-shadow:var(--clay-up-sm);border-radius:17px;align-items:flex-start;gap:9px;padding:10px;display:flex}.guess-event.hit{background:var(--end-tint)}.feed-avatar{border-radius:10px;width:31px;height:31px;font-size:.8rem}.feed-content{flex:1;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:2px 8px;min-width:0;display:grid}.feed-name{text-overflow:ellipsis;min-width:0;color:var(--muted);font-size:.75rem;font-weight:800;overflow:hidden}.guessed-letter{width:38px;height:38px;color:var(--end-ink);background:var(--end);border-radius:12px;grid-area:1/2/span 2;justify-content:center;align-items:center;font-size:1.18rem;font-weight:900;display:inline-flex;box-shadow:inset 0 2px 2px #ffffff73,inset 0 -4px 5px #965a0a40}.guessed-letter.hidden-letter{color:var(--muted);background:var(--panel-2);box-shadow:var(--clay-in);font-size:1.5rem}.guess-event.mine{box-shadow:inset 0 0 0 2px var(--start-tint), var(--clay-up-sm)}.elimination-note{color:var(--bad-ink);font-size:.72rem;font-weight:800}.feed-note{color:var(--bad-ink);background:var(--bad-tint);box-shadow:var(--clay-up-sm);border-radius:17px;align-items:center;gap:9px;padding:10px;font-size:.8rem;display:flex}.feed-note-icon{color:#fff;background:var(--bad);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:31px;height:31px;font-size:1rem;font-weight:900;line-height:1;display:inline-flex;box-shadow:inset 0 2px 2px #ffffff4d,inset 0 -4px 5px #58160f59}.feed-note-body{flex:1;min-width:0}.feed-note-body b{font-weight:900}.feed-note small{color:var(--bad-ink);opacity:.75;margin-top:1px;font-size:.7rem;font-weight:700;display:block}.timeout-event .feed-note-icon{background:var(--warn-tint);font-size:.9rem}.empty-feed{height:100%;min-height:90px;color:var(--muted);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:3px;display:flex}.empty-feed span{color:var(--end-deep);font-size:1.3rem}.empty-feed p{max-width:28ch;margin:0;font-size:.82rem}.survival-composer{flex-shrink:0}.survival-countdown-body{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;min-height:0;display:flex}.secret-letter-tile{aspect-ratio:1;color:#fff;background:var(--start);width:min(34vw,142px);animation:squish-in .55s var(--ease-jelly) both;border-radius:34px;justify-content:center;align-items:center;margin:8px 0 13px;font-size:clamp(3.6rem,18vw,5.5rem);font-weight:900;display:flex;box-shadow:inset 0 5px 5px #ffffff59,inset 0 -12px 14px #14235a66,0 17px 28px #7e604247}.countdown-rule{max-width:32ch;color:var(--muted);margin:0;font-size:.9rem}.survival-count-num{color:var(--start-deep);animation:inflate .55s var(--ease-jelly) both;margin-top:18px;font-size:2.5rem;font-weight:900}.survival-end{gap:17px;max-width:600px}.survival-result{text-align:center;padding:22px 5px 5px}.survival-result h1{font-size:2rem}.survival-result.won h1{color:var(--good-ink)}.survival-result .muted{margin-bottom:0}.result-crown{margin-bottom:8px;font-size:2.6rem;animation:3.2s ease-in-out infinite floaty;display:inline-block}.revealed-players,.match-recap{flex-direction:column;gap:12px;display:flex}.revealed-players h2,.match-recap h2{font-size:1rem}.revealed-players ul{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.revealed-players li{background:var(--panel-2);border-radius:15px;grid-template-columns:auto minmax(0,1fr);align-items:center;column-gap:8px;min-width:0;padding:9px;display:grid}.revealed-players li.winner{background:var(--good-tint)}.reveal-letter{color:#fff;background:var(--start);border-radius:11px;grid-row:1/span 2;justify-content:center;align-items:center;width:34px;height:34px;font-weight:900;display:inline-flex}.reveal-status{color:var(--muted);font-size:.68rem}.recap-empty{margin:0}.recap-thread{flex-direction:column;gap:11px;max-height:340px;margin:0;padding:2px;list-style:none;display:flex;overflow-y:auto}.recap-said{max-width:100%;animation:rise-in .28s var(--ease-jelly) both;flex-direction:column;align-items:flex-start;gap:3px;display:flex}.recap-said.mine{align-items:flex-end}.recap-who{color:var(--muted);letter-spacing:.05em;text-transform:uppercase;padding:0 7px;font-size:.68rem;font-weight:800}.recap-bubble{background:var(--panel);max-width:min(100%,26ch);color:var(--text);overflow-wrap:anywhere;box-shadow:var(--clay-up-sm);border-radius:19px 19px 19px 7px;padding:9px 15px;font-size:1.05rem;font-weight:800}.recap-said.mine .recap-bubble{color:#fff;background:var(--start);border-radius:19px 19px 7px}.recap-said.hit .recap-bubble{color:var(--end-ink);background:var(--end)}.recap-bubble .tail{text-underline-offset:3px;text-decoration:underline;text-decoration-thickness:3px}.recap-letter-only{opacity:.75;font-weight:800}.recap-hit-note{color:var(--bad-ink);padding:0 7px;font-size:.72rem;font-weight:800}.recap-note{max-width:100%;color:var(--bad-ink);background:var(--bad-tint);text-align:center;border-radius:14px;align-self:center;padding:7px 13px;font-size:.78rem}.recap-note small{color:var(--muted);font-size:.68rem;display:block}.survival-end-actions{flex-direction:column;gap:10px;margin-top:auto;display:flex}@media (width>=700px){.game-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.game-card{min-height:290px}}@media (width<=380px){.chain-letter span{display:none}.revealed-players ul{grid-template-columns:1fr}}:root[data-keyboard=open] .screen.survival-play{gap:6px}:root[data-keyboard=open] .player-strip,:root[data-viewport=tight] .player-strip,:root[data-viewport=tight] .turn-panel .eyebrow{display:none}:root[data-viewport=tight] .turn-panel{padding:5px 9px}:root[data-viewport=tight] .chain-letter b{border-radius:13px;width:38px;height:38px;font-size:1.3rem}.play-head,.round-hud,.composer{flex-shrink:0}.play-body{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;flex-direction:column;flex:1;gap:12px;min-height:0;display:flex;overflow:hidden auto}.play-body>*{flex-shrink:0}.round-hud{flex-direction:column;gap:8px;display:flex}.play-head{display:var(--head-display);justify-content:space-between;align-items:center;gap:8px;font-size:.85rem}.round-chip,.series-chip{background:var(--panel);white-space:nowrap;box-shadow:var(--clay-up-sm);border:none;border-radius:999px;padding:6px 13px;font-weight:700}.series-chip.standalone{margin-top:10px;display:inline-block}.sudden{color:var(--bad)}.banner{box-shadow:var(--clay-in);border-radius:16px;margin:0;padding:11px 15px;font-weight:700}.banner.warn{background:var(--warn-tint);color:var(--warn)}.banner.bad{background:var(--bad-tint);color:var(--bad-ink)}.banner.good{background:var(--good-tint);color:var(--good-ink)}.picking{flex-direction:column;gap:12px;display:flex}.pick-title{font-size:1.35rem;font-weight:800}.role-start{color:var(--start)}.role-end{color:var(--warn)}.pick-hint{display:var(--compact-hide);color:var(--muted);margin:0;font-size:.95rem;font-weight:600}.letter-grid{grid-template-columns:repeat(6,1fr);gap:9px;display:grid}.letter-grid.locked{display:var(--compact-locked-grid);pointer-events:none}.letter-grid.locked .tile{opacity:.45;box-shadow:none;background:var(--panel-2);transform:translateY(2px)}.letter-grid.locked .tile.picked{opacity:1;background:var(--start);transform:rotate(-3deg)scale(1.08);box-shadow:inset 0 3px 3px #ffffff59,inset 0 -6px 8px #14235a66,0 10px 16px #7e604242}.tile{aspect-ratio:1;font:inherit;color:var(--text);background:var(--panel);cursor:pointer;box-shadow:var(--clay-up-sm);transition:transform .1s var(--ease-jelly), box-shadow .1s ease, background .15s ease, opacity .2s ease, color .15s ease;touch-action:manipulation;border:none;border-radius:16px;justify-content:center;align-items:center;padding:0;font-size:1.3rem;font-weight:900;display:flex}.tile:active{box-shadow:var(--clay-in);transform:scale(.92)}.tile.picked{background:var(--start);color:#fff;transform:rotate(-3deg)scale(1.08);box-shadow:inset 0 3px 3px #ffffff59,inset 0 -6px 8px #14235a66,0 10px 16px #7e604242}.tile.excluded{opacity:.5;background:var(--panel-2);color:var(--muted);box-shadow:inset 0 3px 6px #7e604226}.trivia{color:var(--warn);margin:0;font-size:.95rem;font-weight:700}.opp-line{text-align:center;margin:0;font-size:.9rem}.countdown{text-align:center;padding:var(--count-pad) 0}.countdown .muted{font-size:1.02rem;font-weight:600}.count-num{width:var(--count-size);height:var(--count-size);font-size:var(--count-font);font-variant-numeric:tabular-nums;color:var(--text);background:var(--panel);box-shadow:var(--clay-up), 0 18px 32px #7e604238;animation:inflate .6s var(--ease-jelly) both;border-radius:50%;justify-content:center;align-items:center;margin:16px 0 12px;font-weight:900;line-height:1;display:inline-flex}@keyframes inflate{0%{opacity:0;transform:scale(.4)}60%{opacity:1;transform:scale(1.12)}80%{transform:scale(.95)}to{transform:scale(1)}}@keyframes squish-in{0%{transform:scale(.2) rotate(var(--tilt,0deg));opacity:0}55%{transform:scale(1.14, .9) rotate(var(--tilt,0deg));opacity:1}75%{transform:scale(.95, 1.06) rotate(var(--tilt,0deg))}to{transform:scale(1) rotate(var(--tilt,0deg));opacity:1}}@keyframes ripple{0%{opacity:.8;transform:scale(.9)}to{opacity:0;transform:scale(1.5)}}.round{flex-direction:column;gap:10px;display:flex}.letters-banner{justify-content:center;align-items:flex-end;gap:16px;padding-top:4px;display:flex}.letter-slot{flex-direction:column;align-items:center;gap:7px;display:flex}.letter-label{letter-spacing:.16em;text-transform:uppercase;font-size:11px;font-weight:900}.label-start{color:var(--start-deep)}.label-end{color:var(--warn)}.big-tile{width:var(--hud-tile);aspect-ratio:1;font-size:var(--hud-tile-font);cursor:default;--tilt:-2deg;animation:squish-in .55s var(--ease-jelly) both;position:relative}.big-tile:after{content:"";border:3px solid var(--start);opacity:0;pointer-events:none;border-radius:20px;animation:.6s ease-out .3s ripple;position:absolute;inset:-4px}.tile.picked.end-tile{background:var(--end);color:var(--end-ink);box-shadow:inset 0 3px 3px #ffffff8c,inset 0 -6px 8px #965a0a59,0 10px 16px #7e604242}.big-tile.end-tile{--tilt:2deg;animation-delay:80ms}.end-tile:after{border-color:var(--end-deep);animation-delay:.38s}.letters-banner .big-tile{transform:rotate(var(--tilt))}.letters-arrow{color:var(--muted);margin-bottom:var(--hud-arrow-drop);font-size:1.6rem}.possible{text-align:center;color:var(--muted);margin:0;font-weight:600}.tough{color:var(--warn);font-weight:800}.timerbar{background:var(--panel-2);height:12px;box-shadow:var(--clay-in);border:none;border-radius:999px;overflow:hidden}.timerbar-fill{background:var(--start);border-radius:999px;height:100%;transition:width .2s linear;box-shadow:inset 0 2px 2px #fff6,inset 0 -3px 4px #14235a59}.timerbar.urgent .timerbar-fill{background:var(--bad);animation:1s ease-in-out infinite throb;box-shadow:inset 0 2px 2px #ffffff59,inset 0 -3px 4px #5a0f0566}.time-left{display:var(--tight-hide);text-align:center;font-variant-numeric:tabular-nums;color:var(--muted);margin:0;font-size:.9rem;font-weight:700}.time-left.urgent{color:var(--bad-ink);font-size:1rem;font-weight:900;animation:1s ease-in-out infinite throb}@keyframes throb{50%{opacity:.6}}.score-line{display:var(--tight-hide);text-align:center;margin:0;font-size:1rem}.score-line b{font-variant-numeric:tabular-nums;font-size:1.3em;font-weight:900}.chips{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.chip{background:var(--panel);box-shadow:var(--clay-up-sm);animation:chip-in .3s var(--ease-jelly);border:none;border-radius:999px;padding:6px 14px;font-size:.92rem;font-weight:700}.chip.gem{background:var(--end-tint);color:var(--warn);box-shadow:inset 0 2px 2px #fffc,inset 0 -4px 6px #965a0a26,0 6px 12px #7e604224}@keyframes chip-in{0%{opacity:0;transform:scale(.5)rotate(-5deg)}}.fastest-status{text-align:center}.composer{position:relative}.word-form{gap:8px;display:flex}.word-form input{text-transform:lowercase;background:var(--panel);font-size:max(16px,1.1rem)}.word-form .btn.primary{border-radius:16px;min-width:52px}.word-form.ghost{opacity:.45}.word-form.spent{opacity:.4}.toast{z-index:15;white-space:nowrap;text-overflow:ellipsis;pointer-events:none;background:var(--panel);max-width:100%;box-shadow:var(--clay-up-sm), 0 14px 28px #604a2a3d;border-radius:999px;padding:10px 19px;font-size:.95rem;font-weight:700;animation:1.8s forwards toast;position:absolute;bottom:calc(100% + 8px);left:50%;overflow:hidden;transform:translate(-50%)}.toast.ok{color:var(--good-ink)}.toast.ok:before{content:"✓ ";color:var(--good)}.toast.bad{color:var(--bad-ink);animation:1.8s forwards toast,.3s shake}@keyframes toast{0%{opacity:0;transform:translate(-50%,10px)scale(.9)}12%,80%{opacity:1;transform:translate(-50%)scale(1)}to{opacity:0}}@keyframes shake{25%{transform:translate(calc(-50% - 6px))}75%{transform:translate(calc(6px - 50%))}}.reveal-head{text-align:center;animation:rise-in .45s var(--ease-jelly) both;padding:10px 0 4px}@keyframes rise-in{0%{opacity:0;transform:translateY(14px)scale(.94)}}.reveal-head h2{letter-spacing:-.01em;font-size:2rem;font-weight:900}.reveal-head.won h2{color:var(--good-ink);-webkit-text-decoration:underline wavy var(--end);text-decoration:underline wavy var(--end);text-underline-offset:7px;text-decoration-thickness:3px}.reveal-head.lost h2{color:var(--muted)}.reveal-head .muted{font-weight:600}.pair-line{margin:10px 0 0}.columns{grid-template-columns:1fr 1fr;gap:12px;display:grid}.word-col{background:var(--panel);box-shadow:var(--clay-up-sm);border:none;border-radius:20px;padding:14px}.word-col h3{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;margin-bottom:8px;font-size:.75rem}.word-col ul{word-break:break-word;flex-direction:column;gap:5px;margin:0;padding:0;font-size:.95rem;list-style:none;display:flex}.none{color:var(--muted);font-style:italic}.both-badge{text-transform:uppercase;letter-spacing:.04em;color:#fff;background:var(--start);vertical-align:middle;border:none;border-radius:999px;margin-left:6px;padding:2px 7px;font-size:.62rem;font-weight:900;box-shadow:inset 0 -2px 3px #14235a59}.gems h3{text-align:center;color:var(--muted);margin-bottom:8px;font-size:.95rem;font-weight:700}.reveal-actions{flex-direction:column;gap:10px;margin-top:auto;padding-top:8px;display:flex}.fastest-breakdown{flex-direction:column;gap:9px;display:flex}.attempt-row{background:var(--panel);box-shadow:var(--clay-up-sm);border:none;border-radius:18px;align-items:center;gap:10px;padding:13px 15px;display:flex}.attempt-row.winner{background:var(--good-tint);box-shadow:inset 0 2px 2px #fffc,inset 0 -5px 7px #28644a26,0 8px 14px #7e604229}.attempt-who{color:var(--muted);min-width:64px}.attempt-word{letter-spacing:.08em;font-weight:700}.attempt-ok{color:var(--good);font-weight:900}.attempt-bad{color:var(--bad);font-weight:900}.series-final{font-size:1.25rem}.analytics-consent{z-index:100;right:max(14px, env(safe-area-inset-right));bottom:max(14px, env(safe-area-inset-bottom));left:max(14px, env(safe-area-inset-left));background:color-mix(in srgb, var(--panel) 96%, transparent);width:min(680px,100vw - 28px);box-shadow:var(--clay-up), 0 22px 60px #43321b47;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid #5b483024;border-radius:22px;grid-template-columns:minmax(0,1fr) auto;gap:14px 20px;margin-inline:auto;padding:18px;display:grid;position:fixed}.analytics-consent h2{margin:0 0 5px;font-size:1.05rem}.analytics-consent p{color:var(--muted);margin:0;font-size:.88rem;line-height:1.45}.analytics-consent-actions{align-items:center;gap:8px;display:flex}.analytics-consent .analytics-current{grid-column:1/-1;font-size:.75rem}.analytics-settings{color:var(--muted);font:inherit;text-underline-offset:3px;cursor:pointer;background:0 0;border:0;margin:8px auto 18px;padding:4px 8px;font-size:.78rem;text-decoration:underline;display:block}@media (width<=560px){.analytics-consent{grid-template-columns:1fr}.analytics-consent-actions{justify-content:stretch}.analytics-consent-actions .btn{flex:1}}.name-gate{flex-direction:column;gap:10px;width:min(320px,86vw);display:flex}@media (width>=480px){.letter-grid{grid-template-columns:repeat(7,1fr)}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}