: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{--safe: #00c9a7;--line: #ff5a4d;--glow: #00c9a7}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;height:100%;background:var(--bg, #0a1622);color:var(--text, #e8eef5);font-family:var(--font-ui, system-ui, sans-serif);overflow:hidden;overscroll-behavior:none;touch-action:none;user-select:none;-webkit-user-select:none}#app{height:100%}#stage{position:relative;height:100%;width:100%;max-width:520px;margin:0 auto;display:flex;align-items:center;justify-content:center;background:#000}#game{display:block;width:100%;height:100%;max-width:520px;object-fit:contain;touch-action:none}.tn{font-variant-numeric:tabular-nums;font-family:var(--font-num, var(--font-ui))}.hud{position:absolute;top:0;left:0;right:0;padding:max(10px,env(safe-area-inset-top)) 14px 8px;pointer-events:none;opacity:0;transform:translateY(-8px);transition:opacity .25s,transform .25s}.hud.show{opacity:1;transform:none}.hud-row{display:flex;align-items:center;justify-content:space-between}.hud-cell{display:flex;flex-direction:column;min-width:64px}.hud-cell.right{align-items:flex-end}.hud-cell.mid{align-items:center;flex:1}.hud-cell .hl{font-size:9px;letter-spacing:.14em;color:var(--text-dim)}.hud-cell b{font-size:16px;font-weight:700}.hud-cell.mid b{font-size:30px;font-weight:800;text-shadow:0 0 18px var(--glow)}.calm-wrap{margin-top:8px;height:7px;border-radius:6px;background:#ffffff14;position:relative;overflow:hidden}.calm-bar{height:100%;width:0%;border-radius:6px;background:linear-gradient(90deg,var(--safe),#fff);transition:width .12s linear}.calm-wrap span{position:absolute;right:6px;top:-1px;font-size:8px;letter-spacing:.16em;color:var(--text-dim)}.calm-wrap.full{box-shadow:0 0 14px var(--safe)}.calm-wrap.full .calm-bar{animation:pulseBar .6s infinite alternate}@keyframes pulseBar{to{filter:brightness(1.4)}}.overlay{position:absolute;inset:0;z-index:10;display:flex;align-items:center;justify-content:center;padding:18px;background:radial-gradient(120% 80% at 50% 30%,#0a16228c,#020509db);backdrop-filter:blur(2px)}.overlay.hidden{display:none}.card{width:100%;max-width:380px;background:linear-gradient(180deg,#14202ef5,#0c141ef7);border:1px solid var(--border, #1d2c3d);border-radius:20px;padding:20px 18px;box-shadow:0 20px 60px #00000080;animation:pop .28s var(--ease, cubic-bezier(.2,.9,.3,1.2));max-height:94vh;overflow-y:auto}@keyframes pop{0%{transform:scale(.92) translateY(10px);opacity:0}}.title{margin:4px 0 2px;text-align:center;font-size:40px;font-weight:900;letter-spacing:.04em;line-height:1}.t-accent{color:var(--safe);text-shadow:0 0 22px var(--glow)}.sub{text-align:center;color:var(--text-dim);margin:0 0 14px;letter-spacing:.12em;font-size:13px}.rule-strip{display:flex;flex-direction:column;gap:7px;margin-bottom:16px}.rs{display:flex;align-items:center;gap:9px;font-size:13px;color:#cdd9e6}.rs b{color:var(--safe)}.rs-ico{width:26px;height:6px;border-radius:3px;flex:none}.rs-ico.safe{background:var(--safe);box-shadow:0 0 10px var(--glow)}.rs-ico.line{background:var(--line);width:11px;height:6px;box-shadow:0 0 8px var(--line);border-radius:3px;position:relative}.rs-ico.line:after{content:"";position:absolute;left:15px;top:0;width:11px;height:6px;background:var(--line);border-radius:3px;box-shadow:0 0 8px var(--line)}.rs-ico.nerve{background:linear-gradient(90deg,var(--safe),#fff)}.btn{display:block;width:100%;border:none;cursor:pointer;padding:14px;margin:8px 0 0;border-radius:14px;font-size:16px;font-weight:800;letter-spacing:.04em;font-family:inherit;color:#fff;transition:transform var(--t-fast, .08s) var(--ease),filter .1s}.btn:active{transform:scale(var(--press-scale, .96))}.btn-primary{background:linear-gradient(135deg,var(--safe),color-mix(in srgb,var(--safe) 70%,#0066ff));color:#04130f;box-shadow:0 6px 20px color-mix(in srgb,var(--glow) 40%,transparent)}.btn-ghost{background:#ffffff0f;border:1px solid var(--border, #233344);color:var(--text)}.btn-ghost .meta{color:var(--text-dim);font-size:12px;font-weight:600;margin-left:4px}.btn.sm{width:auto;padding:8px 18px;font-size:13px;margin:12px auto 0}.btn-revive{background:linear-gradient(135deg,#ffcf4d,#ff7a3d);color:#2a1500;box-shadow:0 6px 22px #ff963c66;animation:glowPulse 1.1s infinite alternate}@keyframes glowPulse{to{box-shadow:0 6px 30px #ffb450b3}}.btn-revive .rv-sub{display:block;font-size:10px;font-weight:700;opacity:.8;letter-spacing:.1em}.rank-block{margin:16px 0 6px}.rank-head{display:flex;align-items:center;gap:6px;margin-bottom:6px}.rank-head b{font-size:12px;color:var(--text-dim);letter-spacing:.1em;flex:1}.tab{background:#ffffff0d;border:1px solid var(--border);color:var(--text-dim);border-radius:8px;padding:4px 10px;font-size:11px;cursor:pointer;font-family:inherit}.tab.on{background:var(--safe);color:#04130f;border-color:var(--safe);font-weight:700}.rank-list{list-style:none;margin:0;padding:0;max-height:168px;overflow-y:auto}.rank-list li{display:flex;align-items:center;gap:10px;padding:6px 8px;font-size:13px;border-radius:8px}.rank-list li:nth-child(odd){background:#ffffff08}.rank-list li.me{background:color-mix(in srgb,var(--safe) 16%,transparent);color:#fff;font-weight:700}.rank-list .rk{width:18px;color:var(--text-dim);font-weight:700}.rank-list .nm{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rank-list .sc{color:var(--safe);font-weight:700}.rl-empty{color:var(--text-dim);justify-content:center;font-size:12px}.theme-row{display:flex;gap:8px;justify-content:center;margin:12px 0 4px}.swatch{width:30px;height:30px;border-radius:9px;border:2px solid transparent;cursor:pointer;padding:0;transition:transform .1s}.swatch:active{transform:scale(.9)}.swatch.on{border-color:#fff;box-shadow:0 0 12px #fff6}.foot{display:flex;gap:8px;justify-content:center;margin-top:12px}.chip{background:#ffffff0f;border:1px solid var(--border);color:var(--text-dim);border-radius:20px;padding:6px 14px;font-size:12px;cursor:pointer;font-family:inherit}.chip.off{opacity:.5}.dead-tag{text-align:center;font-size:13px;letter-spacing:.26em;font-weight:800;color:var(--line);text-shadow:0 0 16px var(--line);margin-bottom:6px}.dead-score{text-align:center;margin-bottom:4px}.dead-score .dl{display:block;font-size:10px;letter-spacing:.2em;color:var(--text-dim)}.dead-score b{font-size:46px;font-weight:900;text-shadow:0 0 24px var(--glow)}.dead-streak{text-align:center;font-size:14px;color:#cdd9e6;margin-bottom:12px;min-height:20px}.dead-streak .near{color:var(--safe)}.near-hit{color:var(--safe);font-weight:800;text-shadow:0 0 12px var(--glow)}.unlock{position:relative;height:22px;border-radius:11px;background:#ffffff0f;overflow:hidden;margin:4px 0 14px}.unlock-fill{height:100%;background:linear-gradient(90deg,var(--safe),#fff);transition:width .5s var(--ease);border-radius:11px}.unlock-txt{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.6);letter-spacing:.04em}.revive-msg{text-align:center;margin-bottom:6px}.revive-near{color:#ffcf4d;font-weight:700;font-size:13px}.toast{position:absolute;left:50%;bottom:16%;transform:translate(-50%,10px);background:#0c141ef0;border:1px solid var(--border);color:#fff;padding:10px 18px;border-radius:12px;font-size:14px;font-weight:700;z-index:30;opacity:0;transition:opacity .25s,transform .25s;pointer-events:none;box-shadow:0 8px 28px #00000080}.toast.show{opacity:1;transform:translate(-50%)}.toast.hidden{display:none}.modal-back{position:absolute;inset:0;z-index:40;display:flex;align-items:center;justify-content:center;background:#000000d1}.modal{background:linear-gradient(180deg,#16222f,#0d1620);border:1px solid var(--border);border-radius:18px;padding:28px 30px;text-align:center;box-shadow:0 20px 60px #0009}.ad-spin{width:38px;height:38px;margin:0 auto 14px;border-radius:50%;border:3px solid rgba(255,255,255,.15);border-top-color:var(--safe);animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.ad-txt{font-size:14px;color:var(--text-dim);margin-bottom:12px}.ad-bar{width:200px;height:6px;border-radius:4px;background:#ffffff1a;overflow:hidden;margin:0 auto}.ad-bar-fill{height:100%;width:0%;background:var(--safe)}@media (prefers-reduced-motion: reduce){.btn-revive,.calm-wrap.full .calm-bar{animation:none}}