:root{color:#fff;background:#0a0a0f;font-family:Courier New,monospace}*{box-sizing:border-box}html,body,#app{width:100%;min-width:100%;height:100%;min-height:100%;margin:0;overflow:hidden;background:#0a0a0f}body{user-select:none}button{font:inherit}.game-shell,#game-mount,#dom-ui{position:fixed;inset:0}.game-shell{overflow:hidden;background:#0a0a0f}#game-mount{display:grid;place-items:center}#game-mount canvas{display:block;touch-action:none}@media(pointer:coarse),(any-pointer:coarse){#game-mount canvas{-webkit-tap-highlight-color:transparent}}#dom-ui{z-index:2;pointer-events:none}#top-hud{position:absolute;top:8px;right:0;left:0;display:flex;justify-content:space-between;padding:0 66px 0 16px}.menu-trigger{position:absolute;z-index:5;top:7px;right:12px;display:inline-flex;min-width:64px;min-height:28px;align-items:center;justify-content:center;gap:5px;border:1px solid rgba(255,255,255,.42);border-radius:4px;color:#fff;background:#000000a8;cursor:pointer;font-family:Microsoft YaHei,Noto Sans CJK SC,PingFang SC,Courier New,monospace;font-size:11px;letter-spacing:.04em;pointer-events:auto}.menu-trigger:hover,.menu-trigger:focus-visible,.menu-trigger[aria-expanded=true]{border-color:#0ff;color:#0ff;outline:none}.menu-trigger-icon{font-size:15px;line-height:1}#start-instructions{white-space:pre-line}#sequencer-launcher-row{display:flex;align-items:center;justify-content:center;gap:10px;margin-top:4px}.sequencer-trigger{display:inline-flex;min-height:30px;align-items:center;gap:6px;padding:5px 9px;border:1px solid rgba(0,255,255,.5);border-radius:4px;color:#0ff;background:#000000b8;box-shadow:0 0 10px #00ffff26;cursor:pointer;font-size:11px;letter-spacing:.06em;pointer-events:auto}.sequencer-trigger:hover,.sequencer-trigger[aria-expanded=true]{border-color:#fff;background:#00ffff24;box-shadow:0 0 14px #00ffff52}.sequencer-trigger.is-overflow{border-color:#ff6b6bcc;color:#ff6b6b}.sequencer-trigger-icon{color:#f1c40f;font-size:16px;line-height:1}#sequencer-trigger-status{min-width:24px;padding-left:6px;border-left:1px solid rgba(255,255,255,.18);color:#f1c40f;font-size:10px}.screen-overlay.sequencer-modal-overlay{z-index:4;padding:16px;background:#0000009e;backdrop-filter:blur(3px)}.screen-overlay .sequencer-modal{width:min(430px,100%);max-height:min(680px,calc(100vh - 32px));overflow:auto;padding:16px;border:1px solid rgba(0,255,255,.62);border-radius:10px;background:linear-gradient(145deg,#0d1825fa,#03070ffa);box-shadow:0 0 36px #00ffff38,inset 0 0 20px #00ffff0a;text-align:left}.sequencer-modal-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:14px}.sequencer-modal .sequencer-modal-header h2{margin:0;color:#0ff;font-size:clamp(20px,4vw,28px);letter-spacing:.08em;text-shadow:0 0 16px rgba(0,255,255,.4)}.sequencer-modal .sequencer-modal-header p,.sequencer-modal .sequencer-modal-hint{margin:5px 0 0;color:#9aa;font-size:11px;line-height:1.4}.sequencer-close{display:grid;width:32px;height:32px;flex:0 0 auto;place-items:center;border:1px solid rgba(255,255,255,.3);border-radius:50%;color:#fff;background:#ffffff0f;cursor:pointer;font-size:22px;line-height:1}.sequencer-close:hover{border-color:#0ff;color:#0ff;background:#00ffff1f}.sequencer-modal .sequencer-heading{margin-bottom:8px}.sequencer-modal-grid .sequencer-cell{min-height:clamp(52px,10vw,72px)}.sequencer-modal-grid .sequencer-cell-contents,.sequencer-modal-grid .sequencer-modifier-icon{font-size:22px}.sequencer-modal-hint{margin-top:12px}.sequencer-heading{display:flex;align-items:center;justify-content:space-between}.sequencer-heading{margin-bottom:6px;color:#0ff;font-size:11px;letter-spacing:.07em}#sequencer-status{color:#f1c40f;font-size:9px}#sequencer-status.is-overflow{color:#ff6b6b;text-shadow:0 0 7px rgba(255,107,107,.8)}.sequencer-scan-readout{margin:0 0 10px;padding:6px 8px;border:1px solid rgba(255,255,255,.14);border-radius:4px;color:#a9bbc5;background:#ffffff09;font-size:10px;letter-spacing:.08em}.sequencer-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;width:100%}.sequencer-cell{position:relative;display:grid;min-width:0;min-height:35px;place-items:center;overflow:hidden;padding:4px 2px;border:1px solid rgba(255,255,255,.18);border-radius:3px;color:#788;background:#ffffff09;cursor:pointer;transition:border-color .1s ease,background-color .1s ease,box-shadow .1s ease,transform .1s ease}.sequencer-cell:hover:not(:disabled),.sequencer-cell.is-selected{border-color:#ffffffc2}.sequencer-cell.is-selected{box-shadow:inset 0 0 0 1px #ffffff47}.sequencer-cell.has-weapon{border-color:#00ffff8a;background:#00ffff0e}.sequencer-cell.has-modifier{border-bottom-color:#f1c40fb8}.sequencer-cell.is-playing{border-color:#fff;background:#ffffff2e;box-shadow:0 0 13px #ffffff8f,inset 0 0 9px #00ffff47;transform:scale(1.03)}.sequencer-cell.is-valid-target{border-color:#2ecc71b3;background:#2ecc711a}.sequencer-cell:disabled{cursor:not-allowed;opacity:.38}.sequencer-step-number{position:absolute;top:2px;left:3px;color:#ffffff5c;font-size:8px;line-height:1}.sequencer-cell-contents{display:flex;align-items:center;justify-content:center;min-height:18px;color:#ffffff40;font-size:15px;line-height:1}.sequencer-weapon-icon,.sequencer-modifier-icon{display:inline-grid;width:16px;place-items:center}.sequencer-modifier-icon{color:#f1c40f;font-size:15px;font-weight:700}.sequencer-playheads{position:absolute;right:3px;bottom:3px;display:flex;gap:2px}.sequencer-playhead-dot{width:5px;height:5px;border-radius:50%;background:#fff;box-shadow:0 0 5px currentColor}.sequencer-playhead-dot.line-1{color:#0ff;background:#0ff}.sequencer-playhead-dot.line-2{color:#f1c40f;background:#f1c40f}.sequencer-playhead-dot.line-3{color:#e056a0;background:#e056a0}.sequencer-playhead-dot.line-0{color:#2ecc71;background:#2ecc71}.placement-grid{width:min(330px,100%)}.placement-grid .sequencer-cell{min-height:58px;font-size:22px}.hud-item{padding:4px 12px;border:1px solid rgba(0,255,255,.3);border-radius:4px;background:#000000b3;color:#0ff;font-size:14px}#bottom-hud{position:absolute;right:16px;bottom:8px;left:16px}.bar-shell{position:relative;height:16px;margin-bottom:4px;overflow:hidden;border:1px solid rgba(255,255,255,.2);border-radius:3px;background:#0009}.bar-fill{height:100%;transition:width .2s}.bar-fill.health{background:linear-gradient(90deg,#e74c3c,#c0392b)}.bar-fill.xp{background:linear-gradient(90deg,#f1c40f,#f39c12)}.bar-text{position:absolute;top:0;left:50%;color:#fff;font-size:11px;line-height:16px;text-shadow:0 0 3px #000;transform:translate(-50%)}#weapon-bar{display:flex;min-height:32px;flex-wrap:wrap;justify-content:center;gap:8px;margin:6px 0}.weapon-item{padding:4px 10px;border:1px solid #0ff;border-radius:4px;color:#0ff;background:#000000b3;box-shadow:0 0 8px #00ffff4d;font-size:12px}#beat-indicator{width:28px;height:28px;margin:4px auto 0;border:2.5px solid rgba(255,255,255,.18);border-radius:50%;background:transparent;box-shadow:0 0 #fff0;transition:transform .18s cubic-bezier(.34,1.56,.64,1),background-color .15s ease-out,border-color .12s ease-out,box-shadow .12s ease-out}#sequencer-launcher-row #beat-indicator{margin:0}#beat-indicator.beat{border-color:#ffffffd9;box-shadow:0 0 10px #ffffff4d;transform:scale(1.7)}#beat-indicator.downbeat{border-color:#fff;background:#ffffff21;box-shadow:0 0 18px #ffffff80;transform:scale(2.3)}.screen-overlay{position:absolute;inset:0;z-index:3;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px;background:#000000d9;text-align:center;pointer-events:auto}.screen-overlay.is-hidden{display:none}.screen-overlay h1,.screen-overlay h2{margin:0 0 16px}.screen-overlay h1{color:#0ff;font-size:clamp(32px,6vw,48px);letter-spacing:6px;text-shadow:0 0 30px rgba(0,255,255,.6)}.screen-overlay h2{color:#f1c40f;font-size:clamp(28px,5vw,36px);text-shadow:0 0 20px rgba(241,196,15,.6)}.screen-overlay .game-over-title{color:#e74c3c;text-shadow:0 0 20px rgba(231,76,60,.6)}.screen-overlay p{margin:0 0 20px;color:#aaa;font-size:16px;line-height:1.8}.screen-overlay.menu-overlay{z-index:6;padding:16px;background:#0000009e;backdrop-filter:blur(3px)}.game-menu{width:min(360px,100%);padding:18px;border:1px solid rgba(0,255,255,.62);border-radius:10px;color:#fff;background:linear-gradient(145deg,#0d1825fa,#03070ffa);box-shadow:0 0 36px #00ffff38,inset 0 0 20px #00ffff0a;text-align:left}.game-menu-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:18px}.screen-overlay .game-menu h2{margin:0;color:#0ff;font-size:clamp(20px,4vw,28px);letter-spacing:.08em;text-shadow:0 0 16px rgba(0,255,255,.4)}.game-menu-status{margin:5px 0 0!important;color:#f1c40f!important;font-size:10px!important;font-weight:700;letter-spacing:.12em;line-height:1.4!important}.game-menu-close{display:grid;width:32px;height:32px;flex:0 0 auto;place-items:center;border:1px solid rgba(255,255,255,.3);border-radius:50%;color:#fff;background:#ffffff0f;cursor:pointer;font-size:22px;line-height:1}.game-menu-close:hover,.game-menu-close:focus-visible{border-color:#0ff;color:#0ff;background:#00ffff1f;outline:none}.game-menu-setting{display:grid;gap:8px;margin-top:14px}.game-menu-setting-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.game-menu-setting label,.game-menu-setting-heading label{color:#a9bbc5;font-size:11px;letter-spacing:.08em}#menu-volume-value,#menu-virtual-stick-opacity-value{min-width:42px;color:#f1c40f;font-size:12px;text-align:right}#menu-volume,#menu-virtual-stick-opacity{width:100%;accent-color:#00ffff;cursor:pointer}#menu-language{width:100%;padding:9px 10px;border:1px solid rgba(255,255,255,.26);border-radius:4px;color:#fff;background:#00000085;cursor:pointer;font:inherit;font-size:13px}#menu-volume:focus-visible,#menu-virtual-stick-opacity:focus-visible,#menu-language:focus-visible{border-color:#0ff;outline:1px solid #0ff;outline-offset:2px}.game-menu-controls{margin-top:18px;border-top:1px solid rgba(255,255,255,.12);border-bottom:1px solid rgba(255,255,255,.12)}.game-menu-controls-toggle,.game-menu-controls-reset{width:100%;border:0;color:#a9bbc5;background:transparent;cursor:pointer;font:inherit;font-size:11px;letter-spacing:.1em;text-align:left}.game-menu-controls-toggle{padding:12px 0}.game-menu-controls-toggle:after{float:right;color:#0ff;content:"+";font-size:16px;line-height:.7}.game-menu-controls-toggle[aria-expanded=true]:after{content:"−"}.game-menu-controls-toggle:hover,.game-menu-controls-toggle:focus-visible,.game-menu-controls-reset:hover,.game-menu-controls-reset:focus-visible{color:#0ff;outline:none}.game-menu-controls-panel{padding:0 0 12px}.game-menu-controls-hint,.game-menu-controls-status{margin:0 0 10px!important;color:#9aa!important;font-size:10px!important;line-height:1.45!important}.game-menu-controls-status{color:#f1c40f!important}.game-menu-controls-list{display:grid;gap:6px;max-height:260px;margin-bottom:10px;overflow:auto;padding-right:2px}.game-menu-binding-row{display:flex;min-width:0;align-items:center;justify-content:space-between;gap:10px;padding:6px 0;border-bottom:1px solid rgba(255,255,255,.07)}.game-menu-binding-name{overflow:hidden;color:#d3e0e6;font-size:11px;text-overflow:ellipsis;white-space:nowrap}.game-menu-binding-slots{display:flex;flex:0 0 auto;gap:5px}.game-menu-binding-slot{min-width:58px;padding:5px 6px;border:1px solid rgba(255,255,255,.25);border-radius:3px;color:#fff;background:#ffffff0a;cursor:pointer;font:inherit;font-size:10px}.game-menu-binding-slot:hover,.game-menu-binding-slot:focus-visible,.game-menu-binding-slot.is-capturing{border-color:#0ff;color:#0ff;background:#00ffff1a;outline:none}.game-menu-binding-slot:before{margin-right:4px;color:#a9bbc5b8;content:attr(data-slot-label);font-size:8px;letter-spacing:.04em}.game-menu-binding-slot.is-capturing{animation:binding-capture-pulse .8s ease-in-out infinite alternate}.game-menu-controls-reset{padding:5px 0 0;color:#788;font-size:10px}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}@keyframes binding-capture-pulse{0%{box-shadow:0 0 #0ff0}to{box-shadow:0 0 12px #00ffff80}}.game-menu-pause-hint{margin:18px 0 0!important;color:#9aa!important;font-size:11px!important;line-height:1.5!important}.game-menu-resume{width:100%;margin-top:18px;padding:11px 18px;border:1px solid #0ff;border-radius:4px;color:#0ff;background:#00ffff0f;cursor:pointer;font:inherit;font-size:14px;letter-spacing:.08em}.game-menu-resume:hover,.game-menu-resume:focus-visible{background:#00ffff29;box-shadow:0 0 15px #00ffff4d;outline:none}#start-button,#restart-button{padding:14px 48px;border:2px solid #0ff;border-radius:4px;color:#0ff;background:transparent;cursor:pointer;font-size:20px;transition:all .2s}#start-button:hover,#restart-button:hover{background:#00ffff26;box-shadow:0 0 20px #0ff6}#levelup-options{display:flex;max-width:min(720px,100%);flex-wrap:wrap;justify-content:center;gap:16px}.level-option{display:grid;width:min(220px,100%);min-height:145px;align-content:start;gap:8px;padding:16px;border:2px solid rgba(255,255,255,.2);border-radius:8px;color:#fff;background:#141428f2;cursor:pointer;text-align:left;transition:all .15s}.level-option:hover{border-color:#f1c40f;box-shadow:0 0 16px #f1c40f4d;transform:translateY(-2px)}.level-option strong{display:flex;align-items:center;gap:8px;color:#0ff;font-size:16px}.level-option span:last-child{color:#ccc;font-size:12px;line-height:1.4}.option-key{display:inline-grid;width:22px;height:22px;place-items:center;border:1px solid #f1c40f;border-radius:3px;color:#f1c40f;font-size:12px}#gameover-stats{margin-bottom:28px;color:#aaa;font-size:16px;line-height:1.4}#gameover-stats p{margin:0 0 2px}#gameover-stats p span{color:#fff}@media(max-width:640px){#top-hud{padding:0 8px}.screen-overlay.sequencer-modal-overlay,.screen-overlay.menu-overlay{padding:8px}.game-menu{padding:14px}.game-menu-controls-list{max-height:190px}.sequencer-modal{max-height:calc(100vh - 16px);padding:12px}.sequencer-modal .sequencer-heading{font-size:10px}.sequencer-modal-grid .sequencer-cell{min-height:48px}.hud-item{padding:3px 6px;font-size:11px}#bottom-hud{right:8px;left:8px}.level-option{width:min(280px,100%);min-height:auto}}