:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f4efe6;--bg-deep:#e7ded1;--panel:#fffdf8;--panel-strong:#fff;--panel-soft:#eee8de;--line:#d5cbbb;--line-strong:#b9ad9c;--text:#241d30;--muted:#6d6675;--start:#5749df;--start-dark:#4032bf;--start-soft:#eae7ff;--end:#d9533c;--end-dark:#ac3829;--end-soft:#ffe5dc;--good:#167554;--good-soft:#ddf4e9;--bad:#b92f45;--bad-soft:#ffe1e6;--warn:#a85e00;--warn-soft:#fff0c9;--radius-sm:12px;--radius:18px;--radius-lg:28px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--screen-gutter:var(--space-4);--surface-padding:var(--space-4);--surface-padding-compact:var(--space-3);--screen-gap:var(--space-4);--section-gap:var(--space-3);--dock-inset:max(var(--space-2), env(safe-area-inset-bottom));--shadow-card:0 16px 40px #36271817, 0 2px 0 #3627180a;--shadow-tile:0 5px 0 #c8bdad;--shadow-start:0 5px 0 var(--start-dark);--shadow-end:0 5px 0 var(--end-dark);--ease-pop:cubic-bezier(.2, .85, .25, 1.25);--ease-out:cubic-bezier(.2, .75, .2, 1)}*{box-sizing:border-box}html,body{min-width:320px;min-height:100%;margin:0}body{background:radial-gradient(circle at 12px 12px, #5749df13 1.5px, transparent 1.7px) 0 0 / 24px 24px, radial-gradient(circle at 85% 5%, #d9533c21, transparent 28rem), radial-gradient(circle at 10% 92%, #5749df1c, transparent 25rem), var(--bg);min-height:100dvh;color:var(--text);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;font-family:ui-rounded,SF Pro Rounded,Arial Rounded MT Bold,Inter,system-ui,-apple-system,Segoe UI,sans-serif;line-height:1.45;overflow-x:hidden}button,input{font:inherit}button{-webkit-tap-highlight-color:transparent}::selection{background:var(--start-soft);color:var(--text)}#root{flex-direction:column;min-height:100dvh;display:flex}.screen{isolation:isolate;width:100%;max-width:600px;min-height:100dvh;padding:calc(var(--space-4) + env(safe-area-inset-top)) max(var(--screen-gutter), env(safe-area-inset-right)) calc(var(--space-5) + env(safe-area-inset-bottom)) max(var(--screen-gutter), env(safe-area-inset-left));gap:var(--screen-gap);flex-direction:column;flex:1;margin:0 auto;display:flex;position:relative;overflow-x:clip}.center{text-align:center;justify-content:center;align-items:center}h1,h2,h3,p{margin-top:0}h1,h2,h3{letter-spacing:-.035em;margin-bottom:0;font-weight:900;line-height:1.05}h2{font-size:clamp(1.7rem,7vw,2.25rem)}h3{font-size:1rem}.muted{color:var(--muted)}.eyebrow{color:var(--start-dark);letter-spacing:.14em;text-transform:uppercase;margin:0;font-size:.72rem;font-weight:900;line-height:1.2}.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}.pulse{animation:1.6s ease-in-out infinite soft-pulse}@keyframes soft-pulse{50%{opacity:.48}}.btn{border:1.5px solid var(--line);border-radius:var(--radius);background:var(--panel-strong);min-height:48px;box-shadow:0 3px 0 var(--line);color:var(--text);cursor:pointer;touch-action:manipulation;transition:transform .12s var(--ease-out), box-shadow .12s var(--ease-out), background-color .16s ease, border-color .16s ease, opacity .16s ease;padding:11px 17px;font-weight:900}.btn:active:not(:disabled){box-shadow:0 1px 0 var(--line);transform:translateY(2px)scale(.99)}.btn.primary{border-color:var(--start);background:var(--start);box-shadow:0 5px 0 var(--start-dark);color:#fff}.btn.primary:active:not(:disabled){box-shadow:0 2px 0 var(--start-dark);transform:translateY(3px)scale(.995)}.btn.ghost{background:#fffdf8b3}.btn.big{justify-content:center;align-items:center;gap:12px;width:100%;min-height:54px;padding:14px 20px;font-size:1rem;display:flex}.btn.big>:last-child:not(:only-child){margin-left:auto}.btn:disabled{border-color:var(--line);background:var(--panel-soft);box-shadow:0 3px 0 var(--line);color:#8a828d;cursor:default;opacity:.72;transform:none}input{border:1.5px solid var(--line);border-radius:var(--radius-sm);background:var(--panel-strong);width:100%;min-height:50px;color:var(--text);outline:none;padding:12px 14px;font-size:16px;transition:border-color .16s,box-shadow .16s;box-shadow:inset 0 1px #241d3006}input::placeholder{color:#9a929d}input:focus{border-color:var(--start);box-shadow:0 0 0 4px #5749df21}button:focus-visible,input:focus-visible{outline-offset:3px;outline:3px solid #241d30}.card{border:1.5px solid var(--line);border-radius:var(--radius-lg);background:var(--panel);box-shadow:var(--shadow-card);padding:var(--surface-padding);gap:var(--section-gap);flex-direction:column;display:flex}.field{gap:var(--space-2);flex-direction:column;display:flex}.field-label{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;margin:0;font-size:.76rem;font-weight:900}.error-text{color:var(--bad);text-align:center;margin:0;font-size:.9rem;font-weight:800}.home{max-width:560px;padding-top:max(var(--space-6), calc(var(--space-5) + env(safe-area-inset-top)));justify-content:center}.home-floaters{z-index:-1;pointer-events:none;position:absolute;inset:0}.home-floaters span{color:#5749df6b;background:#fffdf880;border:1.5px solid #5749df38;border-radius:12px;place-items:center;width:42px;height:42px;font-weight:950;animation:5s ease-in-out infinite tile-float;display:grid;position:absolute;transform:rotate(-12deg)}.home-floaters span:first-child{top:8%;left:var(--space-2)}.home-floaters span:nth-child(2){top:17%;right:var(--space-2);color:#d9533c6b;border-color:#d9533c38;animation-delay:-1.7s;transform:rotate(10deg)}.home-floaters span:nth-child(3){border-radius:9px;width:30px;height:30px;animation-delay:-3s;bottom:8%;right:4%}@keyframes tile-float{50%{translate:0 -8px;rotate:4deg}}.hero{text-align:center}.hero .eyebrow{margin-bottom:10px}.hero h1{letter-spacing:-.07em;margin:0;font-size:clamp(2.5rem,12vw,4.15rem);line-height:.98;display:block}.hero-the{color:var(--muted);letter-spacing:.18em;text-transform:uppercase;margin-bottom:5px;font-size:.32em;line-height:1;display:block}.hero-word{white-space:nowrap}.hero-letter{border:.035em solid var(--start-dark);background:var(--start);width:.88em;height:.88em;box-shadow:0 .08em 0 var(--start-dark);color:#fff;letter-spacing:0;animation:logo-drop .7s var(--ease-pop) both;border-radius:.2em;justify-content:center;align-items:center;margin-right:.04em;font-size:.88em;display:inline-flex;transform:rotate(-4deg)translateY(-.02em)}.hero-letter.end{border-color:var(--end-dark);background:var(--end);box-shadow:0 .08em 0 var(--end-dark);animation-delay:.1s;transform:rotate(4deg)translateY(-.02em)}@keyframes logo-drop{0%{opacity:0;transform:translateY(-18px)rotate(-10deg)scale(.75)}}.tagline{max-width:39ch;color:var(--muted);margin:16px auto 0;font-size:.97rem}.rule-preview{justify-content:center;align-items:center;gap:9px;margin:15px auto 0;display:flex}.mini-letter{letter-spacing:.08em;border-radius:999px;padding:5px 10px;font-size:.68rem;font-weight:950}.mini-letter.start{background:var(--start-soft);color:var(--start-dark)}.mini-letter.end{background:var(--end-soft);color:var(--end-dark)}.rule-arrow{color:var(--line-strong);font-weight:900}.card-heading{align-items:center;gap:12px;display:flex}.card-heading h2{letter-spacing:-.02em;font-size:1.2rem}.card-heading p{color:var(--muted);margin:3px 0 0;font-size:.83rem}.step-dot{background:var(--text);color:#fff;border-radius:50%;flex:0 0 34px;place-items:center;width:34px;height:34px;font-size:.82rem;font-weight:900;display:grid}.mode-cards{gap:var(--space-3);grid-template-columns:1fr 1fr;display:grid}.mode-card{gap:var(--space-1);border:1.5px solid var(--line);border-radius:var(--radius);background:var(--panel-strong);min-height:128px;color:var(--text);cursor:pointer;padding:var(--space-3);text-align:left;touch-action:manipulation;transition:transform .16s var(--ease-out), border-color .16s ease, background-color .16s ease, box-shadow .16s ease;flex-direction:column;align-items:flex-start;display:flex;position:relative}.mode-card:active{transform:scale(.98)}.mode-card.selected{border-color:var(--start);background:var(--start-soft);box-shadow:inset 0 0 0 1px var(--start)}.mode-topline{justify-content:space-between;align-items:center;width:100%;display:flex}.mode-icon{background:var(--panel-soft);width:32px;height:32px;color:var(--start-dark);border-radius:10px;place-items:center;font-size:1.1rem;display:grid}.mode-card:nth-child(2) .mode-icon{background:var(--end-soft);color:var(--end-dark)}.mode-check{border:1.5px solid var(--line);color:#0000;border-radius:50%;place-items:center;width:20px;height:20px;font-size:.68rem;transition:all .16s;display:grid}.mode-card.selected .mode-check{border-color:var(--start);background:var(--start);color:#fff;transform:scale(1.05)}.mode-title{margin-top:2px;font-size:.96rem;font-weight:950}.mode-blurb{color:var(--muted);font-size:.76rem;line-height:1.35}.btn-arrow{font-size:1.2rem;line-height:1}.home-foot{color:var(--muted);flex-wrap:wrap;justify-content:center;gap:8px;font-size:.72rem;font-weight:800;display:flex}.home-foot span{align-items:center;gap:6px;display:inline-flex}.home-foot span:before{background:var(--good);content:"";border-radius:50%;width:5px;height:5px}.lobby{text-align:center;justify-content:center}.lobby-head{flex-direction:column;gap:8px;display:flex}.lobby-head .muted{margin:0;font-size:.85rem}.waiting-stage{justify-content:center;align-items:center;gap:var(--space-4);padding:var(--space-2) 0;display:flex}.player-puck{border:2px solid var(--start-dark);background:var(--start);width:68px;height:68px;box-shadow:var(--shadow-start);color:#fff;letter-spacing:.06em;border-radius:21px;place-items:center;font-size:.72rem;font-weight:950;display:grid;transform:rotate(-4deg)}.player-puck.mystery{border:2px dashed var(--line-strong);background:var(--panel-soft);box-shadow:var(--shadow-tile);color:var(--muted);font-size:1.8rem;animation:2.4s ease-in-out infinite mystery-wiggle;transform:rotate(4deg)}.versus-mark{color:var(--muted);letter-spacing:.1em;font-size:.72rem;font-weight:950}@keyframes mystery-wiggle{45%,55%{transform:rotate(-3deg)translateY(-3px)}}.invite-card{gap:var(--space-3)}.room-code{justify-content:center;gap:var(--space-2);margin-top:var(--space-2);display:flex}.room-code span{border:1.5px solid var(--text);background:var(--panel-strong);width:clamp(36px,10.5vw,52px);height:clamp(48px,14vw,60px);box-shadow:0 4px 0 var(--text);text-transform:uppercase;border-radius:13px;place-items:center;font-size:clamp(1.45rem,7vw,2rem);font-weight:950;display:grid}.share-btn{margin-top:0}.link-text{max-width:100%;color:var(--muted);text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:.72rem;overflow:hidden}.warmup-card{align-items:center;gap:var(--space-3);border-radius:var(--radius);background:var(--warn-soft);padding:var(--surface-padding);text-align:left;border:1.5px solid #a85e0040;display:flex}.warmup-card p,.warmup-card strong{margin:0}.warmup-card p{color:var(--warn);letter-spacing:.08em;text-transform:uppercase;font-size:.7rem;font-weight:900}.warmup-card strong{margin-top:2px;font-size:.82rem;line-height:1.35;display:block}.warmup-icon{width:36px;height:36px;color:var(--warn);background:#ffffff94;border-radius:50%;flex:0 0 36px;place-items:center;display:grid}.waiting-line{justify-content:center;align-items:center;gap:var(--space-2);margin:0;font-size:.82rem;font-weight:700;display:flex}.waiting-dots{gap:3px;display:inline-flex}.waiting-dots i{background:var(--start);border-radius:50%;width:5px;height:5px;animation:1.2s ease-in-out infinite dot-hop}.waiting-dots i:nth-child(2){animation-delay:.12s}.waiting-dots i:nth-child(3){animation-delay:.24s}@keyframes dot-hop{45%{transform:translateY(-4px)}}.conn-banner{z-index:30;padding:calc(var(--space-2) + env(safe-area-inset-top)) var(--space-3) var(--space-2);background:var(--warn-soft);color:#5b3200;text-align:center;font-size:.8rem;font-weight:900;position:fixed;top:0;left:0;right:0;box-shadow:0 2px #a85e0033}.overlay-banner{left:50%;top:calc(44px + env(safe-area-inset-top));z-index:20;border:1.5px solid var(--line);border-radius:var(--radius);background:var(--panel-strong);width:min(92vw,500px);padding:var(--surface-padding);animation:banner-drop .3s var(--ease-out) both;position:fixed;transform:translate(-50%);box-shadow:0 18px 48px #241d3033}@keyframes banner-drop{0%{opacity:0;transform:translate(-50%,-12px)}}.overlay-banner p{margin:0 0 var(--space-2);font-size:.9rem}.overlay-actions{gap:var(--space-2);align-items:center;display:flex}.overlay-actions .btn{flex:1;min-height:44px;padding:9px 12px;font-size:.82rem}.play{gap:var(--space-3)}.play-head{justify-content:space-between;align-items:center;gap:var(--space-2);min-height:38px;display:flex}.round-chip,.series-chip{border:1.5px solid var(--line);color:var(--muted);white-space:nowrap;background:#fffdf8c7;border-radius:999px;padding:6px 10px;font-size:.74rem;font-weight:800}.round-chip>b,.series-chip b{color:var(--text)}.series-chip.standalone{margin:10px 0 0;display:inline-block}.series-chip.standalone>span{color:var(--muted);font-weight:800}.series-score{border:1.5px solid var(--line);background:var(--panel-strong);border-radius:999px;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:7px;min-width:0;padding:5px 9px;font-size:.72rem;display:grid}.series-player{max-width:74px;color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-weight:800;overflow:hidden}.series-player.you{color:var(--start-dark);text-align:right}.series-player.opponent{text-align:left}.series-score strong{color:var(--text);font-variant-numeric:tabular-nums;font-size:.96rem}.series-score strong i{color:var(--line-strong);margin:0 3px;font-style:normal}.sudden{color:var(--bad)!important}.banner{border-radius:var(--radius-sm);padding:var(--space-3) var(--space-4);border:1.5px solid;margin:0;font-size:.84rem;font-weight:800;line-height:1.35}.banner.warn{background:var(--warn-soft);color:#704000;border-color:#a85e004d}.banner.bad{background:var(--bad-soft);color:#812035;border-color:#b92f4547}.banner.good{background:var(--good-soft);color:#0c6044;border-color:#16755447}.picking{gap:var(--space-3);flex-direction:column;flex:1;display:flex}.pick-intro{gap:var(--space-2);text-align:center;flex-direction:column;display:flex}.pick-title{font-size:clamp(1.5rem,7vw,2rem)}.role-start{background:var(--start-soft);color:var(--start-dark);border-radius:8px;padding:2px 6px;display:inline-block}.role-end{background:var(--end-soft);color:var(--end-dark);border-radius:8px;padding:2px 6px;display:inline-block}.pick-hint{max-width:43ch;margin:0 auto;font-size:.84rem}.letter-grid{gap:var(--space-2);grid-template-columns:repeat(6,minmax(44px,1fr));display:grid}.tile{aspect-ratio:1;border:1.5px solid var(--line-strong);background:var(--panel-strong);min-width:44px;min-height:44px;box-shadow:var(--shadow-tile);color:var(--text);cursor:pointer;touch-action:manipulation;transition:transform .12s var(--ease-pop), box-shadow .12s ease, border-color .14s ease, background-color .14s ease, color .14s ease, opacity .18s ease;border-radius:12px;justify-content:center;align-items:center;padding:0;font-size:1rem;font-weight:950;display:flex}button.tile:active{box-shadow:0 2px 0 var(--line-strong);transform:translateY(3px)scale(.96)}.tile.picked{border-color:var(--start-dark);background:var(--start);box-shadow:var(--shadow-start);color:#fff;animation:pick-bounce .34s var(--ease-pop);transform:translateY(-2px)rotate(-2deg)}.role-end .letter-grid .tile.picked{border-color:var(--end-dark);background:var(--end);box-shadow:var(--shadow-end);transform:translateY(-2px)rotate(2deg)}.tile.excluded{box-shadow:none;color:#9d959e;opacity:.48;border-style:dashed}@keyframes pick-bounce{45%{transform:translateY(-7px)rotate(3deg)scale(1.08)}}.letter-grid.locked{border:1.5px dashed var(--line);border-radius:var(--radius);pointer-events:none;min-height:78px;animation:lock-in .32s var(--ease-out);background:#fffdf880;justify-content:center;align-items:center;padding:8px;display:flex}.letter-grid.locked .tile:not(.picked){display:none}.letter-grid.locked .tile.picked{width:58px;min-width:58px;min-height:58px}@keyframes lock-in{0%{opacity:.4;transform:scale(.96)}}.trivia{background:var(--warn-soft);color:#704000;padding:var(--space-2) var(--space-3);text-align:center;animation:trivia-in .22s var(--ease-out);border-radius:10px;margin:-2px 0 0;font-size:.78rem;font-weight:750}@keyframes trivia-in{0%{opacity:0;transform:translateY(-5px)}}.lock-btn{margin-top:auto}.opp-line{text-align:center;margin:0;font-size:.8rem;font-weight:700}.status-dot{background:var(--line-strong);vertical-align:1px;border-radius:50%;width:7px;height:7px;margin-right:7px;display:inline-block}.status-dot.ready{background:var(--good);box-shadow:0 0 0 4px #1675541f}.countdown{justify-content:center;align-items:center;gap:var(--space-4);text-align:center;flex-direction:column;flex:1;padding:1vh 0;display:flex}.count-stage{aspect-ratio:1;place-items:center;width:clamp(132px,40vw,176px);display:grid;position:relative}.count-stage:before,.count-stage:after,.count-ring{content:"";border:2px solid #5749df38;border-radius:50%;animation:1s ease-out infinite count-ripple;position:absolute;inset:0}.count-stage:after{border-color:#d9533c38;animation-delay:.18s;inset:14px}.count-ring{background:var(--panel-strong);box-shadow:0 8px 0 var(--text), var(--shadow-card);border:0;animation:none;inset:28px}@keyframes count-ripple{0%{opacity:0;transform:scale(.76)}30%{opacity:1}to{opacity:0;transform:scale(1.08)}}.count-num{z-index:1;color:var(--text);animation:count-pop .9s var(--ease-out);font-size:clamp(4.5rem,22vw,7rem);font-weight:950;line-height:1;position:relative}@keyframes count-pop{0%{opacity:0;transform:scale(1.45)rotate(-5deg)}30%{opacity:1;transform:scale(1)rotate(0)}}.mystery-pair{align-items:center;gap:10px;display:flex}.mystery-pair span{border:1.5px dashed var(--line-strong);background:var(--panel-soft);width:38px;height:42px;color:var(--muted);border-radius:10px;place-items:center;font-weight:950;display:grid}.mystery-pair i{color:var(--line-strong);font-style:normal;font-weight:900}.count-copy{margin:0;font-size:.9rem;font-weight:900}.round{gap:var(--space-3);flex-direction:column;flex:1;min-height:0;display:flex}.round-letters{align-items:center;gap:var(--space-2);text-align:center;flex-direction:column;display:flex}.letters-banner{justify-content:center;align-items:center;gap:var(--space-4);perspective:600px;display:flex}.letter-stack{align-items:center;gap:var(--space-1);flex-direction:column;display:flex}.letter-stack small{color:var(--start-dark);letter-spacing:.11em;font-size:.57rem;font-weight:950}.letter-stack.end-card small{color:var(--end-dark)}.big-tile{border-color:var(--start-dark);background:var(--start);width:clamp(62px,18vw,76px);min-width:clamp(62px,18vw,76px);min-height:clamp(62px,18vw,76px);box-shadow:var(--shadow-start);color:#fff;cursor:default;transform-origin:50%;animation:letter-flip .56s var(--ease-pop) both;font-size:clamp(2rem,9vw,2.7rem);transform:none}.end-card .big-tile{border-color:var(--end-dark);background:var(--end);box-shadow:var(--shadow-end);animation-delay:90ms}@keyframes letter-flip{0%{opacity:0;transform:rotateY(90deg)scale(.82)}70%{transform:rotateY(-8deg)scale(1.04)}to{opacity:1;transform:rotateY(0)scale(1)}}.letters-arrow{color:var(--line-strong);margin-top:18px;font-size:1.5rem;font-weight:950;animation:1.5s ease-in-out .7s infinite arrow-nudge}@keyframes arrow-nudge{50%{transform:translate(3px)}}.possible{color:var(--muted);margin:0;font-size:.78rem}.possible b{color:var(--text)}.tough{color:var(--warn);font-weight:900}.timer-wrap{align-items:center;gap:var(--space-2);grid-template-columns:1fr auto;display:grid}.timerbar{border:1px solid var(--line);background:var(--panel-soft);border-radius:999px;height:9px;overflow:hidden}.timerbar-fill{border-radius:inherit;background:linear-gradient(90deg, var(--start), #8479f3);height:100%;transition:width .16s linear,background-color .18s}.time-left{min-width:40px;color:var(--muted);font-variant-numeric:tabular-nums;text-align:right;margin:0;font-size:.76rem;font-weight:900}.timer-wrap.urgent .timerbar{background:var(--bad-soft);border-color:#b92f4566;animation:.8s ease-in-out infinite urgent-pulse}.timer-wrap.urgent .timerbar-fill{background:var(--bad)}.timer-wrap.urgent .time-left{color:var(--bad)}@keyframes urgent-pulse{50%{box-shadow:0 0 0 4px #b92f451a}}.round-progress{gap:var(--space-2);flex-direction:column;min-height:0;display:flex}.score-line{align-items:center;gap:var(--space-2);border:1.5px solid var(--line);border-radius:var(--radius-sm);padding:var(--space-2) var(--space-3);color:var(--muted);background:#fffdf8b8;grid-template-columns:1fr auto 1fr;margin:0;font-size:.78rem;font-weight:800;display:grid}.score-line span:first-child{color:var(--start-dark);text-align:right}.score-line span:last-child{text-align:left}.score-line b{color:var(--text);margin:0 2px;font-size:1.08rem}.score-line i{color:var(--line-strong);text-transform:uppercase;font-size:.65rem;font-style:normal}.chips{overscroll-behavior:contain;flex-wrap:wrap;justify-content:center;gap:6px;max-height:min(15vh,112px);padding:2px 1px 5px;display:flex;overflow-y:auto}.chip{border:1px solid var(--line);background:var(--panel-strong);color:var(--text);animation:chip-in .22s var(--ease-pop);border-radius:999px;padding:5px 10px;font-size:.8rem;font-weight:800}.chip.gem{background:var(--warn-soft);color:#704000;border-color:#a85e0059}@keyframes chip-in{0%{opacity:0;transform:translateY(5px)scale(.75)}}.empty-hint{color:#918996;text-align:center;margin:2px 0 0;font-size:.76rem}.fastest-status{text-align:center}.word-form{bottom:var(--dock-inset);z-index:10;gap:var(--space-2);border:1.5px solid var(--line);box-shadow:0 12px 32px #241d302b, 0 3px 0 var(--line);padding:var(--space-2);background:#fffdf8f5;border-radius:21px;margin-top:auto;transition:opacity .18s,transform .18s;display:flex;position:sticky}.word-form input{min-width:0;min-height:48px;box-shadow:none;text-transform:lowercase;background:0 0;border:0;font-size:1.05rem;font-weight:800}.word-form input:focus{box-shadow:none}.word-form .btn{border-radius:15px;width:50px;min-width:50px;min-height:48px;padding:0}.send-arrow{font-size:1.45rem;line-height:1;display:block}.word-form.ghost{box-shadow:0 8px 24px #241d3014, 0 3px 0 var(--line);opacity:.55}.word-form.spent{opacity:.55}.toast{left:50%;bottom:calc(88px + env(safe-area-inset-bottom));z-index:15;max-width:calc(100vw - (2 * var(--screen-gutter)));align-items:center;gap:var(--space-1);background:var(--panel-strong);min-width:0;padding:var(--space-2) var(--space-4);pointer-events:none;white-space:nowrap;animation:toast-rise 1.8s var(--ease-out) forwards;border:1.5px solid;border-radius:999px;font-size:.88rem;font-weight:800;display:flex;position:fixed;transform:translate(-50%);box-shadow:0 12px 30px #241d3029}.toast b{text-overflow:ellipsis;min-width:0;overflow:hidden}.toast.ok{border-color:var(--good);color:var(--good)}.toast.bad{border-color:var(--bad);color:var(--bad);animation:toast-rise 1.8s var(--ease-out) forwards, toast-shake .26s ease}.toast>span{color:#fff;background:currentColor;border-radius:50%;place-items:center;width:19px;height:19px;line-height:1;display:grid}@keyframes toast-rise{0%{opacity:0;transform:translate(-50%,12px)scale(.94)}12%,80%{opacity:1;transform:translate(-50%)scale(1)}to{opacity:0;transform:translate(-50%,-8px)scale(.98)}}@keyframes toast-shake{35%{margin-left:-6px}70%{margin-left:6px}}.reveal{gap:var(--screen-gap)}.reveal-head{border:1.5px solid var(--line);border-radius:var(--radius-lg);background:var(--panel);box-shadow:var(--shadow-card);padding:var(--surface-padding);text-align:center;animation:result-land .44s var(--ease-pop) both;position:relative;overflow:hidden}.reveal-head.won{background:linear-gradient(180deg, var(--good-soft), var(--panel));border-color:#16755457}.reveal-head.draw{background:linear-gradient(180deg, var(--warn-soft), var(--panel));border-color:#a85e0052}.reveal-head.lost{background:linear-gradient(180deg, var(--panel-soft), var(--panel))}@keyframes result-land{0%{opacity:0;transform:translateY(-10px)scale(.97)}}.outcome-mark{border:1.5px solid var(--good);background:var(--good);color:#fff;border-radius:17px;place-items:center;width:52px;height:52px;margin:10px auto 9px;font-size:1.45rem;font-weight:950;display:grid;transform:rotate(-4deg);box-shadow:0 4px #0e5d41}.reveal-head.draw .outcome-mark{border-color:var(--warn);background:var(--warn);box-shadow:0 4px #754200}.reveal-head.lost .outcome-mark,.outcome-mark.neutral{border-color:var(--line-strong);background:var(--panel-strong);box-shadow:0 4px 0 var(--line-strong);color:var(--muted)}.reveal-head h2{font-size:clamp(2rem,10vw,2.8rem)}.reveal-head.won h2{color:var(--good)}.reveal-head.lost h2{color:var(--text)}.result-subline{color:var(--muted);margin:6px 0 0;font-size:.86rem;font-weight:750}.reveal-pair{flex-wrap:wrap;justify-content:center;align-items:center;gap:7px;margin-top:12px;display:flex}.mini-result-letter{border:1.5px solid var(--start-dark);background:var(--start);width:34px;height:34px;box-shadow:0 3px 0 var(--start-dark);color:#fff;border-radius:9px;place-items:center;font-weight:950;display:grid}.mini-result-letter.end{border-color:var(--end-dark);background:var(--end);box-shadow:0 3px 0 var(--end-dark)}.reveal-pair i{color:var(--line-strong);font-style:normal;font-weight:950}.found-count{color:var(--muted);flex-basis:100%;margin-top:3px;font-size:.74rem;font-weight:800}.confetti{z-index:5;pointer-events:none;width:min(100vw,600px);height:42vh;position:fixed;top:0;left:50%;transform:translate(-50%)}.confetti i{background:var(--start);width:8px;height:14px;animation:confetti-fall 1.7s var(--ease-out) both;border-radius:3px;position:absolute;top:-20px}.confetti i:first-child{left:10%;rotate:13deg}.confetti i:nth-child(2){background:var(--end);animation-delay:.1s;left:25%}.confetti i:nth-child(3){background:var(--warn);animation-delay:40ms;left:42%}.confetti i:nth-child(4){background:var(--good);animation-delay:.18s;left:58%}.confetti i:nth-child(5){background:var(--end);animation-delay:70ms;left:76%}.confetti i:nth-child(6){animation-delay:.14s;left:90%}@keyframes confetti-fall{0%{opacity:0;transform:translateY(-15px)rotate(0)}12%{opacity:1}to{opacity:0;transform:translateY(36vh)rotate(420deg)}}.columns{gap:var(--space-3);grid-template-columns:1fr 1fr;display:grid}.word-col{border:1.5px solid var(--line);border-radius:var(--radius);background:var(--panel);min-width:0;padding:var(--surface-padding)}.word-col:first-child{border-top:4px solid var(--start)}.word-col:last-child{border-top:4px solid var(--line-strong)}.word-col h3{margin-bottom:var(--space-2);color:var(--muted);letter-spacing:0;font-size:.8rem}.word-col ul{word-break:break-word;flex-direction:column;gap:5px;margin:0;padding:0;font-size:.88rem;font-weight:750;list-style:none;display:flex}.word-col li{padding:var(--space-1) 0;border-bottom:1px solid #d5cbbba6}.word-col li:first-child{padding-top:0}.word-col li:last-child{border-bottom:0;padding-bottom:0}.none{font-style:italic;font-weight:500}.both-badge{border:1px solid var(--start);color:var(--start-dark);letter-spacing:.04em;text-transform:uppercase;vertical-align:middle;border-radius:999px;margin-left:5px;padding:1px 5px;font-size:.58rem;font-weight:950;display:inline-block}.gems{border-radius:var(--radius);padding:var(--surface-padding);background:#fff0c9a6;border:1.5px solid #a85e0040}.gems h3{margin-bottom:var(--space-2);color:#704000;text-align:center;font-size:.84rem}.reveal-actions{bottom:var(--dock-inset);z-index:8;gap:var(--space-3);padding-top:var(--space-3);background:linear-gradient(transparent, var(--bg) 18%);flex-direction:column;margin-top:auto;display:flex;position:sticky}.fastest-breakdown{gap:var(--space-3);flex-direction:column;display:flex}.attempt-row{align-items:center;gap:var(--space-2);border:1.5px solid var(--line);border-radius:var(--radius);background:var(--panel);padding:var(--surface-padding);grid-template-columns:minmax(64px,.8fr) minmax(0,1.3fr) auto auto;display:grid}.attempt-row.winner{border-color:var(--good);background:var(--good-soft);box-shadow:inset 4px 0 0 var(--good)}.attempt-who{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:.8rem;font-weight:800;overflow:hidden}.attempt-word{letter-spacing:.04em;text-overflow:ellipsis;overflow:hidden}.attempt-ok,.attempt-bad{font-weight:950}.attempt-ok{color:var(--good)}.attempt-bad{color:var(--bad)}.series-final{color:var(--muted);margin:0;font-size:1rem}.series-final b{color:var(--text);font-size:1.45rem}.loading-tiles{gap:7px;margin-bottom:7px;display:flex}.loading-tiles i{border:1.5px solid var(--line-strong);background:var(--panel-strong);width:34px;height:40px;box-shadow:0 3px 0 var(--line-strong);border-radius:9px;animation:1s ease-in-out infinite loading-tile}.loading-tiles i:nth-child(2){animation-delay:.12s}.loading-tiles i:nth-child(3){animation-delay:.24s}@keyframes loading-tile{50%{transform:translateY(-8px)rotate(4deg)}}.center>.muted{max-width:42ch;margin:0}.entry-screen,.fatal-screen,.end-screen{gap:var(--space-3)}.entry-screen h2,.fatal-screen h2,.end-screen h2{font-size:clamp(2rem,10vw,3rem)}.challenge-mark{align-items:center;gap:10px;margin-bottom:0;display:flex}.challenge-mark span{border:1.5px solid var(--start-dark);background:var(--start);width:50px;height:54px;box-shadow:var(--shadow-start);color:#fff;border-radius:14px;place-items:center;font-size:1.3rem;font-weight:950;display:grid;transform:rotate(-4deg)}.challenge-mark span:last-child{border-color:var(--line-strong);background:var(--panel-strong);box-shadow:var(--shadow-tile);color:var(--muted);transform:rotate(4deg)}.challenge-mark i{color:var(--muted);font-size:.65rem;font-style:normal;font-weight:950}.entry-card{width:min(100%,390px);margin-top:0}.name-gate{gap:var(--space-4);flex-direction:column;width:100%;display:flex}.fatal-screen .outcome-mark,.end-screen .outcome-mark{margin:0}.fatal-screen .btn,.end-screen .btn{width:min(100%,390px);margin-top:0}@media (hover:hover) and (pointer:fine){.btn:hover:not(:disabled){transform:translateY(-1px)}.mode-card:hover,button.tile:hover:not(.picked){border-color:var(--start);transform:translateY(-2px)}.role-end button.tile:hover:not(.picked){border-color:var(--end)}}@media (width>=480px){.letter-grid{grid-template-columns:repeat(7,minmax(44px,1fr))}}@media (width>=720px){.screen{background:#f4efe6c2;border:1px solid #b9ad9ca6;border-radius:34px;min-height:calc(100dvh - 48px);margin:24px auto;box-shadow:0 30px 80px #3627181c}}@media (width<=379px){.series-player{max-width:60px}}@media (width<=339px){:root{--screen-gutter:var(--space-3)}.letter-grid{gap:var(--space-1)}}@media (height<=720px){.home{justify-content:flex-start}.hero h1{font-size:clamp(2.35rem,10vw,3.4rem)}.tagline{margin-top:12px}.rule-preview{margin-top:11px}.play{gap:var(--space-2);padding-top:calc(var(--space-2) + env(safe-area-inset-top))}.picking{gap:var(--space-2)}.pick-intro{gap:var(--space-1)}.pick-hint{font-size:.76rem}.letter-grid{gap:var(--space-1)}.tile{min-height:42px}.round{gap:var(--space-2)}.round-letters{gap:var(--space-1)}.round-letters>.eyebrow{display:none}.big-tile{width:58px;min-width:58px;min-height:58px}.chips{max-height:58px}.word-form{padding:var(--space-1)}.word-form input,.word-form .btn{min-height:44px}.reveal-head{padding:var(--surface-padding-compact)}.outcome-mark{width:44px;height:44px;margin:7px auto}}@media (height<=520px){.play-head{min-height:30px}.round-chip{padding:4px 8px}.series-score{padding-top:3px;padding-bottom:3px}.round-letters{flex-flow:wrap;justify-content:center}.possible{width:100%}.letter-stack small,.empty-hint{display:none}.letters-arrow{margin-top:0}.big-tile{width:48px;min-width:48px;min-height:48px;font-size:1.65rem}.score-line{padding-top:5px;padding-bottom:5px}.chips{max-height:38px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}