:root{--bg: #0a0e27;--surface: #131736;--surface-2: #1b2147;--accent: #00c9a7;--accent-dim: #0a8a76;--text: #e4e7f1;--text-dim: #8a91b8;--danger: #ff5757;--warning: #ffb830;--border: #2a3166;--radius: 14px;--radius-sm: 8px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-6: 24px;--space-8: 32px;--shadow-sm: 0 2px 8px rgba(0, 0, 0, .25);--shadow-md: 0 8px 24px rgba(0, 0, 0, .35);--font-ui: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-num: "SF Mono", ui-monospace, "Roboto Mono", monospace;--ease: cubic-bezier(.22, 1, .36, 1);--press-scale: .96;--t-fast: .12s;--t-base: .2s}.fk-num{font-family:var(--font-num);font-variant-numeric:tabular-nums;letter-spacing:.02em}.fk-btn{appearance:none;border:1px solid var(--border);background:var(--surface);color:var(--text);border-radius:var(--radius-sm);padding:var(--space-3) var(--space-4);font-family:var(--font-ui);font-weight:600;cursor:pointer;transition:transform var(--t-fast) var(--ease),background var(--t-fast) var(--ease),border-color var(--t-fast) var(--ease)}.fk-btn:active{transform:scale(var(--press-scale))}.fk-btn--primary{background:var(--accent);border-color:var(--accent);color:#03150f}.fk-btn--primary:active{background:var(--accent-dim)}@media (prefers-reduced-motion: reduce){.fk-btn{transition:none}}:root{--teal: #00c9a7;--rose: #e0567a}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;height:100%;background:#070a1c;color:var(--text, #e4e7f1);font-family:system-ui,-apple-system,Hiragino Kaku Gothic ProN,sans-serif;overscroll-behavior:none;-webkit-user-select:none;user-select:none;touch-action:manipulation}#app{position:fixed;inset:0;display:flex;flex-direction:column;align-items:center;background:radial-gradient(120% 90% at 50% 0%,#0d1336,#070a1c 70%)}#topbar{width:100%;max-width:520px;display:flex;align-items:center;justify-content:space-between;padding:max(10px,env(safe-area-inset-top)) 16px 8px;gap:10px}.stat .lbl{font-size:10px;letter-spacing:.12em;color:var(--text-dim, #8a90b5);font-weight:700}.stat .val{font-size:26px;font-weight:800;font-variant-numeric:tabular-nums;line-height:1}.stat.right{text-align:right}.combo{font-size:18px;font-weight:800;color:var(--teal);padding:6px 14px;border-radius:999px;background:#00c9a71a;border:1px solid rgba(0,201,167,.25);transition:transform .12s ease;min-width:64px;text-align:center}.combo.flash{animation:comboflash .6s ease;color:#ffb830}@keyframes comboflash{0%{transform:scale(1.4);color:#fff}to{transform:scale(1)}}#stage{position:relative;flex:1;width:100%;display:flex;align-items:center;justify-content:center;min-height:0;padding:4px 0}#game{display:block;border-radius:14px;box-shadow:0 8px 40px #00000080;touch-action:none}#dangerVignette{position:absolute;inset:0;pointer-events:none;opacity:0;background:radial-gradient(120% 100% at 50% 0%,rgba(224,86,122,.35) 0%,transparent 55%);transition:opacity .2s linear;border-radius:14px}#ghost{position:absolute;width:30px;height:30px;border-radius:50%;background:#ffffff8c;border:2px solid rgba(255,255,255,.9);transform:translate(-50%,-50%);pointer-events:none;transition:left .5s cubic-bezier(.4,0,.2,1),top .5s cubic-bezier(.4,0,.2,1);z-index:30;box-shadow:0 0 18px #5fffd299}#ghost.tap{animation:ghosttap .4s ease}@keyframes ghosttap{0%,to{transform:translate(-50%,-50%) scale(1)}50%{transform:translate(-50%,-50%) scale(.6)}}#bottombar{width:100%;max-width:520px;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 16px max(10px,env(safe-area-inset-bottom))}.chip{font-size:14px;font-weight:700;color:#ffb830;background:#ffb8301a;border:1px solid rgba(255,184,48,.25);border-radius:999px;padding:6px 14px}.ghostbtn{background:var(--surface, #131836);color:var(--text, #e4e7f1);border:1px solid var(--border, #232a52);border-radius:12px;padding:9px 16px;font-size:14px;font-weight:700;font-family:inherit;cursor:pointer;transition:transform .1s ease}.ghostbtn:active{transform:scale(.94)}.ghostbtn.icn{width:44px;padding:9px 0}.ghostbtn.wide{width:100%}#modalRoot{position:fixed;inset:0;display:none;align-items:center;justify-content:center;z-index:50}#modalRoot.show{display:flex}.backdrop{position:absolute;inset:0;background:#050816b8;backdrop-filter:blur(4px)}.modal{position:relative;width:min(92vw,380px);max-height:90vh;overflow-y:auto;background:linear-gradient(180deg,#141a3c,#0e1331);border:1px solid var(--border, #232a52);border-radius:20px;padding:22px 20px;text-align:center;box-shadow:0 20px 70px #0009;animation:pop .22s cubic-bezier(.2,1.2,.3,1);display:flex;flex-direction:column;gap:12px}@keyframes pop{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}.mtitle{font-size:22px;font-weight:800}.mtitle.danger{color:var(--rose)}.msub{font-size:14px;color:var(--text, #e4e7f1)}.msub.dim,.dim{color:var(--text-dim, #8a90b5)}.msub.accent,.accent{color:var(--teal)}.ghostpace{font-size:13px;font-weight:700;color:#f5c542;background:#f5c54214;border:1px solid rgba(245,197,66,.22);border-radius:10px;padding:6px 12px;margin:4px auto 2px;display:inline-block}.bigscore{font-size:46px;font-weight:900;font-variant-numeric:tabular-nums;line-height:1;margin:2px 0}.bigscore.accent{color:var(--teal);text-shadow:0 0 24px rgba(0,201,167,.4)}.primary,.secondary{border:none;border-radius:14px;padding:14px;font-size:16px;font-weight:800;font-family:inherit;cursor:pointer;transition:transform .1s ease}.primary{background:linear-gradient(135deg,#00c9a7,#00a98c);color:#04231d}.primary.glow{box-shadow:0 6px 26px #00c9a773}.primary.big{padding:17px;font-size:18px}.secondary{background:var(--surface, #1b2148);color:var(--text, #e4e7f1);border:1px solid var(--border, #2a3160)}.primary:active,.secondary:active{transform:scale(.96)}.modalrow{display:flex;gap:10px}.modalrow>button{flex:1}.modalrow.small>button{padding:10px;font-size:13px}.world{background:#00c9a712;border:1px solid rgba(0,201,167,.18);border-radius:14px;padding:12px}.worldbig{font-size:16px;font-weight:700}.worldbig b{font-size:22px}.worldsub{font-size:12px;color:var(--text-dim, #8a90b5);margin-top:4px}.lblist{text-align:left;display:flex;flex-direction:column;gap:4px;max-height:50vh;overflow-y:auto}.lbrow{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:10px;background:#ffffff05;font-size:14px}.lbrow.me{background:#00c9a724;border:1px solid rgba(0,201,167,.3)}.lbrow .rk{width:24px;font-weight:800;color:var(--text-dim, #8a90b5)}.lbrow .nm{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lbrow .sc{font-weight:800;font-variant-numeric:tabular-nums}.skingrid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.skin{display:flex;align-items:center;gap:8px;padding:10px;border-radius:12px;background:var(--surface, #1b2148);border:1px solid var(--border, #2a3160);color:var(--text, #e4e7f1);font-family:inherit;font-size:13px;font-weight:700;cursor:pointer}.skin.on{border-color:var(--teal);box-shadow:0 0 0 1px var(--teal) inset}.skin.locked{opacity:.5}.skin .dot{width:18px;height:18px;border-radius:6px;flex-shrink:0}.skin .dot.big{width:56px;height:56px;border-radius:16px}.bigskin{display:flex;justify-content:center;padding:8px 0}.adbar{height:8px;border-radius:999px;background:#ffffff1a;overflow:hidden}.adfill{height:100%;width:0%;background:var(--teal);transition:width 1.5s linear}.titlewrap{display:flex;flex-direction:column;align-items:center;gap:2px;margin-bottom:6px}.bigtitle{font-size:72px;font-weight:900;color:var(--teal);line-height:1;text-shadow:0 0 40px rgba(0,201,167,.5)}.subtitle{font-size:14px;letter-spacing:.4em;color:var(--text-dim, #8a90b5);font-weight:700}.tagline{font-size:14px;margin-top:8px}.streakline{font-size:13px;color:#ffb830;margin-top:4px}#modalRoot.show .backdrop.title{background:linear-gradient(180deg,#050816d1,#0508168c 42%,#05081600 60%);backdrop-filter:none}.modal.title{position:absolute;top:max(12px,env(safe-area-inset-top));background:linear-gradient(180deg,#141a3cf5,#0e1331eb);padding:18px 20px 16px;gap:8px}.modal.title .bigtitle{font-size:60px}.demohint{font-size:12px;color:var(--text-dim, #8a90b5);letter-spacing:.1em;font-weight:700;animation:bob 1.4s ease-in-out infinite}@keyframes bob{0%,to{transform:translateY(0);opacity:.6}50%{transform:translateY(3px);opacity:1}}.modal.duel{border:1px solid rgba(255,138,92,.4)}.duel-tag{font-size:13px;font-weight:800;color:#ffb392;letter-spacing:.04em;text-align:center;margin-bottom:2px}.duelbtn{border:1px solid rgba(255,138,92,.5);border-radius:14px;padding:14px;font-size:15px;font-weight:800;font-family:inherit;cursor:pointer;background:#ff8a5c1f;color:#ffb392;transition:transform .1s ease}.duelbtn:active{transform:scale(.96)}.duelbtn.dim{opacity:.45;cursor:default}.duel-banner{background:#ff8a5c1a;border:1px solid rgba(255,138,92,.36);color:#ffe0cf;border-radius:12px;padding:12px 14px;text-align:center;font-size:14px;line-height:1.55}.duel-banner b{color:#ffb392;font-weight:800}.duel-banner span{color:var(--text, #e4e7f1);font-variant-numeric:tabular-nums;font-weight:900;font-size:19px}.duel-banner.loading{color:var(--text-dim, #8a90b5)}.duel-verdict{font-size:44px;font-weight:900;letter-spacing:.06em;line-height:1;text-align:center;margin:2px 0 10px;animation:verdictIn .42s cubic-bezier(.2,1.3,.4,1) both}.duel-verdict.win{color:#ffd66b;text-shadow:0 0 24px rgba(255,214,107,.5)}.duel-verdict.lose{color:#9fb0d0}.duel-verdict.draw{color:#ff8a5c}@keyframes verdictIn{0%{opacity:0;transform:scale(.6)}to{opacity:1;transform:scale(1)}}.duel-scores{display:flex;align-items:center;justify-content:center;gap:12px;margin:4px 0 10px}.ds{display:flex;flex-direction:column;gap:3px;min-width:104px;padding:10px 8px;border-radius:12px}.ds.you{background:#00c9a71f;box-shadow:inset 0 0 0 1px #00c9a74d}.ds.rival{background:#ff8a5c1f;box-shadow:inset 0 0 0 1px #ff8a5c52}.ds-lbl{font-size:12px;color:var(--text-dim, #8a90b5);font-weight:600}.ds.you .ds-lbl{color:#7ee8d2}.ds.rival .ds-lbl{color:#ffb392}.ds-val{font-size:26px;font-weight:800;font-variant-numeric:tabular-nums;color:var(--text, #e4e7f1)}.ds-vs{font-size:14px;font-weight:700;color:#6b7a9c}.duel-stake{font-size:13px;color:#cdd8ee;font-weight:600;text-align:center;margin-bottom:4px}.share-pre{text-align:left;white-space:pre-wrap;word-break:break-all;font-size:13px;line-height:1.5;color:var(--text, #e4e7f1);background:var(--surface, #131836);border:1px solid var(--border, #232a52);border-radius:10px;padding:12px;margin:6px 0;max-height:32vh;overflow-y:auto;font-family:ui-monospace,monospace}.world-goal{margin:10px 0 4px;border-radius:12px;padding:11px 13px;background:#00c9a712;border:1px solid rgba(0,201,167,.18);text-align:left}.world-goal.title{margin:8px 0 0;padding:9px 12px}.world-goal.hit{background:#00c9a724;border-color:#ffb83066;animation:wgHit .5s cubic-bezier(.2,1.2,.4,1)}.wg-label{font-size:13px;color:#bfe7df;font-weight:600;letter-spacing:.01em}.world-goal.title .wg-label{font-size:12px;text-align:center}.wg-label b{color:#00c9a7;font-size:16px;font-weight:800}.world-goal.hit .wg-label{color:#ffe6a8}.wg-track{margin:8px 0 7px;height:9px;border-radius:5px;overflow:hidden;background:#ffffff12}.world-goal.title .wg-track{margin:7px 0 1px;height:7px}.wg-fill{height:100%;border-radius:5px;transition:width .6s cubic-bezier(.2,.8,.3,1);background:linear-gradient(90deg,#00c9a799,#00c9a7)}.world-goal.hit .wg-fill{background:linear-gradient(90deg,#00c9a7,#ffb830)}.wg-sub{font-size:11px;color:#8fa6bd}@keyframes wgHit{0%{transform:scale(.92);opacity:.5}to{transform:scale(1);opacity:1}}.wg-toast{position:fixed;left:50%;top:18%;transform:translate(-50%);z-index:60;pointer-events:none;max-width:84vw;text-align:center;padding:10px 16px;border-radius:14px;font-size:13.5px;font-weight:700;color:#ffe6a8;background:#141c28eb;border:1px solid rgba(255,184,48,.45);box-shadow:0 8px 26px #00000073;animation:wgToast 2.6s ease forwards}@keyframes wgToast{0%{opacity:0;transform:translate(-50%) translateY(8px) scale(.95)}12%{opacity:1;transform:translate(-50%) translateY(0) scale(1)}80%{opacity:1}to{opacity:0;transform:translate(-50%) translateY(-6px)}}