:root{--accent:#ff7a1a;--accent-2:#28d8ff;--good:#6dff8f;--bad:#ff3b4e;--text:#eef2f6;--muted:#e6ecf59e;--panel:#0c0f149e;--panel-strong:#0a0c10db;--line:#ffffff1f;--font-display:"Rajdhani", "Chakra Petch", "Bahnschrift", "Arial Narrow", system-ui, sans-serif;--font-hud:"Chakra Petch", "Rajdhani", "Bahnschrift", system-ui, sans-serif;--font-body:"Inter", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif}*{box-sizing:border-box}html,body{height:100%;color:var(--text);font-family:var(--font-body);-webkit-font-smoothing:antialiased;-webkit-user-select:none;user-select:none;background:#07090c;margin:0;overflow:hidden}#app,#viewport{position:fixed;inset:0}#game-canvas{display:block}#ui{pointer-events:none;position:fixed;inset:0}#ui>*{pointer-events:auto}.loading{background:radial-gradient(at 50% 40%,#1a1410 0%,#07090c 70%);place-content:center;justify-items:center;gap:18px;display:grid;position:absolute;inset:0}.loading-title{font-family:var(--font-display);letter-spacing:.42em;color:var(--text);padding-left:.42em;font-size:64px;font-weight:700}.loading-bar{background:#ffffff1a;width:360px;height:3px;overflow:hidden}.loading-bar i{background:linear-gradient(90deg, var(--accent), #ffc38a);width:0;height:100%;transition:width .25s;display:block}.loading-label{font-family:var(--font-hud);letter-spacing:.2em;text-transform:uppercase;color:var(--muted);font-size:13px}.click-to-play{font-family:var(--font-display);letter-spacing:.3em;cursor:pointer;background:#00000059;place-content:center;font-size:32px;display:grid;position:absolute;inset:0}.debug-hud{font-family:var(--font-hud);pointer-events:none;text-shadow:0 1px 4px #0009;font-size:22px;position:absolute;bottom:18%;left:50%;transform:translate(-50%)}.hud{font-family:var(--font-hud);color:var(--text);text-shadow:0 1px 3px #0000008c;position:absolute;inset:0;pointer-events:none!important}.hud *{pointer-events:none}.crosshair{width:0;height:0;position:absolute;top:50%;left:50%}.crosshair i,.crosshair b{transition:top 50ms linear,left 50ms linear;display:block;position:absolute;box-shadow:0 0 0 1px #0000008c}.hitmarker{opacity:0;width:0;height:0;position:absolute;top:50%;left:50%}.hitmarker.show{opacity:1;animation:.28s ease-out hm-pop}.hitmarker i{transform-origin:0;background:#fff;width:12px;height:2px;position:absolute;box-shadow:0 0 4px #000000b3}.hitmarker i:first-child{transform:rotate(45deg)translate(7px)}.hitmarker i:nth-child(2){transform:rotate(135deg)translate(7px)}.hitmarker i:nth-child(3){transform:rotate(225deg)translate(7px)}.hitmarker i:nth-child(4){transform:rotate(315deg)translate(7px)}.hitmarker.head i{background:#ffd24a}.hitmarker.kill i{background:#ff3b4e;width:16px}@keyframes hm-pop{0%{transform:scale(1.5)}to{transform:scale(1)}}.hud-vitals{gap:8px;display:grid;position:absolute;bottom:30px;left:36px}.vital{grid-template-columns:22px 72px 180px;align-items:center;gap:8px;display:grid}.vital .icon{color:var(--muted);text-align:center;font-size:18px}.vital .val{font-variant-numeric:tabular-nums;font-size:38px;font-weight:700;line-height:1}.vital.ar .val{color:#9fd8ff;font-size:24px}.vital .bar{background:#ffffff1f;height:6px;overflow:hidden;transform:skew(-20deg)}.vital .bar i{background:linear-gradient(90deg,#e9eef3,#fff);height:100%;transition:width .2s;display:block}.vital.ar .bar i{background:linear-gradient(90deg,#3aa0ff,#9fd8ff)}.vital.low .val{color:var(--bad);animation:.6s ease-in-out infinite alternate pulse}.vital.low .bar i{background:var(--bad)}@keyframes pulse{to{opacity:.55}}.hud-ammo{text-align:right;position:absolute;bottom:30px;right:36px}.hud-ammo .weapon-name{letter-spacing:.24em;color:var(--muted);margin-bottom:2px;font-size:13px}.hud-ammo .ammo .cur{font-variant-numeric:tabular-nums;font-size:52px;font-weight:700;line-height:1}.hud-ammo .ammo .cur.low{color:var(--bad)}.hud-ammo .ammo .res{color:var(--muted);margin-left:8px;font-size:22px}.hud-ammo .slots{letter-spacing:.12em;color:#ffffff59;justify-content:flex-end;gap:10px;margin-top:8px;font-size:11px;display:flex}.hud-ammo .slot.active{color:var(--accent)}.hud-speed{text-align:center;min-width:260px;position:absolute;bottom:12%;left:50%;transform:translate(-50%)}.speed-val{font-variant-numeric:tabular-nums;letter-spacing:.02em;font-size:44px;font-weight:700;line-height:1;transition:color .12s}.speed-bar{background:#ffffff1a;width:220px;height:3px;margin:6px auto 4px}.speed-bar i{background:linear-gradient(90deg,#28d8ff,#6dff8f 40%,#ffd24a 70%,#ff7a1a);height:100%;transition:width 80ms linear;display:block}.speed-sub{letter-spacing:.22em;color:var(--muted);font-size:11px}.keys{grid-template-columns:repeat(4,30px) 52px 52px;justify-content:center;gap:4px;margin-top:10px;display:grid}.keys span{color:#fff6;background:#0000002e;border:1px solid #ffffff2e;place-items:center;height:24px;font-size:11px;display:grid}.keys span.on{color:#0b0d10;background:#ffffffe6;border-color:#0000}.hud-flow{letter-spacing:.5em;color:#28d8ff;opacity:0;text-shadow:0 0 calc(4px + var(--flow,0) * 14px) #28d8ff;margin-top:8px;padding-left:.5em;font-size:12px;transition:opacity .2s}.hud-top{text-align:center;position:absolute;top:22px;left:50%;transform:translate(-50%)}.hud-top .timer{font-variant-numeric:tabular-nums;letter-spacing:.04em;font-size:40px;font-weight:700}.hud-top .label{letter-spacing:.3em;color:var(--muted);font-size:11px}.hud-top .row{justify-content:center;align-items:flex-end;gap:26px;display:flex}.hud-top .stat .v{font-variant-numeric:tabular-nums;font-size:30px;font-weight:700}.hud-top .combo{color:var(--accent)}.hud-top .split{letter-spacing:.08em;font-size:14px}.hud-top .split.ahead{color:var(--good)}.hud-top .split.behind{color:var(--bad)}.hud-feed{justify-items:end;gap:6px;display:grid;position:absolute;top:22px;right:28px}.feed-item{border-right:3px solid var(--accent);letter-spacing:.06em;background:#080a0e8c;padding:6px 12px;font-size:14px;transition:opacity .5s,transform .5s;animation:.25s ease-out feed-in}.feed-item.out{opacity:0;transform:translate(20px)}.feed-item .hs{color:#ffd24a}.feed-item .pts{color:var(--good);margin-left:8px}.feed-item.bonus{border-right-color:#28d8ff}@keyframes feed-in{0%{opacity:0;transform:translate(30px)}}.hud-center{text-align:center;opacity:0;transition:opacity .35s,transform .35s;position:absolute;top:26%;left:50%;transform:translate(-50%,-50%)scale(.96)}.hud-center.show{opacity:1;transform:translate(-50%,-50%)scale(1)}.hud-center .title{font-family:var(--font-display);letter-spacing:.3em;padding-left:.3em;font-size:64px;font-weight:700;line-height:1}.hud-center .sub{letter-spacing:.35em;color:var(--muted);margin-top:10px;font-size:15px}.hud-center.good .title{color:var(--good)}.hud-center.accent .title{color:var(--accent)}.hud-center.bad .title{color:var(--bad)}.hud-toast{letter-spacing:.25em;opacity:0;font-size:16px;transition:opacity .25s;position:absolute;top:58%;left:50%;transform:translate(-50%)}.hud-toast.show{opacity:1}.hud-toast.good{color:var(--good)}.hud-toast.bad{color:var(--bad)}.hud-toast.accent{color:var(--accent)}.hud-fps{color:var(--muted);font-size:12px;position:absolute;top:8px;left:10px}.dmg-num{color:#fff;text-shadow:0 2px 6px #000c;font-size:20px;font-weight:700;position:absolute;top:0;left:0}.dmg-num.head{color:#ffd24a;font-size:26px}.dmg-indicator{background:radial-gradient(at 50% 100%,#ff323ce6,#ff323c00 70%);border-top:3px solid #ff4650f2;border-radius:50% 50% 0 0/100% 100% 0 0;width:120px;height:22px;position:absolute;top:50%;left:50%}.hud-vignette{opacity:0;background:radial-gradient(#0000 45%,#78000abf 100%);position:absolute;inset:0}.hud-damage{opacity:0;background:radial-gradient(#0000 55%,#c8141e8c 100%);position:absolute;inset:0}.hud-scope{display:none;position:absolute;inset:0}.hud-scope.show{display:block}.hud-scope .lens{border-radius:50%;width:96vh;height:96vh;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 200vmax #030405,inset 0 0 60px 20px #000000e6}.hud-scope i{background:#000000e6;position:absolute}.hud-scope i.h{height:1px;top:50%;left:0;right:0}.hud-scope i.v{width:1px;top:0;bottom:0;left:50%}.menu{font-family:var(--font-display);color:var(--text);display:none;position:absolute;inset:0}.menu.show{display:block}.menu.dim{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0406099e}.menu.main-bg{background:linear-gradient(90deg,#05070aeb 0%,#05070ab8 30%,#05070a1a 62%,#05070a00 100%),linear-gradient(#05070a00 70%,#05070abf 100%)}.menu button{font-family:var(--font-display);cursor:pointer;color:inherit;background:0 0;border:none}.logo span{letter-spacing:.22em;background:linear-gradient(#fff 30%,#ffc38a 100%);color:#0000;filter:drop-shadow(0 6px 30px #ff7a1a59);-webkit-background-clip:text;background-clip:text;font-size:108px;font-weight:700;line-height:.95;display:block}.logo em{font-style:normal;font-family:var(--font-hud);letter-spacing:.62em;color:var(--accent);margin-top:10px;padding-left:.3em;font-size:14px;display:block}.logo.small span{font-size:64px}.logo.small em{font-size:11px}.splash{text-align:center;place-content:center;justify-items:center;gap:48px;display:grid;position:absolute;inset:0}.splash .enter{letter-spacing:.4em;padding:16px 44px 16px 52px;font-size:20px;transition:background .2s,color .2s;animation:2.2s ease-in-out infinite breathe;border:1px solid #ffffff59!important}.splash .enter:hover{background:var(--accent);color:#0b0d10;border-color:#0000!important}.splash .hint{font-family:var(--font-hud);letter-spacing:.25em;color:var(--muted);font-size:12px}.splash .touch-note{max-width:min(460px,88vw);font-family:var(--font-hud);letter-spacing:.12em;color:var(--text);border-left:3px solid var(--accent);background:#ff7a1a1f;padding:14px 20px;font-size:14px;line-height:1.5}@keyframes breathe{50%{box-shadow:0 0 40px #ff7a1a59}}.main-menu{padding:64px 72px;position:absolute;inset:0}.main-menu .brand{margin-bottom:56px}.main-menu .modes{gap:6px;width:440px;display:grid}.mode-btn{text-align:left;padding:14px 20px 14px 22px;transition:background .18s,border-color .18s,transform .18s;display:grid;border-left:3px solid #0000!important}.mode-btn .t{letter-spacing:.1em;font-size:38px;font-weight:700;line-height:1}.mode-btn .s{font-family:var(--font-hud);letter-spacing:.3em;color:var(--muted);margin-top:6px;font-size:11px}.mode-btn:hover{background:#ffffff0f;transform:translate(6px)}.mode-btn.active{background:linear-gradient(90deg,#ff7a1a2e,#ff7a1a00);border-left-color:var(--accent)!important}.mode-btn.active .t{color:#fff}.main-menu .side{gap:10px;margin-top:36px;display:flex}.ghost-btn{letter-spacing:.24em;padding:10px 18px;font-size:15px;transition:background .2s;border:1px solid #fff3!important}.ghost-btn:hover{background:#ffffff1a}.main-menu .detail{border:1px solid var(--line);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#080a0e9e;width:440px;padding:28px 30px;position:absolute;bottom:88px;right:72px}.detail .tag{font-family:var(--font-hud);letter-spacing:.3em;color:var(--accent);font-size:11px}.detail .title{letter-spacing:.08em;margin:6px 0 10px;font-size:44px;font-weight:700}.detail p{font-family:var(--font-body);color:#ebf0f6d1;margin:0 0 18px;font-size:14px;line-height:1.6}.detail .record{font-family:var(--font-hud);letter-spacing:.18em;color:var(--good);margin-bottom:20px;font-size:13px}.detail .play,.menu .primary{letter-spacing:.3em;padding:14px 36px 14px 42px;font-size:20px;font-weight:700;transition:filter .2s,transform .2s;background:var(--accent)!important;color:#0b0d10!important}.detail .play:hover,.menu .primary:hover{filter:brightness(1.12);transform:translateY(-1px)}.main-menu .footer{font-family:var(--font-hud);letter-spacing:.18em;color:#ffffff59;font-size:11px;position:absolute;bottom:28px;left:72px}.pause{text-align:center;gap:8px;width:360px;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.pause-title{letter-spacing:.3em;padding-left:.3em;font-size:60px;font-weight:700}.pause-sub{font-family:var(--font-hud);letter-spacing:.3em;color:var(--muted);margin-bottom:18px;font-size:12px}.pause button,.panel-actions button,.r-actions button{letter-spacing:.25em;background:#ffffff0f;padding:12px 20px;font-size:18px;transition:background .18s;border:1px solid #ffffff1f!important}.pause button:hover,.panel-actions button:hover,.r-actions button:hover{background:#ffffff24}.panel{border:1px solid var(--line);background:#080a0ed1;grid-template-rows:auto auto 1fr auto;width:min(920px,92vw);max-height:88vh;padding:30px 36px;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.panel-title{letter-spacing:.25em;margin-bottom:16px;font-size:40px;font-weight:700}.panel .tabs{border-bottom:1px solid var(--line);gap:4px;margin-bottom:16px;display:flex}.panel .tabs button{letter-spacing:.22em;color:var(--muted);padding:10px 16px;font-size:15px;border-bottom:2px solid #0000!important}.panel .tabs button.active{color:#fff;border-bottom-color:var(--accent)!important}.tab-body{min-height:360px;padding-right:8px;overflow-y:auto}.panel .row{font-family:var(--font-body);border-bottom:1px solid #ffffff0d;grid-template-columns:1fr 280px 70px;align-items:center;gap:16px;padding:10px 4px;font-size:14px;display:grid}.panel .row output{font-family:var(--font-hud);text-align:right;color:var(--accent)}.panel input[type=range]{accent-color:var(--accent);width:100%}.panel input[type=checkbox]{display:none}.panel .switch{cursor:pointer;background:#ffffff26;border-radius:11px;grid-column:2;justify-self:start;width:44px;height:22px;transition:background .2s;position:relative}.panel .switch:after{content:"";background:#fff;border-radius:50%;width:16px;height:16px;transition:transform .2s;position:absolute;top:3px;left:3px}.panel input:checked+.switch{background:var(--accent)}.panel input:checked+.switch:after{transform:translate(22px)}.panel select{color:#fff;border:1px solid var(--line);font-family:var(--font-body);background:#ffffff14;padding:8px 10px}.panel select option{background:#111}.panel input[type=color]{background:0 0;border:none;width:60px;height:30px}.panel .bind{letter-spacing:.15em;grid-column:2;justify-self:start;min-width:140px;padding:7px 14px;font-size:13px;font-family:var(--font-hud)!important;border:1px solid var(--line)!important;background:#ffffff12!important}.panel .bind.listening{color:var(--accent);border-color:var(--accent)!important}.panel-actions{justify-content:flex-end;gap:10px;margin-top:18px;display:flex}.howto{font-family:var(--font-body);grid-template-columns:1fr 1fr;gap:10px 36px;font-size:14px;line-height:1.6;display:grid;overflow-y:auto}.howto section:last-child{grid-column:1/-1}.howto h3{font-family:var(--font-display);letter-spacing:.2em;color:var(--accent);margin:8px 0;font-size:16px}.howto p{color:#ebf0f6d9;margin:0 0 10px}kbd{font-family:var(--font-hud);background:#ffffff12;border:1px solid #ffffff4d;padding:2px 7px;font-size:12px}.keylist{grid-template-columns:repeat(3,1fr);gap:6px 24px;display:grid}.keylist div{border-bottom:1px solid #ffffff0d;justify-content:space-between;padding:4px 0;display:flex}.results{text-align:center;width:min(760px,92vw);animation:.5s ease-out rise;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.r-title{letter-spacing:.5em;color:var(--muted);font-size:20px}.r-sub{font-family:var(--font-hud);letter-spacing:.3em;color:var(--accent);margin-top:6px;font-size:13px}.r-hero{letter-spacing:.04em;font-variant-numeric:tabular-nums;margin-top:18px;font-size:120px;font-weight:700;line-height:1}.results.record .r-hero{background:linear-gradient(#fff 20%,#ffd24a 100%);color:#0000;filter:drop-shadow(0 0 30px #ffd24a59);-webkit-background-clip:text;background-clip:text}.r-hero-label{font-family:var(--font-hud);letter-spacing:.3em;color:var(--muted);margin-top:8px;font-size:14px}.results.record .r-hero-label{color:#ffd24a}.r-stats{background:var(--line);border:1px solid var(--line);grid-template-columns:repeat(3,1fr);gap:1px;margin:36px 0;display:grid}.r-stats .stat{background:#080a0ed9;padding:16px}.r-stats .k{font-family:var(--font-hud);letter-spacing:.25em;color:var(--muted);font-size:11px}.r-stats .v{margin-top:4px;font-size:28px;font-weight:700}.r-actions{justify-content:center;gap:10px;display:flex}@keyframes rise{0%{opacity:0;transform:translate(-50%,-46%)}}.menu-loading{font-family:var(--font-hud);letter-spacing:.3em;color:var(--muted);place-content:center;justify-items:center;gap:18px;font-size:14px;display:grid;position:absolute;inset:0}.spinner{border:2px solid #ffffff1f;border-top-color:var(--accent);border-radius:50%;width:42px;height:42px;animation:.9s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width:900px){.main-menu{padding:32px 24px}.main-menu .detail{width:auto;margin-top:24px;position:static}.main-menu .modes{width:auto}.logo span{font-size:56px}.howto{grid-template-columns:1fr}.keylist{grid-template-columns:1fr 1fr}}.loading{transition:opacity .5s}.loading.done{opacity:0;pointer-events:none}.sunflare{mix-blend-mode:screen;opacity:0;position:absolute;inset:0;overflow:hidden;pointer-events:none!important}.sf-glare{background:radial-gradient(circle,#fff4dc8c 0%,#ffc88c38 12%,#ffa05a0f 35%,#ff965000 60%),linear-gradient(90deg,#ffd2a000 30%,#ffdcb438 50%,#ffd2a000 70%) 50%/100% 3px no-repeat;width:900px;height:900px;position:absolute;top:0;left:0}.sf-ghost{border-radius:50%;position:absolute;top:0;left:0}.menu ::-webkit-scrollbar{width:6px}.menu ::-webkit-scrollbar-track{background:#ffffff0a}.menu ::-webkit-scrollbar-thumb{background:#ff7a1a8c}.menu *{scrollbar-width:thin;scrollbar-color:#ff7a1a8c #ffffff0a}.hud.scoped .hud-speed{opacity:.15}.hud-speed{transition:opacity .2s}.hud-toast{white-space:nowrap;text-align:center;text-shadow:0 2px 8px #000000b3}.courses-panel{width:min(1100px,94vw)}.course-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:10px;padding-right:6px;display:grid;overflow-y:auto}.menu .course{text-align:left;background:#ffffff0a;grid-template-rows:auto 1fr auto;gap:8px;min-height:150px;padding:16px 16px 14px;transition:background .15s,border-color .15s,transform .15s;display:grid;border:1px solid var(--line)!important}.menu .course:hover,.menu .course:focus-visible{background:#ff7a1a1f;transform:translateY(-2px);border-color:#ff7a1a99!important}.c-name{letter-spacing:.1em;font-size:26px;font-weight:700}.c-tag{font-family:var(--font-body);color:#ebf0f6bf;font-size:13px;line-height:1.5}.c-foot{font-family:var(--font-hud);letter-spacing:.16em;justify-content:space-between;align-items:center;font-size:11px;display:flex}.c-diff{gap:3px;display:flex}.c-diff i{background:#ffffff26;width:14px;height:4px;transform:skew(-20deg)}.c-diff i.on{background:var(--accent)}.c-pb{color:var(--muted)}.c-pb.has{color:var(--good)}.knife-grid{grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:8px;max-height:52vh;padding:4px 6px 4px 0;display:grid;overflow-y:auto}.menu .knife-card{text-align:left;background:#ffffff0a;grid-template-rows:78px auto;gap:6px;padding:10px 10px 9px;transition:background .15s,border-color .15s,transform .15s;display:grid;border:1px solid var(--line)!important}.menu .knife-card:hover{background:#ff7a1a1a;transform:translateY(-1px);border-color:#ff7a1a80!important}.menu .knife-card.active{background:#ff7a1a2e;border-color:var(--accent)!important}.knife-card .k-img{background:50%/contain no-repeat;display:block}.knife-card .k-name{letter-spacing:.12em;text-transform:uppercase;font-size:13px;font-weight:700}