: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}}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100dvh;background:var(--bg);color:var(--text);font-family:system-ui,sans-serif;font-variant-numeric:tabular-nums;overflow:hidden;touch-action:none;-webkit-tap-highlight-color:transparent}#app{position:relative;width:100%;max-width:480px;height:100dvh;margin:0 auto;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}#game{display:block;width:100%;height:100%}#ui{position:absolute;inset:0;pointer-events:none}.overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#050816b8;backdrop-filter:blur(6px);animation:fade .18s var(--ease);padding:20px}@keyframes fade{0%{opacity:0}to{opacity:1}}.modal{width:100%;max-width:340px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-md);padding:24px 20px;display:flex;flex-direction:column;gap:12px;text-align:center;animation:pop .24s var(--ease)}@keyframes pop{0%{transform:scale(.9) translateY(8px);opacity:0}to{transform:scale(1) translateY(0);opacity:1}}.modal--revive{border-color:var(--warning)}.modal-tag{font-size:13px;font-weight:700;letter-spacing:.08em;color:var(--text-dim);text-transform:uppercase}.modal-tag.accent{color:var(--accent)}.modal-tag.warn{color:var(--warning)}.modal-title{font-size:20px;font-weight:700;color:var(--text)}.modal-score{font-size:48px;font-weight:800;color:var(--accent);line-height:1;margin:4px 0}.modal-sub{font-size:14px;color:var(--text-dim)}.modal-sub.accent{color:var(--accent);font-weight:600}.fk-btn.big{font-size:17px;padding:14px;margin-top:4px}.fk-btn.ghost{background:transparent;border-color:transparent;color:var(--text-dim)}.fk-btn.ghost:active{background:var(--surface-2)}.lb{display:flex;flex-direction:column;gap:4px;margin:8px 0;max-height:40vh;overflow-y:auto}.lb-row{display:grid;grid-template-columns:28px 1fr auto;gap:8px;padding:8px 10px;background:var(--surface-2);border-radius:var(--radius-sm);font-size:14px;align-items:center}.lb-row span:first-child{color:var(--text-dim);font-weight:700}.lb-row span:last-child{color:var(--accent);font-weight:700}.row-toggle{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;background:var(--surface-2);border-radius:var(--radius-sm);font-size:15px}.row-toggle input[type=text],.row-toggle input:not([type=checkbox]){background:var(--bg);border:1px solid var(--border);color:var(--text);border-radius:var(--radius-sm);padding:6px 10px;width:120px;text-align:right;font-size:15px}.row-toggle input[type=checkbox]{width:22px;height:22px;accent-color:var(--accent)}.modal--ad{align-items:center}.ad-badge{align-self:flex-start;font-size:11px;font-weight:700;letter-spacing:.1em;color:var(--bg);background:var(--text-dim);padding:2px 8px;border-radius:4px}.ad-spinner{width:46px;height:46px;margin:8px auto 2px;border-radius:50%;border:4px solid var(--surface-2);border-top-color:var(--accent);animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.res-nm{font-size:15px;color:var(--warning);font-weight:700;margin:-2px 0 4px}.res-nm b{font-size:18px}.res-nm.best{color:var(--accent)}.res-ghost{font-size:13px;color:#f5c542;font-weight:700;margin:0 0 6px;padding:4px 12px;display:inline-block;border-radius:999px;background:#f5c5421a;border:1px solid rgba(245,197,66,.32)}.res-stats{display:flex;flex-direction:column;gap:5px;margin:4px 0 8px;background:var(--surface-2);border-radius:var(--radius-sm);padding:10px 12px}.res-row{display:flex;justify-content:space-between;font-size:14px;color:var(--text-dim)}.res-row span:last-child{color:var(--text);font-weight:600}.res-row.gem span:last-child{color:var(--warning)}.res-row .accent{color:var(--accent)!important}.nm-bar{position:relative;height:10px;background:var(--surface-2);border-radius:6px;overflow:hidden;margin:4px 2px 2px}.nm-fill{height:100%;background:linear-gradient(90deg,var(--accent),var(--warning));border-radius:6px;transition:width .4s var(--ease)}.nm-mark{position:absolute;top:-2px;right:0;width:2px;height:14px;background:var(--accent)}.glow-btn{border-color:var(--accent);color:var(--accent);animation:shopglow 1.4s ease-in-out infinite}@keyframes shopglow{0%,to{box-shadow:0 0 #00c9a700}50%{box-shadow:0 0 0 3px #00c9a740}}.modal--shop{max-width:360px}.shop-gems{font-size:15px;color:var(--text-dim)}.shop-gems b{color:var(--warning);font-size:18px}.shop-list{display:flex;flex-direction:column;gap:8px;margin:8px 0;max-height:46vh;overflow-y:auto}.shop-row{display:flex;align-items:center;gap:10px;background:var(--surface-2);border-radius:var(--radius-sm);padding:10px 12px;text-align:left}.shop-info{flex:1;min-width:0}.shop-name{font-size:15px;font-weight:700;color:var(--text);display:flex;align-items:center;gap:6px}.shop-desc{font-size:12px;color:var(--text-dim);margin-top:2px}.shop-desc b{color:var(--accent)}.shop-pips{display:inline-flex;gap:3px}.shop-pips .pip{width:6px;height:6px;border-radius:50%;background:var(--border)}.shop-pips .pip.on{background:var(--accent)}.shop-buy{min-width:76px;font-size:13px;padding:8px 10px;white-space:nowrap}.shop-buy.maxed{color:var(--accent);border-color:transparent;background:transparent}.shop-buy:disabled{opacity:.5}.res-skin{display:flex;align-items:center;gap:10px;padding:9px 12px;margin:2px 0 4px;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;transition:transform var(--t-fast) var(--ease),border-color var(--t-fast)}.res-skin:active{transform:scale(.98)}.res-skin:not(.all-owned):hover{border-color:var(--accent)}.skin-swatch{width:34px;height:34px;border-radius:8px;flex:0 0 auto;box-shadow:inset 0 -6px 10px #00000040;animation:skinsheen 2.4s ease-in-out infinite}@keyframes skinsheen{0%,to{filter:brightness(1)}50%{filter:brightness(1.25)}}.skin-info{flex:1;text-align:left;min-width:0}.skin-label{font-size:11px;color:var(--text-dim)}.skin-name{font-size:15px;font-weight:700;color:var(--text)}.skin-cta{font-size:13px;font-weight:700;color:var(--warning);white-space:nowrap}.res-skin.all-owned{cursor:default;justify-content:center}.res-skin.all-owned .skin-name{color:var(--accent)}.lock-pill{font-size:10px;font-weight:700;color:var(--text-dim);background:var(--bg);border:1px solid var(--border);border-radius:6px;padding:1px 6px;vertical-align:middle}.modal--world{border-color:var(--accent)}.world-pct{font-size:56px;font-weight:800;color:var(--accent);line-height:1;margin:2px 0}.world-pct .wp-unit{font-size:28px;font-weight:700;margin-left:2px;color:var(--accent);opacity:.85}.world-bar{position:relative;height:12px;background:var(--surface-2);border-radius:7px;overflow:hidden;margin:6px 2px 4px}.world-fill{height:100%;background:linear-gradient(90deg,var(--accent),var(--warning));border-radius:7px;transition:width .6s var(--ease)}.glow-share{border-color:var(--accent);color:var(--accent)}.modal--share{max-width:360px}.share-pre{text-align:left;white-space:pre-wrap;word-break:break-all;font-size:13px;line-height:1.5;color:var(--text);background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-sm);padding:12px;margin:6px 0;max-height:36vh;overflow-y:auto;font-family:ui-monospace,monospace}.modal--challenge{border-color:var(--warning)}.chal-token{font-size:12px;font-family:ui-monospace,monospace;color:var(--text-dim);background:var(--surface-2);border-radius:var(--radius-sm);padding:6px 10px;margin:2px 0;word-break:break-all}.lb-you{font-size:13px;font-weight:700;color:var(--accent);background:var(--surface-2);border-radius:var(--radius-sm);padding:8px 10px;margin:4px 0}.lb-row.me{outline:1px solid var(--accent);background:#00c9a71a}.lb-row.me span:nth-child(2){color:var(--accent)}.modal--duel{border-color:#ff8a5c73}.fk-btn.duel-line{background:#ff8a5c1a;color:#ffb392;border-color:#ff8a5c6b}.fk-btn.dim{opacity:.5}.duel-banner{background:#ff8a5c1a;border:1px solid rgba(255,138,92,.36);color:#ffe0cf;border-radius:var(--radius-sm);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);font-family:var(--font-num),monospace;font-weight:800;font-size:18px}.duel-banner.loading{color:var(--text-dim)}.duel-tag{font-size:13px;font-weight:700;color:#ffb392;letter-spacing:.04em;text-align:center;margin-bottom:2px}.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:100px;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);font-weight:600}.ds.you .ds-lbl{color:#7ee8d2}.ds.rival .ds-lbl{color:#ffb392}.ds-val{font-size:26px;font-weight:800;color:var(--text)}.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}.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.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}.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}.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)}}