:root{color-scheme:dark;--ink: #03040b;--panel: rgba(7, 9, 20, .88);--panel-strong: rgba(5, 7, 16, .96);--line: rgba(199, 220, 255, .18);--muted: #8791ad;--text: #f5f8ff;--left: #ff2aa8;--left-soft: rgba(255, 42, 168, .24);--right: #25e4ff;--right-soft: rgba(37, 228, 255, .22);--lime: #b8f35c;--warning: #ffcf4b;--danger: #ff465f;font-family:Inter,Segoe UI,Microsoft YaHei,Arial,sans-serif;font-synthesis:none;letter-spacing:0}*{box-sizing:border-box;letter-spacing:0}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden;background:var(--ink)}body{color:var(--text);user-select:none;-webkit-user-select:none;overscroll-behavior:none}button,kbd{font:inherit}button{color:inherit}#app{position:relative;isolation:isolate}#game-canvas{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;outline:none;touch-action:none}.screen{position:absolute;top:0;right:0;bottom:0;left:0;z-index:20}.is-hidden{display:none!important}.utility-bar{position:absolute;z-index:60;top:max(18px,env(safe-area-inset-top));right:max(22px,env(safe-area-inset-right));left:max(22px,env(safe-area-inset-left));display:flex;align-items:center;justify-content:space-between;pointer-events:none}.brand-mark{display:inline-flex;align-items:center;gap:9px;color:#e9f1ffad;font-size:12px;font-weight:800}.brand-mark>span{width:24px;height:4px;background:var(--lime);box-shadow:0 0 14px #b8f35ccc}.utility-actions{display:flex;gap:8px;pointer-events:auto}.icon-button,.hud-icon-button{display:grid;width:42px;height:42px;padding:0;place-items:center;cursor:pointer;border:1px solid rgba(202,219,255,.2);border-radius:4px;background:#04060f9e;transition:border-color .14s ease,background .14s ease,transform .14s ease}.icon-button:hover,.hud-icon-button:hover{border-color:var(--right);background:#081922db;transform:translateY(-1px)}.icon-button svg,.hud-icon-button svg,.primary-button svg,.secondary-button svg{width:18px;height:18px;stroke-width:1.8}.menu-screen{display:grid;place-items:center;padding:72px 28px 30px;background:#02030a57}.menu-screen:before{position:absolute;top:0;right:0;bottom:0;left:0;content:"";pointer-events:none;background:linear-gradient(90deg,#02030ae6,#02030a7a 42%,#02030ab3)}.menu-shell{position:relative;width:min(1120px,100%)}.title-lockup{width:fit-content;margin-bottom:34px}.eyebrow,.panel-kicker{margin:0 0 6px;color:var(--right);font-size:12px;font-weight:800}.title-lockup h1{margin:0;font-size:72px;font-weight:900;line-height:.95;text-shadow:0 0 30px rgba(37,228,255,.22)}.title-lockup h1 span{color:var(--left);text-shadow:0 0 30px rgba(255,42,168,.32)}.title-en{margin:10px 0 0;color:#f5f8ffad;font-size:15px;font-weight:700}.track-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.track-card{position:relative;display:grid;min-width:0;min-height:238px;padding:18px;overflow:hidden;text-align:left;cursor:pointer;border:1px solid rgba(191,212,255,.14);border-radius:6px;background:#080b18b8;box-shadow:inset 0 0 0 1px #ffffff04;transition:border-color .18s ease,transform .18s ease,background .18s ease,box-shadow .18s ease}.track-card:hover,.track-card:focus-visible{border-color:#e5eeff7a;background:#0b0f20e0;transform:translateY(-3px);outline:none}.track-card.is-selected{border-color:var(--right);background:#08141fe8;box-shadow:0 0 22px #25e4ff33,inset 0 -3px 0 var(--right)}.track-card.is-selected:after{position:absolute;top:0;right:0;width:34px;height:34px;content:"";clip-path:polygon(100% 0,100% 100%,0 0);background:var(--right)}.track-visual{position:relative;display:block;height:84px;margin:-18px -18px 17px;overflow:hidden;border-bottom:1px solid rgba(204,222,255,.12);background:#080a18}.track-visual:before,.track-visual:after,.track-visual span{position:absolute;content:""}.track-visual:before{top:17px;right:24px;bottom:17px;left:24px;border:2px solid currentColor;border-radius:50%;box-shadow:0 0 18px currentColor,inset 0 0 16px currentColor;transform:perspective(120px) rotateX(62deg)}.track-visual:after{right:0;bottom:13px;left:0;height:1px;background:currentColor;box-shadow:0 -12px currentColor,0 -24px currentColor;opacity:.38;transform:perspective(90px) rotateX(30deg)}.track-visual span{top:0;bottom:0;left:50%;width:2px;background:currentColor;box-shadow:0 0 14px currentColor}.visual-pulse{color:var(--right);background:linear-gradient(100deg,#ff2aa847,#080a18 45%,#25e4ff2e)}.visual-void{color:#a884ff;background:linear-gradient(100deg,#b8f35c1f,#080a18 45%,#a884ff3d)}.visual-surge{color:var(--warning);background:linear-gradient(100deg,#ff465f38,#080a18 45%,#ffcf4b33)}.track-index{position:absolute;top:100px;right:17px;color:#e6edff57;font-size:13px;font-weight:800}.track-card strong{display:block;align-self:end;font-size:20px;line-height:1.1}.track-card small{display:block;margin-top:4px;color:var(--muted);font-size:11px;font-weight:800}.track-meta{display:flex;align-items:center;justify-content:space-between;align-self:end;margin-top:18px;padding-top:12px;border-top:1px solid rgba(198,218,255,.11);color:var(--muted);font-size:11px}.track-meta b{color:#ebf2ffd1}.track-meta em{color:var(--lime);font-style:normal;font-weight:800}.launch-row{display:flex;align-items:center;justify-content:space-between;gap:28px;margin-top:22px}.blade-map{display:flex;gap:24px}.hand-map{display:grid;grid-template-columns:6px auto;align-items:center;column-gap:9px;row-gap:6px}.blade-swatch{grid-row:1 / 3;width:4px;height:52px;border-radius:2px;background:var(--left);box-shadow:0 0 14px var(--left)}.right-map .blade-swatch{background:var(--right);box-shadow:0 0 14px var(--right)}.hand-map>b{color:#e5edffbd;font-size:10px}.key-cluster{display:grid;grid-template-columns:repeat(4,28px);gap:4px}.key-cluster kbd{display:grid;width:28px;height:28px;place-items:center;color:#eef4ffe6;font-size:11px;font-weight:800;border:1px solid rgba(196,214,255,.22);border-radius:3px;background:#060913c7;box-shadow:inset 0 -2px #ffffff12}.primary-button,.secondary-button{display:inline-flex;min-height:52px;align-items:center;justify-content:center;gap:10px;padding:0 25px;cursor:pointer;border-radius:5px;font-weight:850;transition:transform .14s ease,box-shadow .14s ease,border-color .14s ease,background .14s ease}.primary-button{color:#041014;border:1px solid var(--right);background:var(--right);box-shadow:0 0 22px #25e4ff4d}.primary-button:hover,.primary-button:focus-visible{background:#79efff;box-shadow:0 0 30px #25e4ff7a;transform:translateY(-2px);outline:none}.secondary-button{border:1px solid rgba(201,219,255,.22);background:#ffffff0e}.secondary-button:hover,.secondary-button:focus-visible{border-color:#e1ecff9e;background:#ffffff1a;transform:translateY(-1px);outline:none}.hud{position:absolute;top:0;right:0;bottom:0;left:0;z-index:16;pointer-events:none}.progress-track{position:absolute;top:0;right:0;left:0;height:3px;background:#ffffff14}#progress-fill{display:block;width:0;height:100%;background:var(--right);box-shadow:0 0 12px var(--right)}.hud-song{position:absolute;top:max(32px,env(safe-area-inset-top));left:max(28px,env(safe-area-inset-left));display:grid;gap:2px}.hud-song span{color:var(--right);font-size:10px;font-weight:800}.hud-song strong{font-size:15px}.hud-score{position:absolute;top:max(28px,env(safe-area-inset-top));right:max(28px,env(safe-area-inset-right));display:grid;justify-items:end}.hud-score strong{font-size:34px;line-height:1;font-variant-numeric:tabular-nums;text-shadow:0 0 18px rgba(37,228,255,.38)}.hud-score span{margin-top:4px;color:var(--muted);font-size:11px;font-weight:800}.hud-combo{position:absolute;top:24%;left:max(28px,env(safe-area-inset-left));display:grid;justify-items:center}.hud-combo strong{font-size:52px;line-height:.9;font-variant-numeric:tabular-nums;text-shadow:0 0 22px rgba(255,42,168,.28);transition:transform 80ms ease}.hud-combo strong.is-popping{transform:scale(1.18)}.hud-combo span{margin-top:7px;color:var(--muted);font-size:10px;font-weight:900}.hud-multiplier{position:absolute;top:24%;right:max(38px,env(safe-area-inset-right));display:grid;width:74px;height:74px;place-items:center;color:var(--right);font-size:23px;font-weight:900;border:2px solid rgba(37,228,255,.44);border-radius:50%;background:#0408107a;box-shadow:0 0 22px #25e4ff2e,inset 0 0 18px #25e4ff14}.energy-shell{position:absolute;bottom:max(28px,env(safe-area-inset-bottom));left:50%;width:min(360px,calc(100vw - 48px));height:9px;overflow:visible;border:1px solid rgba(220,232,255,.16);background:#04070fbd;transform:translate(-50%)}.energy-marker{position:absolute;z-index:2;top:-4px;bottom:-4px;left:28%;width:1px;background:#ffffff80}#energy-fill{width:64%;height:100%;background:var(--right);box-shadow:0 0 12px #25e4ffbf;transition:width .12s ease,background .12s ease}#energy-fill.is-low{background:var(--danger);box-shadow:0 0 14px #ff465fcc}.reticle{position:absolute;top:50%;left:50%;width:16px;height:16px;border:1px solid rgba(230,240,255,.36);border-radius:50%;transform:translate(-50%,-50%)}.reticle span{position:absolute;top:50%;left:50%;width:2px;height:2px;border-radius:50%;background:#fff;box-shadow:0 0 9px #fff;transform:translate(-50%,-50%)}.hud-icon-button{position:absolute;right:max(28px,env(safe-area-inset-right));bottom:max(24px,env(safe-area-inset-bottom));pointer-events:auto}.hit-feedback{position:absolute;top:35%;left:50%;min-width:120px;text-align:center;color:var(--right);font-size:17px;font-weight:900;opacity:0;transform:translate(-50%,12px) scale(.92);transition:opacity 90ms ease,transform 90ms ease}.hit-feedback.is-visible{opacity:1;transform:translate(-50%) scale(1)}.hit-feedback.is-bad{color:var(--danger)}.countdown-screen{display:grid;z-index:40;place-items:center;pointer-events:none;background:#02030a3d}#countdown-value{color:#fff;font-size:124px;font-weight:950;text-shadow:-8px 0 24px rgba(255,42,168,.58),8px 0 24px rgba(37,228,255,.62);animation:count-in .7s cubic-bezier(.19,.8,.25,1) both}@keyframes count-in{0%{opacity:0;transform:scale(1.55)}30%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.8)}}.modal-screen{z-index:50;display:grid;place-items:center;padding:24px;background:#02030ac2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.modal-panel{width:min(440px,100%);padding:34px;text-align:center;border:1px solid rgba(200,220,255,.18);border-top:3px solid var(--right);border-radius:6px;background:var(--panel-strong);box-shadow:0 24px 80px #0000007a,0 0 30px #25e4ff14}.modal-panel h2{margin:0 0 24px;font-size:36px}.modal-actions{display:grid;gap:10px}.modal-actions button{width:100%}.rank-value{margin:4px 0 0;color:var(--warning);font-size:112px;font-weight:950;line-height:.9;text-shadow:0 0 28px rgba(255,207,75,.46)}.result-panel h2{margin-top:10px}.result-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;margin:0 0 22px;padding:1px;background:#c6dbff21}.result-grid>div{display:grid;gap:4px;padding:14px;background:#090c18}.result-grid dt{color:var(--muted);font-size:11px;font-weight:700}.result-grid dd{margin:0;font-size:20px;font-weight:850;font-variant-numeric:tabular-nums}.horizontal-actions{grid-template-columns:1fr 1fr}.low-energy{position:absolute;top:0;right:0;bottom:0;left:0;z-index:14;pointer-events:none;border:10px solid rgba(255,70,95,.18);box-shadow:inset 0 0 90px #ff204640;animation:danger-pulse .7s ease-in-out infinite alternate}@keyframes danger-pulse{0%{opacity:.42}to{opacity:.9}}.screen-flash{position:absolute;top:0;right:0;bottom:0;left:0;z-index:30;pointer-events:none;background:#fff;opacity:0}.screen-flash.is-flashing{animation:flash-out .17s ease-out both}@keyframes flash-out{0%{opacity:.26}to{opacity:0}}.touch-controls{position:absolute;z-index:18;right:16px;bottom:max(18px,env(safe-area-inset-bottom));left:16px;display:none;justify-content:space-between;pointer-events:none}.touch-pad{display:grid;grid-template-columns:repeat(3,42px);grid-template-rows:repeat(2,42px);gap:4px;pointer-events:auto}.touch-pad button{border:1px solid rgba(255,255,255,.22);border-radius:4px;background:#040711ad;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.touch-pad button[data-direction=up]{grid-column:2}.touch-pad button[data-direction=left]{grid-row:2;grid-column:1}.touch-pad button[data-direction=down]{grid-row:2;grid-column:2}.touch-pad button[data-direction=right]{grid-row:2;grid-column:3}.left-touch button{color:var(--left)}.right-touch button{color:var(--right)}@media(pointer:coarse){.hud:not(.is-hidden)~.touch-controls{display:flex}.energy-shell{bottom:max(26px,env(safe-area-inset-bottom))}.hud-icon-button{bottom:auto;top:max(88px,env(safe-area-inset-top))}}@media(max-width:820px){.menu-screen{align-items:start;padding:76px 18px 18px;overflow-y:auto}.title-lockup{margin-bottom:22px}.title-lockup h1{font-size:46px}.track-list{grid-template-columns:1fr}.track-card{grid-template-columns:112px 1fr auto;min-height:108px;padding:14px;align-items:center}.track-visual{grid-row:1 / 4;width:98px;height:78px;margin:0 14px 0 0;border:1px solid rgba(204,222,255,.12)}.track-index{display:none}.track-card strong,.track-card small,.track-meta{grid-column:2 / 4}.track-card strong{align-self:end}.track-meta{align-self:start;margin-top:4px;padding-top:6px}.launch-row{align-items:stretch;flex-direction:column;margin-top:16px}.blade-map{justify-content:space-between}#start-button{width:100%}}@media(max-width:560px){.utility-bar{top:max(12px,env(safe-area-inset-top));right:14px;left:14px}.icon-button{width:38px;height:38px}.menu-screen{padding-top:66px}.title-lockup h1{font-size:42px}.eyebrow{font-size:10px}.track-card{grid-template-columns:94px 1fr;min-height:96px;padding:10px}.track-visual{width:82px;height:70px;margin-right:12px}.track-card strong,.track-card small,.track-meta{grid-column:2}.track-card strong{font-size:17px}.track-meta{font-size:10px}.blade-map{gap:10px}.key-cluster{grid-template-columns:repeat(4,24px)}.key-cluster kbd{width:24px;height:25px}.hud-combo{top:18%}.hud-combo strong{font-size:38px}.hud-multiplier{top:18%;right:22px;width:58px;height:58px;font-size:18px}.hud-score strong{font-size:27px}.hud-song{max-width:38vw}.hud-song strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.modal-panel{padding:26px 18px}.horizontal-actions{grid-template-columns:1fr}}@media(max-height:700px)and (min-width:821px){.menu-screen{padding-top:64px}.title-lockup{margin-bottom:18px}.title-lockup h1{font-size:52px}.track-card{min-height:196px}.track-visual{height:68px;margin-bottom:12px}.launch-row{margin-top:14px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:1ms!important;animation-iteration-count:1!important;transition-duration:1ms!important}}