/* /Pages/Home.razor.rz.scp.css */
*[b-fyd4cw3fxz]{box-sizing:border-box}.game-shell[b-fyd4cw3fxz]{--cyan:#2db6ff;--blue:#1677ff;--line:rgba(36,136,255,.55);min-height:100vh;padding:7px;color:#eaf4ff;background:radial-gradient(circle at 73% 44%,rgba(11,72,171,.15),transparent 30%),#020711;font-family:Arial,sans-serif;overflow:hidden}.game-shell[b-fyd4cw3fxz]:before{content:"";position:fixed;inset:0;pointer-events:none;background:linear-gradient(rgba(34,123,255,.025) 1px,transparent 1px);background-size:100% 4px}.corner[b-fyd4cw3fxz]{position:fixed;width:15px;height:15px;border-color:#218cff;z-index:20}.tl[b-fyd4cw3fxz]{left:5px;top:6px;border-left:2px solid;border-top:2px solid}.tr[b-fyd4cw3fxz]{right:5px;top:6px;border-right:2px solid;border-top:2px solid}.bl[b-fyd4cw3fxz]{left:5px;bottom:6px;border-left:2px solid;border-bottom:2px solid}.br[b-fyd4cw3fxz]{right:5px;bottom:6px;border-right:2px solid;border-bottom:2px solid}.hud-header[b-fyd4cw3fxz]{height:73px;padding:0 26px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(30,128,255,.35)}.wordmark[b-fyd4cw3fxz]{color:#f5f8fc;text-decoration:none;font-size:30px;font-weight:900;letter-spacing:.08em}.wordmark b[b-fyd4cw3fxz]{font-size:43px;letter-spacing:-.08em}.wordmark b span[b-fyd4cw3fxz]{color:#248aff}.hud-header nav[b-fyd4cw3fxz]{height:46px;width:min(560px,42vw);display:grid;grid-template-columns:1fr 1fr;transform:skew(-28deg);border:1px solid #126cd9}.hud-header nav span[b-fyd4cw3fxz]{display:grid;place-items:center;color:#9ab2d6;font-size:16px;font-weight:800}.hud-header nav span+span[b-fyd4cw3fxz]{border-left:1px solid #126cd9}.hud-header nav .active[b-fyd4cw3fxz]{color:#d8e9ff;background:linear-gradient(90deg,rgba(12,57,128,.3),rgba(24,104,225,.52));box-shadow:inset 0 0 28px rgba(34,125,255,.2)}.hud-main[b-fyd4cw3fxz]{height:calc(100vh - 80px);min-height:650px;padding:12px 16px 16px;display:grid;grid-template-rows:130px minmax(0,1fr);gap:12px}.hud-panel[b-fyd4cw3fxz]{position:relative;border:1px solid var(--line);border-radius:4px;background:linear-gradient(135deg,rgba(5,17,38,.97),rgba(2,9,21,.96));box-shadow:inset 0 0 30px rgba(18,89,188,.05)}.hud-panel[b-fyd4cw3fxz]:before,.hud-panel[b-fyd4cw3fxz]:after{content:"";position:absolute;width:14px;height:1px;top:-1px;background:#2c98ff}.hud-panel[b-fyd4cw3fxz]:before{left:0}.hud-panel[b-fyd4cw3fxz]:after{right:0}.top-controls[b-fyd4cw3fxz]{display:grid;grid-template-columns:1fr;gap:10px}.source-console[b-fyd4cw3fxz],.capture-console[b-fyd4cw3fxz]{padding:15px 16px}.source-console>label[b-fyd4cw3fxz],.panel-title h2[b-fyd4cw3fxz]{color:#32aaff;font-size:12px;font-weight:800}.url-control[b-fyd4cw3fxz]{display:grid;grid-template-columns:36px minmax(0,1fr) 105px 42px;height:43px;margin-top:10px}.url-control span[b-fyd4cw3fxz]{display:grid;place-items:center;border:1px solid #173e6f;border-right:0;background:#030b18}.url-control input[b-fyd4cw3fxz]{min-width:0;padding:0 12px;color:#f0f5ff;background:#030b18;border:1px solid #173e6f;border-left:0;outline:none}.url-control button[b-fyd4cw3fxz],.sensitivity button[b-fyd4cw3fxz]{margin-left:7px;border:1px solid #1d79e6;color:#50adff;background:rgba(7,36,78,.4);font-weight:800;cursor:pointer}.source-console p[b-fyd4cw3fxz]{margin:8px 0 0;color:#91a1b8;font-size:10px}.capture-console[b-fyd4cw3fxz]{display:flex;align-items:center;justify-content:space-between;gap:18px}.capture-console h2[b-fyd4cw3fxz]{margin:0 0 6px;color:#47adff;font-size:15px}.capture-console ol[b-fyd4cw3fxz]{margin:0;padding-left:25px;color:#a7b4c9;font-size:10px;line-height:1.55}.capture[b-fyd4cw3fxz]{min-width:235px;height:53px;border:1px solid #2c97ff;border-radius:3px;color:#4db2ff;background:linear-gradient(135deg,rgba(7,37,84,.7),rgba(3,13,27,.8));font-size:14px;font-weight:800;cursor:pointer}.capture.live[b-fyd4cw3fxz]{color:#6cf3ff;border-color:#34d4e9}.game-workspace[b-fyd4cw3fxz]{min-height:0;display:grid;grid-template-columns:350px minmax(0,1fr);gap:10px}.analysis-column[b-fyd4cw3fxz]{min-height:0;display:grid;grid-template-rows:255px 187px minmax(150px,1fr);gap:9px}.analyzer[b-fyd4cw3fxz],.sensitivity[b-fyd4cw3fxz],.event-log[b-fyd4cw3fxz]{padding:12px}.panel-title[b-fyd4cw3fxz]{height:22px;display:flex;align-items:start;justify-content:space-between}.panel-title h2[b-fyd4cw3fxz]{margin:0}.panel-title>span[b-fyd4cw3fxz]{color:#4aaeff;font:700 9px monospace}.badge[b-fyd4cw3fxz]{padding:4px 9px;border:1px solid #1b4d81;border-radius:3px;color:#6f87a5!important;background:#071424}.badge.on[b-fyd4cw3fxz]{color:#68e8ff!important;box-shadow:0 0 12px rgba(38,188,255,.2)}.wave[b-fyd4cw3fxz]{position:relative;height:100px;margin-top:5px;padding:9px 4px 8px 20px;display:flex;align-items:center;gap:2px;border:1px solid #12355f;background:repeating-linear-gradient(0deg,transparent 0 23px,rgba(34,109,193,.16) 24px),repeating-linear-gradient(90deg,transparent 0 42px,rgba(34,109,193,.1) 43px),#020914;overflow:hidden}.wave[b-fyd4cw3fxz]:after{content:"";position:absolute;left:19px;right:0;top:50%;height:1px;background:rgba(38,153,255,.28)}.wave i[b-fyd4cw3fxz]{z-index:1;flex:1;height:calc((10% + (var(--i)*19%)/64)*var(--signal));min-height:2px;max-height:88%;background:#20aaff;box-shadow:0 0 5px #087cef;animation:wave-b-fyd4cw3fxz 1.2s ease-in-out infinite alternate;animation-delay:calc(var(--i)*-37ms)}.wave small[b-fyd4cw3fxz]{position:absolute;left:2px;top:3px;color:#8091aa;font-size:7px;line-height:15px}.spectrum[b-fyd4cw3fxz]{position:relative;height:87px;margin-top:7px;padding:4px 19px 16px 3px;display:flex;align-items:end;gap:2px;border:1px solid #102f54;background:repeating-linear-gradient(0deg,transparent 0 19px,rgba(34,109,193,.12) 20px),#020914}.spectrum>i[b-fyd4cw3fxz]{flex:1;height:calc((20% + (var(--i)*17%)/36)*max(.35,var(--flux)));background:linear-gradient(#39b8ff,#126be2);animation:spectrum-b-fyd4cw3fxz 1s ease-in-out infinite alternate;animation-delay:calc(var(--i)*-41ms);transform-origin:bottom}.spectrum div[b-fyd4cw3fxz]{position:absolute;left:4px;right:17px;bottom:3px;display:flex;justify-content:space-between;color:#8292a9;font-size:7px}.sensitivity label[b-fyd4cw3fxz]{height:34px;display:grid;grid-template-columns:22px 122px minmax(0,1fr) 47px;align-items:center;gap:4px;color:#328fea}.sensitivity label b[b-fyd4cw3fxz]{color:#9aabc1;font-size:8px}.sensitivity input[b-fyd4cw3fxz]{width:100%;height:3px;accent-color:#309aff}.sensitivity output[b-fyd4cw3fxz]{padding:5px 3px;text-align:center;border:1px solid #15589c;border-radius:3px;color:#4eb3ff;background:#05152a;font:700 9px monospace}.sensitivity button[b-fyd4cw3fxz]{padding:4px 10px;font-size:8px}.event-log[b-fyd4cw3fxz]{overflow:hidden}.event-log table[b-fyd4cw3fxz]{width:100%;border-collapse:collapse;font-size:9px;color:#a9b8cc}.event-log th[b-fyd4cw3fxz]{padding:6px;color:#4aaeff;font-size:8px;text-align:left;border-bottom:1px solid #14375e}.event-log td[b-fyd4cw3fxz]{padding:5px 6px;border-bottom:1px solid rgba(30,89,148,.27)}.event-log td:nth-child(2)[b-fyd4cw3fxz]{text-align:center}.event-log td:last-child[b-fyd4cw3fxz]{text-align:right}.event-log td:nth-child(3)[b-fyd4cw3fxz]{color:#278bff}.empty[b-fyd4cw3fxz]{height:66px!important;text-align:center!important;color:#516781!important}.play-stage[b-fyd4cw3fxz]{min-width:0;overflow:hidden}.score-strip[b-fyd4cw3fxz]{height:68px;display:grid;grid-template-columns:repeat(3,1fr);align-items:center;border-bottom:1px solid #1c69bd;background:rgba(3,12,27,.78)}.score-strip div[b-fyd4cw3fxz]{text-align:center;border-right:1px solid #145399}.score-strip div:last-child[b-fyd4cw3fxz]{border:0}.score-strip span[b-fyd4cw3fxz]{display:block;color:#9aadc9;font-size:12px;font-weight:800}.score-strip strong[b-fyd4cw3fxz]{display:block;margin-top:3px;font-size:24px;line-height:1}.score-strip .blue[b-fyd4cw3fxz]{color:#2997ff}.toolbar[b-fyd4cw3fxz]{position:absolute;z-index:12;top:78px;left:14px;right:14px;display:flex;justify-content:space-between;pointer-events:none}.toolbar div[b-fyd4cw3fxz]{pointer-events:auto}.toolbar button[b-fyd4cw3fxz]{padding:5px 9px;border:1px solid #1a568e;color:#6f87a5;background:#061327;font-size:8px;cursor:pointer}.toolbar button.active[b-fyd4cw3fxz]{color:#48b5ff;border-color:#2489e7}.toolbar span[b-fyd4cw3fxz]{color:#368edc;font:700 8px monospace}.playfield[b-fyd4cw3fxz]{position:absolute;inset:68px 0 0;overflow:hidden;background:radial-gradient(ellipse at 50% 82%,rgba(18,94,232,.28),transparent 26%),linear-gradient(180deg,#020711,#031126 70%,#020713)}.tab-video[b-fyd4cw3fxz]{position:absolute;z-index:0;inset:0;width:100%;height:100%;object-fit:cover;opacity:.62;pointer-events:none}.video-shade[b-fyd4cw3fxz]{position:absolute;z-index:1;inset:0;background:linear-gradient(180deg,rgba(2,7,17,.42),rgba(2,7,17,.68)),radial-gradient(ellipse at 50% 55%,transparent,rgba(2,7,17,.42));pointer-events:none}.playfield[b-fyd4cw3fxz]:before{content:"";position:absolute;inset:0;background:repeating-radial-gradient(ellipse at 50% 74%,transparent 0 38px,rgba(22,102,220,.13) 39px 40px);transform:scaleX(1.35);mask-image:linear-gradient(transparent,#000 35%)}.horizon[b-fyd4cw3fxz]{position:absolute;left:4%;right:4%;bottom:135px;height:2px;background:#4bbcff;box-shadow:0 0 8px #1c8cff,0 0 26px #006dff}.radar[b-fyd4cw3fxz]{position:absolute;top:18%;width:38%;height:55%;border:1px solid rgba(21,104,220,.28);border-radius:50%;background:repeating-radial-gradient(circle,transparent 0 34px,rgba(26,101,214,.16) 35px 36px)}.radar.left[b-fyd4cw3fxz]{left:-20%}.radar.right[b-fyd4cw3fxz]{right:-20%}.speed[b-fyd4cw3fxz]{position:absolute;top:27%;bottom:0;width:42%;opacity:.62;background:repeating-linear-gradient(22deg,transparent 0 31px,rgba(23,101,227,.22) 32px 33px);mask-image:linear-gradient(90deg,#000,transparent)}.speed.left[b-fyd4cw3fxz]{left:0}.speed.right[b-fyd4cw3fxz]{right:0;transform:scaleX(-1)}.lane-deck[b-fyd4cw3fxz]{position:absolute;z-index:4;left:50%;top:22px;bottom:0;width:min(67%,820px);display:grid;grid-template-columns:repeat(var(--lane-count),1fr);transform:translateX(-50%);background:linear-gradient(90deg,transparent,rgba(12,65,146,.17),transparent)}.lane[b-fyd4cw3fxz]{position:relative;padding:0;border:0;border-right:1px solid rgba(51,139,246,.29);border-left:1px solid rgba(7,26,59,.7);color:white;background:linear-gradient(180deg,rgba(5,24,56,.12),rgba(4,18,41,.55));cursor:pointer}.lane[b-fyd4cw3fxz]:after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent 0 58px,rgba(43,120,218,.12) 59px 60px)}.lane.pressed[b-fyd4cw3fxz]{background:linear-gradient(rgba(30,125,255,.15),rgba(42,178,255,.42));box-shadow:inset 0 -70px 55px rgba(26,157,255,.35)}.lane .falling-note[b-fyd4cw3fxz]{position:absolute;z-index:6;left:13%;right:13%;top:0;height:8px;border:1px solid #9decff;border-radius:4px;background:linear-gradient(#4fcfff,#0877f7);box-shadow:0 0 7px #38caff,0 0 18px #087cff}.lane .falling-note.in-window[b-fyd4cw3fxz]{background:#fff;box-shadow:0 0 12px #fff,0 0 32px #17afff}.hit-line[b-fyd4cw3fxz]{position:absolute!important;z-index:7;left:-2px!important;right:-2px!important;top:auto!important;bottom:133px!important;height:2px!important;background:#9eeeff!important;box-shadow:0 0 8px #fff,0 0 22px #168bff!important}.key-cap[b-fyd4cw3fxz]{position:absolute;z-index:9;left:14%;right:14%;bottom:65px;height:50px;display:grid;place-items:center;border:1px solid #39baff;border-radius:10px;color:#d8f4ff;font-size:19px;font-weight:900;background:linear-gradient(rgba(5,30,67,.9),rgba(3,12,27,.96));box-shadow:inset 0 -7px 0 rgba(34,118,217,.23),0 0 10px rgba(30,140,255,.35)}.lane-number[b-fyd4cw3fxz]{position:absolute;z-index:9;left:0;right:0;bottom:23px;color:#277dd5;font-size:22px;font-weight:900}.judgment[b-fyd4cw3fxz]{position:absolute;z-index:10;top:44%;left:0;right:0;text-align:center;pointer-events:none;text-shadow:0 0 12px #2b99ff}.judgment strong[b-fyd4cw3fxz]{display:block;font-size:36px;font-style:italic}.judgment small[b-fyd4cw3fxz]{color:#51c6ff;font:800 10px monospace}.toast[b-fyd4cw3fxz]{position:fixed;z-index:30;right:22px;bottom:18px;max-width:440px;padding:10px 14px;border:1px solid #1c79db;color:#7fcaff;background:#031126;font-size:10px}@keyframes wave-b-fyd4cw3fxz{to{transform:scaleY(.45)}}@keyframes spectrum-b-fyd4cw3fxz{to{transform:scaleY(.55)}}@media(max-width:1150px){.game-workspace[b-fyd4cw3fxz]{grid-template-columns:300px minmax(0,1fr)}.capture[b-fyd4cw3fxz]{min-width:190px}.sensitivity label[b-fyd4cw3fxz]{grid-template-columns:20px 98px minmax(0,1fr) 42px}.wordmark[b-fyd4cw3fxz]{font-size:22px}.wordmark b[b-fyd4cw3fxz]{font-size:34px}}@media(max-width:900px){.game-shell[b-fyd4cw3fxz]{overflow:auto}.hud-header nav[b-fyd4cw3fxz]{display:none}.hud-main[b-fyd4cw3fxz]{height:auto;grid-template-rows:auto auto}.top-controls[b-fyd4cw3fxz],.game-workspace[b-fyd4cw3fxz]{grid-template-columns:1fr}.capture-console[b-fyd4cw3fxz]{align-items:stretch;flex-direction:column}.capture[b-fyd4cw3fxz]{width:100%}.analysis-column[b-fyd4cw3fxz]{grid-template-rows:255px 187px 210px}.play-stage[b-fyd4cw3fxz]{min-height:640px}.lane-deck[b-fyd4cw3fxz]{width:94%}}@media(prefers-reduced-motion:reduce){.wave i[b-fyd4cw3fxz],.spectrum>i[b-fyd4cw3fxz]{animation:none}}

/* Compact media controls share the analyzer column so play can use the full height. */
.hud-header[b-fyd4cw3fxz]{height:54px;padding:0 22px}
.wordmark[b-fyd4cw3fxz]{font-size:24px}.wordmark b[b-fyd4cw3fxz]{font-size:35px}
.hud-main[b-fyd4cw3fxz]{height:calc(100vh - 61px);grid-template-columns:350px minmax(0,1fr);grid-template-rows:98px minmax(0,1fr);padding-top:9px;gap:9px 10px}
.top-controls[b-fyd4cw3fxz]{grid-column:1;grid-row:1;min-width:0}
.game-workspace[b-fyd4cw3fxz]{display:contents}
.analysis-column[b-fyd4cw3fxz]{grid-column:1;grid-row:2}
.play-stage[b-fyd4cw3fxz]{grid-column:2;grid-row:1 / span 2}
.capture-console[b-fyd4cw3fxz]{display:grid;grid-template-columns:minmax(0,1fr);align-content:center;gap:8px;padding:10px 14px}
.capture-copy[b-fyd4cw3fxz]{display:flex;align-items:baseline;gap:14px;min-width:0}
.capture-console h2[b-fyd4cw3fxz]{margin:0;white-space:nowrap}
.capture-console p[b-fyd4cw3fxz]{margin:0;color:#a7b4c9;font-size:10px;line-height:1.4}
.capture[b-fyd4cw3fxz]{width:100%;min-width:0;height:34px;font-size:11px}

@media(max-width:1150px){.hud-main[b-fyd4cw3fxz]{grid-template-columns:300px minmax(0,1fr)}}
@media(max-width:900px){.hud-header[b-fyd4cw3fxz]{height:54px}.hud-main[b-fyd4cw3fxz]{height:auto;grid-template-columns:1fr;grid-template-rows:auto auto}.top-controls[b-fyd4cw3fxz]{grid-column:1;grid-row:1}.game-workspace[b-fyd4cw3fxz]{display:grid;grid-column:1;grid-row:2}.analysis-column[b-fyd4cw3fxz],.play-stage[b-fyd4cw3fxz]{grid-column:auto;grid-row:auto}.capture-copy[b-fyd4cw3fxz]{display:block}.capture-console p[b-fyd4cw3fxz]{margin-top:4px}}