:root{--ink: #1a1040;--paper: #fdfbff;--bg-0: #150c2e;--bg-1: #241150;--violet: #7c3aed;--magenta: #d946ef;--cyan: #22d3ee;--lime: #a3e635;--gold: #fbbf24;--coral: #fb7185;--panel: rgba(28, 16, 62, .86);--panel-edge: rgba(255, 255, 255, .14);--text: #f2ecff;--text-dim: #b6a8d9;--blob-0: #ff6b6b;--blob-1: #ff9f43;--blob-2: #ffd93d;--blob-3: #a3e635;--blob-4: #4ade80;--blob-5: #38bdf8;--blob-6: #818cf8;--blob-7: #c084fc;--blob-8: #fb7185;--font: "Fredoka", ui-rounded, "SF Pro Rounded", "Segoe UI", system-ui, sans-serif;--radius: 20px;--pad: clamp(8px, 1.4vmin, 18px)}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:var(--font);color:var(--text);background:var(--bg-0);overflow:hidden;-webkit-tap-highlight-color:transparent;-webkit-font-smoothing:antialiased}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background:radial-gradient(60vmax 60vmax at 12% 8%,rgba(217,70,239,.3),transparent 60%),radial-gradient(55vmax 55vmax at 88% 92%,rgba(34,211,238,.24),transparent 62%),radial-gradient(70vmax 70vmax at 50% 50%,rgba(124,58,237,.3),transparent 70%),linear-gradient(160deg,var(--bg-0),var(--bg-1));z-index:-1}.app{display:flex;flex-direction:column;height:100dvh;padding:max(var(--pad),env(safe-area-inset-top)) max(var(--pad),env(safe-area-inset-right)) max(var(--pad),env(safe-area-inset-bottom)) max(var(--pad),env(safe-area-inset-left));gap:clamp(6px,1.2vmin,14px)}.hud{display:grid;grid-template-columns:auto auto 1fr auto auto;align-items:center;gap:clamp(10px,2vw,26px);padding:6px clamp(8px,1.6vw,20px);flex:none}.hud-brand h1{margin:0;font-size:clamp(20px,2.6vmin,30px);font-weight:700;letter-spacing:-.02em;line-height:1;color:var(--paper)}.hud-brand h1 span{background:linear-gradient(100deg,var(--cyan),var(--lime));-webkit-background-clip:text;background-clip:text;color:transparent}.hud-timer{position:relative;width:clamp(52px,7.4vmin,74px);aspect-ratio:1;display:grid;place-items:center}.hud-timer svg{position:absolute;top:0;right:0;bottom:0;left:0;transform:rotate(-90deg)}.hud-timer circle{fill:none;stroke-width:9;stroke-linecap:round}.ring-track{stroke:#ffffff1f}.ring-fill{stroke:url(#none);stroke:var(--cyan);transition:stroke .4s ease}.hud-timer-value{position:relative;font-size:clamp(20px,3vmin,30px);font-weight:600;font-variant-numeric:tabular-nums}.hud-timer.urgent .ring-fill{stroke:var(--coral)}.hud-timer.urgent .hud-timer-value{color:var(--coral)}.hud-timer.urgent{animation:pulse 1s ease-in-out infinite}@keyframes pulse{50%{transform:scale(1.08)}}.hud-word{min-width:0;overflow:hidden}.hud-word-value{font-size:clamp(22px,4vmin,42px);font-weight:600;letter-spacing:.14em;background:linear-gradient(100deg,var(--gold),var(--lime));-webkit-background-clip:text;background-clip:text;color:transparent;animation:word-in .16s ease-out}@keyframes word-in{0%{opacity:.4;transform:scale(.96)}}.hud-word-hint{color:var(--text-dim);font-size:clamp(13px,1.8vmin,17px);opacity:.75}.hud-score{text-align:right;line-height:1.05}.hud-label{display:block;font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--text-dim)}.hud-score strong{font-size:clamp(22px,3.4vmin,36px);font-weight:700;font-variant-numeric:tabular-nums;color:var(--gold)}.icon-button{border:1px solid var(--panel-edge);background:#ffffff12;color:var(--text);border-radius:12px;width:40px;height:40px;font-size:17px;cursor:pointer;transition:background .15s ease,transform .15s ease}.icon-button:hover{background:#ffffff29;transform:translateY(-1px)}.stage{flex:1;min-height:0;display:flex;gap:clamp(8px,1.6vmin,20px)}.soup-wrap{flex:1;min-width:0;min-height:0;display:grid;place-items:center;position:relative}.soup{position:relative;touch-action:none;user-select:none;-webkit-user-select:none}.soup-lines{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:visible}.edge-scaffold{fill:none;stroke:#ffffff38;stroke-width:2.5;stroke-linecap:round}.edge-open{fill:none;stroke:#a3e63580;stroke-width:3;stroke-linecap:round;filter:drop-shadow(0 0 6px rgba(163,230,53,.5))}.trail{fill:none;stroke-width:clamp(7px,1.3vmin,12px);stroke-linecap:round;stroke-linejoin:round}.trail-live{stroke:var(--gold);filter:drop-shadow(0 0 10px rgba(251,191,36,.85))}.trail-valid{stroke:var(--lime);animation:trail-out .62s ease-out forwards}.trail-bonus{stroke:var(--gold);animation:trail-bonus .62s ease-out forwards}.trail-invalid,.trail-duplicate{stroke:var(--coral);animation:trail-out .62s ease-out forwards}.trail-tooShort{stroke:#fff6;animation:trail-out .4s ease-out forwards}@keyframes trail-out{0%{opacity:1;stroke-width:12px}to{opacity:0;stroke-width:22px}}@keyframes trail-bonus{0%{opacity:1;stroke-width:12px;filter:drop-shadow(0 0 8px var(--gold))}to{opacity:0;stroke-width:44px;filter:drop-shadow(0 0 30px var(--gold))}}.blob{position:absolute;top:0;left:0;display:grid;place-items:center;border-radius:50%;font-weight:600;color:var(--ink);will-change:transform;pointer-events:none;transition:background .18s ease,box-shadow .18s ease,color .18s ease}.blob[data-hue="0"]{background:var(--blob-0)}.blob[data-hue="1"]{background:var(--blob-1)}.blob[data-hue="2"]{background:var(--blob-2)}.blob[data-hue="3"]{background:var(--blob-3)}.blob[data-hue="4"]{background:var(--blob-4)}.blob[data-hue="5"]{background:var(--blob-5)}.blob[data-hue="6"]{background:var(--blob-6)}.blob[data-hue="7"]{background:var(--blob-7)}.blob[data-hue="8"]{background:var(--blob-8)}.blob{box-shadow:inset 0 -6px 12px #00000029,inset 0 4px 10px #ffffff6b,0 6px 16px #0a041e73}.blob[data-state=open]{box-shadow:inset 0 -6px 12px #00000029,inset 0 4px 10px #ffffff6b,0 0 0 3px #a3e635bf,0 6px 18px #0a041e73}.blob[data-state=selected]{background:var(--paper);color:var(--ink);box-shadow:0 0 0 4px var(--gold),0 0 26px 6px #fbbf24bf,0 6px 18px #0a041e80}.blob span{pointer-events:none}.loading{color:var(--text-dim);font-size:18px}.ladder{width:190px;flex:none;align-self:center;padding:16px 16px 14px;background:var(--panel);border:1px solid var(--panel-edge);border-radius:var(--radius);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.ladder h2{margin:0 0 12px;font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--text-dim)}.ladder ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:5px}.ladder li{display:grid;grid-template-columns:16px 1fr auto;align-items:center;gap:7px}.ladder-len{font-size:12px;font-weight:600;color:var(--text-dim);font-variant-numeric:tabular-nums}.ladder-bar{height:9px;border-radius:999px;min-width:5px;background:linear-gradient(90deg,var(--cyan),var(--lime))}.ladder-pts{font-size:11.5px;font-weight:600;color:var(--gold);font-variant-numeric:tabular-nums}.ladder-note{margin:13px 0 0;padding-top:11px;border-top:1px solid var(--panel-edge);font-size:11.5px;line-height:1.5;color:var(--text-dim)}.ladder-note strong{color:var(--gold)}@media(max-width:1180px){.ladder{display:none}}.words{width:clamp(220px,24vw,320px);flex:none;display:flex;flex-direction:column;gap:10px;padding:clamp(12px,1.6vmin,18px);background:var(--panel);border:1px solid var(--panel-edge);border-radius:var(--radius);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);min-height:0}.words-head{display:flex;align-items:baseline;justify-content:space-between}.words-head h2{margin:0;font-size:16px;font-weight:600;letter-spacing:.02em}.words-count{font-size:20px;font-weight:700;color:var(--cyan);font-variant-numeric:tabular-nums}.bonus-hint{display:flex;gap:8px;align-items:flex-start;font-size:12.5px;line-height:1.4;color:var(--text-dim);background:#fbbf241a;border:1px solid rgba(251,191,36,.28);border-radius:12px;padding:9px 11px}.bonus-hint.found{color:var(--ink);background:linear-gradient(100deg,var(--gold),#fde68a);border-color:transparent}.bonus-star{color:var(--gold);font-size:15px;line-height:1.2}.bonus-hint.found .bonus-star{color:var(--ink)}.words-list{list-style:none;margin:0;padding:0 4px 0 0;overflow-y:auto;flex:1;min-height:0;display:flex;flex-direction:column;gap:5px;scrollbar-width:thin}.word-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:7px 11px;border-radius:11px;background:#ffffff12;animation:row-in .34s cubic-bezier(.22,1.4,.4,1)}@keyframes row-in{0%{opacity:0;transform:translate(22px) scale(.94)}}.word-text{font-weight:600;letter-spacing:.06em;font-size:14px}.word-points{font-size:13px;font-weight:600;color:var(--lime);font-variant-numeric:tabular-nums}.word-row[data-len="7"],.word-row[data-len="8"]{background:#a3e63529}.word-row[data-len="9"],.word-row[data-len="10"]{background:#22d3ee33}.word-row.bonus{background:linear-gradient(100deg,var(--gold),#fde68a);color:var(--ink)}.word-row.bonus .word-points{color:var(--ink)}.words-empty{color:var(--text-dim);font-size:12.5px;line-height:1.5;padding:6px 2px;list-style:none}.words-foot{font-size:12px;color:var(--text-dim);border-top:1px solid var(--panel-edge);padding-top:9px}.words-foot strong{color:var(--text);letter-spacing:.06em}.toast{position:absolute;left:50%;bottom:0;transform:translate(-50%);white-space:nowrap;max-width:100%;padding:11px 22px;border-radius:999px;font-weight:600;font-size:clamp(14px,2vmin,19px);letter-spacing:.04em;pointer-events:none;z-index:30;animation:toast-in 1.15s ease-out forwards}.toast-valid{background:var(--lime);color:var(--ink)}.toast-bonus{background:linear-gradient(100deg,var(--gold),#fff0a8);color:var(--ink);box-shadow:0 0 40px #fbbf24d9;animation:toast-bonus 1.9s ease-out forwards}.toast-invalid,.toast-duplicate{background:var(--coral);color:#3b0713}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,14px) scale(.9)}16%{opacity:1;transform:translate(-50%) scale(1)}76%{opacity:1}to{opacity:0;transform:translate(-50%,-10px)}}@keyframes toast-bonus{0%{opacity:0;transform:translate(-50%,20px) scale(.7)}12%{opacity:1;transform:translate(-50%) scale(1.16)}22%{transform:translate(-50%) scale(1)}80%{opacity:1}to{opacity:0;transform:translate(-50%,-18px) scale(1.05)}}.app.shake .soup{animation:shake .32s ease-in-out}@keyframes shake{25%{transform:translate(-7px)}50%{transform:translate(6px)}75%{transform:translate(-3px)}}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:16px;background:#0a051ab8;-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);z-index:40;animation:fade-in .22s ease-out}@keyframes fade-in{0%{opacity:0}}.panel{width:min(560px,100%);max-height:min(88dvh,900px);overflow-y:auto;padding:clamp(20px,3.6vmin,36px);border-radius:26px;background:linear-gradient(165deg,#301860f7,#160c30f7);border:1px solid var(--panel-edge);box-shadow:0 30px 90px #0000008c;animation:panel-in .42s cubic-bezier(.2,1.3,.35,1)}@keyframes panel-in{0%{opacity:0;transform:translateY(26px) scale(.93)}}.panel-title{margin:0 0 16px;font-size:clamp(21px,3.2vmin,30px);font-weight:700;line-height:1.15}.tag{margin-left:10px;font-size:11px;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:var(--text-dim);border:1px solid var(--panel-edge);border-radius:999px;padding:3px 9px;vertical-align:middle}.rules{margin:0 0 22px;padding-left:22px;display:flex;flex-direction:column;gap:9px}.rules li{font-size:14.5px;line-height:1.5;color:var(--text-dim)}.rules b{color:var(--text);font-weight:600}.panel-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}.button{font-family:var(--font);font-size:15px;font-weight:600;padding:11px 22px;border-radius:14px;border:1px solid transparent;cursor:pointer;transition:transform .14s ease,box-shadow .14s ease,background .14s ease}.button:disabled{opacity:.5;cursor:not-allowed}.button:not(:disabled):hover{transform:translateY(-2px)}.button.primary{background:linear-gradient(100deg,var(--cyan),var(--lime));color:var(--ink);box-shadow:0 8px 22px #22d3ee59}.button.primary:not(:disabled):hover{box-shadow:0 12px 30px #22d3ee80}.button.big{font-size:19px;padding:15px 40px}.button.ghost{background:#ffffff14;border-color:var(--panel-edge);color:var(--text)}.button.ghost:not(:disabled):hover{background:#ffffff2b}.over-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}.over-again{position:sticky;top:0;flex:none;z-index:1}.over-kicker{margin:0;font-size:15px;letter-spacing:.3em;text-transform:uppercase;color:var(--text-dim)}.over-score{margin:2px 0 18px;font-size:clamp(52px,11vmin,92px);font-weight:700;line-height:1;font-variant-numeric:tabular-nums;background:linear-gradient(100deg,var(--gold),var(--lime),var(--cyan));-webkit-background-clip:text;background-clip:text;color:transparent;animation:score-in .6s cubic-bezier(.2,1.4,.4,1)}@keyframes score-in{0%{opacity:0;transform:scale(.5) rotate(-5deg)}}.over-stats{display:grid;grid-template-columns:1fr 1.5fr 1fr;gap:10px;margin-bottom:18px}.over-stats div{background:#ffffff12;border-radius:14px;padding:12px 8px;text-align:center;min-width:0}.over-stats strong{display:block;font-size:clamp(14px,4vw,19px);font-weight:700;letter-spacing:.02em;overflow-wrap:anywhere}.over-stats strong.hit{color:var(--gold)}.over-stats span{font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--text-dim)}.over-bonus-miss{margin:0 0 16px;font-size:14px;color:var(--text-dim);background:#fbbf241c;border:1px solid rgba(251,191,36,.3);border-radius:12px;padding:11px 14px}.over-bonus-miss strong{color:var(--gold);letter-spacing:.06em}.over-missed{margin-bottom:18px}.over-missed h3,.over-board h3{margin:0 0 8px;font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--text-dim)}.over-missed p{margin:0;font-size:13.5px;line-height:1.7;color:var(--text);letter-spacing:.05em}.over-name{background:#a3e6351f;border:1px solid rgba(163,230,53,.35);border-radius:16px;padding:15px;margin-bottom:18px}.over-name label{display:block;font-size:14.5px;margin-bottom:10px}.over-name label strong{color:var(--lime)}.over-name-row{display:flex;gap:9px}.over-name input{flex:1;min-width:0;font-family:var(--font);font-size:16px;padding:11px 14px;border-radius:12px;border:1px solid var(--panel-edge);background:#00000047;color:var(--text)}.over-name input:focus{outline:2px solid var(--cyan);outline-offset:1px}.over-name input[aria-invalid=true]{outline:2px solid var(--coral)}.over-name-warn{margin:9px 0 0;font-size:13px;color:var(--coral)}.score-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:3px}.score-list.tall{max-height:52dvh;overflow-y:auto}.score-list li{display:grid;grid-template-columns:30px 1fr auto;align-items:center;gap:10px;padding:8px 12px;border-radius:10px;background:#ffffff0e;font-size:14px}.score-list li.words-empty{display:block;background:none;padding:12px 2px;line-height:1.5}.score-list li.you{background:linear-gradient(100deg,var(--lime),var(--cyan));color:var(--ink);font-weight:600}.score-list .rank{color:var(--text-dim);font-variant-numeric:tabular-nums}.score-list li.you .rank{color:var(--ink)}.score-list .who{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.score-list .pts{font-variant-numeric:tabular-nums;font-weight:600;color:var(--gold)}.score-list li.you .pts{color:var(--ink)}@media(max-width:820px),(max-aspect-ratio:3/4){.stage{flex-direction:column}.soup-wrap{flex:none;width:100%;aspect-ratio:1}.words{width:100%;flex:1;max-height:none;min-height:110px}.hud{grid-template-columns:auto auto 1fr auto;row-gap:4px}.hud-brand{display:none}.bonus-hint{font-size:12px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}