:root{color-scheme:only dark;--bg: #140d2b;--panel: rgba(32, 20, 70, .88);--text: #fff8ee;--muted: #c9b9d6;--accent: #5ff3ff;--gold: #ffd24a;--danger: #ff4d5a;--wood: #dcb27a;font-family:Fredoka,ui-rounded,system-ui,-apple-system,Segoe UI,sans-serif;color:var(--text);background:var(--bg)}*{box-sizing:border-box}html,body,#root{height:100%;margin:0;overflow:hidden;overscroll-behavior:none;background:var(--bg)}body{touch-action:manipulation;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}button:focus-visible{outline:3px solid var(--accent);outline-offset:3px}.app{position:fixed;inset:0;margin:0 auto;max-width:560px;display:flex;flex-direction:column;background:var(--bg)}.stage{position:relative;flex:1;min-height:0;overflow:hidden}.stage-canvas{position:absolute;inset:0;width:100%;height:100%;display:block;touch-action:none}.hud{position:absolute;inset:0 0 auto;padding:calc(12px + env(safe-area-inset-top)) 16px 0;display:grid;grid-template-columns:1fr auto 1fr;align-items:start;pointer-events:none}.hud-side{display:flex;flex-direction:column;gap:2px}.hud-actions{flex-direction:row;justify-content:flex-end;gap:6px;pointer-events:auto}.hud-label{font-size:12px;text-transform:uppercase;letter-spacing:.12em;color:var(--muted)}.hud-value{font-size:22px;font-weight:600}.hud-score{text-align:center}.score-num{display:inline-block;font-size:clamp(48px,13vw,72px);font-weight:700;line-height:1;text-shadow:0 4px 0 rgba(0,0,0,.35);animation:bump .18s ease-out}.hud-sub{display:flex;flex-wrap:wrap;gap:2px 10px;justify-content:center;margin-top:4px;font-size:14px;color:var(--muted)}.streak{color:#ffb36b;font-weight:600}.icon-btn{width:40px;height:40px;display:grid;place-items:center;border:none;border-radius:13px;background:#ffffff1a;backdrop-filter:blur(6px)}.icon-btn:active{transform:scale(.94)}@keyframes bump{0%{transform:scale(1.25)}to{transform:scale(1)}}.popups{position:absolute;left:0;right:0;top:30%;display:flex;flex-direction:column;align-items:center;gap:4px;pointer-events:none}.popup{font-weight:700;font-size:26px;text-shadow:0 3px 0 rgba(0,0,0,.4);animation:rise .9s ease-out forwards}.popup-good{color:#fff}.popup-perfect{color:var(--gold);font-size:32px}.popup-info{color:var(--accent);font-size:22px}.popup-best{color:#ff8fd0;font-size:30px}@keyframes rise{0%{opacity:0;transform:translateY(12px) scale(.8)}15%{opacity:1;transform:translateY(0) scale(1.08)}70%{opacity:1;transform:translateY(-14px) scale(1)}to{opacity:0;transform:translateY(-26px) scale(1)}}.overlay{position:absolute;inset:0;display:grid;place-items:center;padding:16px;background:#0e082273;animation:fade .2s ease-out}.overlay-over{background:#28060e80}@keyframes fade{0%{opacity:0}}.panel{width:min(100%,360px);padding:24px 22px;border-radius:24px;background:var(--panel);border:1px solid rgba(255,255,255,.08);box-shadow:0 20px 50px #00000073;backdrop-filter:blur(10px);text-align:center;display:flex;flex-direction:column;align-items:center;gap:12px;animation:pop-in .26s cubic-bezier(.2,1.4,.4,1)}@keyframes pop-in{0%{transform:scale(.9);opacity:0}}.panel h2{margin:0;font-size:30px}.title{margin:0;font-size:48px;line-height:1;letter-spacing:-.01em}.title span{color:var(--wood)}.title-shapes{display:flex;gap:14px}.lead{margin:4px 0 0;font-size:19px;font-weight:500}.tips{margin:0;padding:0;list-style:none;font-size:14px;color:var(--muted);line-height:1.6}.tips b{color:var(--text)}.tips .gold{color:var(--gold)}.muted{margin:0;color:var(--muted);font-size:15px}.play-btn{width:100%;margin-top:6px;padding:16px;border:none;border-radius:18px;font-size:22px;font-weight:700;color:#2a1a08;background-color:#ffbf2e;background-image:radial-gradient(120% 100% at 50% 0%,#fff0b8,#ffcf4a 40%,#ff9f1c);box-shadow:0 6px #b8600e,0 12px 26px -8px #ffaa28b3,inset 0 2px #ffffffb3;transition:transform 80ms,box-shadow 80ms,opacity .2s}.play-btn:active{transform:translateY(4px);box-shadow:0 2px #b4701c}.play-btn:disabled{opacity:.5}.ghost-btn{width:100%;padding:12px;border-radius:16px;border:1.5px solid rgba(255,255,255,.2);background:transparent;font-size:17px;font-weight:600}.over-flash{position:absolute;inset:0;pointer-events:none;background:radial-gradient(transparent 40%,#ff283c59);animation:flash .75s ease-out forwards}@keyframes flash{0%{opacity:0}15%{opacity:1}to{opacity:.6}}.answer-was{margin:-4px 0 0;display:flex;align-items:center;gap:6px;color:var(--muted)}.end-reason{margin:0;color:#ff9aa2;font-weight:600;font-size:18px}.final-score{font-size:84px;font-weight:700;line-height:1}.best-badge{padding:6px 14px;border-radius:999px;background:linear-gradient(90deg,#ff8fd0,var(--gold));color:#2a1020;font-weight:700;animation:shimmer 1.2s ease-in-out infinite alternate}@keyframes shimmer{0%{transform:scale(1)}to{transform:scale(1.06)}}.stats{width:100%;display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.stat{display:flex;flex-direction:column;padding:8px 2px;border-radius:12px;background:#ffffff0f}.stat-value{font-size:18px;font-weight:700}.stat-label{font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.06em}.toast{position:absolute;left:50%;bottom:16px;transform:translate(-50%);padding:8px 14px;border-radius:999px;background:#000c;font-size:14px}.controls{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;padding:12px 16px calc(16px + env(safe-area-inset-bottom));background:linear-gradient(#1a1140,#100a24)}.shape-btn{position:relative;overflow:hidden;height:clamp(74px,12vh,98px);border:none;border-radius:22px;display:grid;place-items:center;color:#fff;background-color:var(--btn);background-image:radial-gradient(130% 95% at 50% 0%,color-mix(in srgb,var(--btn) 62%,#fff) 0%,var(--btn) 48%,var(--deep) 100%);box-shadow:0 7px color-mix(in srgb,var(--deep) 78%,#000),0 12px 22px -6px color-mix(in srgb,var(--btn) 60%,transparent),inset 0 2px #fff9,inset 0 -5px #0000001f;touch-action:none;transition:transform 60ms,box-shadow 60ms,filter .12s}.shape-btn:before{content:"";position:absolute;left:9%;right:9%;top:6%;height:40%;border-radius:16px 16px 50% 50%/16px 16px 30% 30%;background:linear-gradient(#fff9,#ffffff0d);pointer-events:none}.shape-btn svg{position:relative;filter:drop-shadow(0 0 1px var(--deep)) drop-shadow(0 2px 0 var(--deep))}.shape-btn:active,.shape-btn.is-pressed{transform:translateY(5px);box-shadow:0 2px color-mix(in srgb,var(--deep) 78%,#000),0 4px 12px -4px color-mix(in srgb,var(--btn) 60%,transparent),inset 0 2px #fff9,inset 0 -3px #0000001f;filter:brightness(1.12) saturate(1.1)}.shape-btn:disabled{filter:saturate(.9) brightness(.9);cursor:default}.key-hint{position:absolute;top:6px;right:9px;font-size:11px;font-weight:600;opacity:.6}@media(hover:none){.key-hint{display:none}}@media(prefers-reduced-motion:reduce){.score-num,.popup,.panel,.best-badge{animation:none}}.link-btn{border:none;background:none;padding:6px 12px;color:var(--muted);font-size:15px;font-weight:600;text-decoration:underline;text-underline-offset:3px}.daily-btn{width:100%;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 14px;border-radius:16px;border:1.5px solid rgba(95,243,255,.35);background:#5ff3ff14;text-align:left}.daily-btn:active{transform:translateY(2px)}.daily-main{display:flex;flex-direction:column;gap:2px;min-width:0}.daily-title{font-size:17px;font-weight:600}.daily-sub{font-size:13px;color:var(--muted)}.daily-streak{font-size:18px;font-weight:700;color:#ffb36b;white-space:nowrap}.challenge-offer{width:100%;display:flex;flex-direction:column;align-items:center;gap:6px;padding:14px;border-radius:18px;background:linear-gradient(135deg,#ff8fd029,#ffd24a24);border:1.5px solid rgba(255,210,74,.35)}.challenge-offer p{margin:0;font-size:15px;line-height:1.4}.challenge-score{font-size:34px;font-weight:700}.mode-tag{padding:4px 12px;border-radius:999px;background:#5ff3ff24;color:var(--accent);font-weight:600;font-size:14px}.verdict{font-size:22px;font-weight:700}.verdict.win{color:var(--gold)}.verdict.lose{color:#ff9aa2}.verdict.tie{color:var(--accent)}.grid-preview{margin:0;font-family:inherit;font-size:18px;line-height:1.25;letter-spacing:1px;white-space:pre;overflow-x:auto;max-width:100%}.small{font-size:13px}.panel{max-height:calc(100% - 8px);overflow-y:auto}.confetti{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.popup-power{color:#fff;font-size:30px;text-shadow:0 0 18px rgba(95,243,255,.8),0 3px 0 rgba(0,0,0,.4)}.mult{color:var(--gold);font-weight:700}.fx{position:absolute;inset:0;pointer-events:none;opacity:1;transition:background .4s,box-shadow .4s}.fx-shield{box-shadow:inset 0 0 70px 18px #40d6ff99,inset 0 0 0 4px #96f0ffbf;background:radial-gradient(ellipse at center,transparent 55%,rgba(64,214,255,.12));animation:shimmer-edge 1.1s ease-in-out infinite alternate}.fx-slow{background:radial-gradient(ellipse at center,#5a78ff0f 40%,#4632c861)}.fx-double:not(.fx-shield){box-shadow:inset 0 0 60px 14px #ffc83c80,inset 0 0 0 4px #ffd76ab3}.fx-fever{background:linear-gradient(to top,rgba(255,90,31,.32),transparent 45%);animation:flicker .35s steps(2) infinite}.fx-slow.fx-fever{background:radial-gradient(ellipse at center,transparent 40%,rgba(70,50,200,.32)),linear-gradient(to top,rgba(255,90,31,.3),transparent 45%)}@keyframes shimmer-edge{0%{opacity:.65}to{opacity:1}}@keyframes flicker{50%{opacity:.8}}.power-hud{display:flex;justify-content:center;gap:10px;margin-top:8px}.power-ring{--p: 1;--c: var(--accent);position:relative;width:54px;height:54px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(closest-side,rgba(22,14,48,.92) 78%,transparent 80% 100%),conic-gradient(var(--c) calc(var(--p) * 360deg),rgba(255,255,255,.12) 0);animation:pop-in .26s cubic-bezier(.2,1.4,.4,1)}.power-ring.ending{animation:blink .25s steps(2) infinite}.power-shield{--c: #6fe6ff}.power-slow{--c: #a78bff}.power-double{--c: #ffd24a}.power-fever{--c: #ff7a2f;background:radial-gradient(closest-side,rgba(22,14,48,.92) 78%,transparent 80%),#ff7a2f}.power-icon{font-size:20px;font-weight:700;line-height:1;margin-top:-6px}.power-label{position:absolute;bottom:7px;font-size:9px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--muted)}@keyframes blink{50%{opacity:.35}}@media(prefers-reduced-motion:reduce){.fx-shield,.fx-fever,.power-ring,.power-ring.ending{animation:none}}.icon-btn.is-off{opacity:.45;position:relative}.icon-btn.is-off:after{content:"";position:absolute;width:26px;height:2.5px;border-radius:2px;background:currentColor;transform:rotate(-45deg)}.menu-row{width:100%;display:grid;grid-template-columns:1fr 1fr;gap:8px}.menu-row .ghost-btn{font-size:15px;padding:10px 8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sheet-head{width:100%;display:flex;align-items:center;justify-content:space-between;gap:8px}.sheet-head h2{font-size:24px;text-align:left}.icon-btn.small{width:36px;height:36px;font-size:16px}.board-panel,.sheet{width:min(100%,400px);max-height:calc(100% - 16px)}.board{list-style:none;margin:0;padding:0;width:100%;display:flex;flex-direction:column;gap:4px;overflow-y:auto}.board li{display:grid;grid-template-columns:34px 1fr auto 46px;align-items:center;gap:8px;padding:8px 10px;border-radius:12px;background:#ffffff0d;font-variant-numeric:tabular-nums;text-align:left}.board li.me{background:#5ff3ff29;outline:1.5px solid rgba(95,243,255,.5)}.board li.detached{margin-top:8px}.board .rank{font-weight:700;text-align:center;color:var(--muted)}.board .rank[class*=medal]{font-size:20px}.board .name{font-weight:600;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.board .perf{font-size:13px;color:var(--gold)}.board .score{font-weight:700;font-size:18px;text-align:right}.rank-line{border:none;background:#ffd24a24;color:var(--text);padding:8px 14px;border-radius:999px;font-size:16px;margin:0}.rank-line b{color:var(--gold);font-size:18px}.field-row{width:100%;display:flex;flex-direction:column;gap:6px;text-align:left}.field-row label{font-weight:600;font-size:15px}.field-row input{width:100%;min-width:0;padding:12px 14px;border-radius:12px;border:1.5px solid rgba(255,255,255,.18);background:#00000040;color:var(--text);font:inherit;font-size:17px;user-select:text;-webkit-user-select:text}.field-row input:focus{outline:none;border-color:var(--accent)}.inline{display:flex;gap:8px}.small-btn{flex:none;padding:0 16px;border:none;border-radius:12px;font-weight:700;color:#2a1a08;background-color:#ffbf2e;background-image:linear-gradient(#ffd98a,#f2a93b)}.small-btn:disabled,.play-btn:disabled{opacity:.5}.hint{margin:0;font-size:13px;color:var(--muted)}.ok-line{margin:0;color:#8ff0b0;font-size:15px;text-align:left}.error-line{margin:0;color:#ffa3aa;font-size:15px}.notice{width:100%;padding:10px 12px;border-radius:12px;background:#ff4d5a24}.notice p{margin:0 0 8px}.sheet hr{width:100%;border:none;border-top:1px solid rgba(255,255,255,.1);margin:4px 0}.daily-btn:disabled{opacity:.7}.fine-print{color:var(--muted);font-size:12px;text-decoration:none;opacity:.8}.power-flash{position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at center,transparent 20%,var(--flash) 100%);animation:power-flash .65s ease-out forwards}@keyframes power-flash{0%{opacity:0}12%{opacity:.9}to{opacity:0}}@media(prefers-reduced-motion:reduce){.power-flash{animation-duration:.3s}}.tabs{width:100%;display:flex;gap:6px;overflow-x:auto;padding-bottom:2px;scrollbar-width:none}.tabs::-webkit-scrollbar{display:none}.tabs button{flex:none;border:1.5px solid rgba(255,255,255,.16);background:#ffffff0d;border-radius:999px;padding:7px 12px;font-size:14px;font-weight:600;white-space:nowrap;max-width:180px;overflow:hidden;text-overflow:ellipsis}.tabs button.on{background:var(--text);color:#1a1140;border-color:transparent}.tabs button.add{border-style:dashed;color:var(--gold)}.tabs button.add.on{background:var(--gold);color:#2a1a08}.seg-toggle{display:inline-flex;padding:3px;border-radius:12px;background:#00000040}.seg-toggle button{border:none;background:none;padding:7px 16px;border-radius:9px;font-weight:600;color:var(--muted)}.seg-toggle button.on{background:#ffffff24;color:var(--text)}.waiting{margin:0;width:100%;text-align:left;font-size:14px;color:var(--muted)}.league-foot{display:flex;justify-content:center;gap:4px;flex-wrap:wrap}.confirm{display:inline-flex;align-items:center;gap:2px;color:var(--muted);font-size:15px}.link-btn.danger{color:#ff8a93}.league-ranks{display:flex;flex-wrap:wrap;justify-content:center;gap:6px}.league-rank{border:none;padding:6px 12px;border-radius:999px;font-size:14px;background:#5ff3ff1f;color:var(--text)}.league-rank b{color:var(--accent)}.invite-badge{font-size:52px;line-height:1}.invite-name{font-size:30px;margin:0;text-wrap:balance}.play-nudge{width:100%;display:flex;flex-direction:column;gap:8px;padding:12px;border-radius:14px;background:#ffd24a1a;border:1px solid rgba(255,210,74,.3)}.play-nudge p{margin:0;font-size:15px}