:root{--bg: #1b1d29;--surface: #222431;--surface2: #292b3a;--border: #727685;--text: #e7edf2;--muted: #8c9aa8;--green: #70dc9c;--cyan: #80d9db;--yellow: #f4d06f;--red: #ff6d7a;--purple: #b79ae5}:root{--terminal-cell: 16px;--terminal-font: "Cascadia Mono", Consolas, "DejaVu Sans Mono", "Liberation Mono", monospace;font-family:var(--terminal-font);font-size:var(--terminal-cell);line-height:1.25;color:var(--text);background:var(--bg);font-synthesis:none}*{box-sizing:border-box}h1,small,kbd,pre{font:inherit}body{margin:0;min-width:320px;background:#1a1b28}button,input{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible{outline:2px solid var(--cyan);outline-offset:3px}.app-shell{width:min(100%,1920px);height:100dvh;min-height:640px;margin:auto;padding:8px;display:grid;grid-template-rows:auto minmax(0,1fr) auto;gap:0;background:#1b1d29}.app-header{min-height:89px;display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:38px 51px;align-items:center;border:2px solid #818695;background:#222431}.brand{min-width:0;display:flex;align-items:center;gap:26px;padding:5px 14px}.brand-line{display:flex;align-items:baseline;gap:9px}.brand-line strong{font-weight:500;letter-spacing:0}.brand-prompt,.brand-accent{color:var(--green)}.brand-version{margin-left:4px;color:var(--muted);letter-spacing:0}.brand-subline{display:flex;align-items:center;gap:16px;color:var(--muted);white-space:nowrap}.menu-link{border:0;padding:0;background:transparent;color:var(--cyan)}.menu-link:hover{color:var(--text)}.menu-link:disabled{color:var(--muted);cursor:default}.header-status{display:flex;align-items:center;gap:9px;padding-right:14px;color:var(--green);letter-spacing:0}.header-divider{color:var(--border)}.header-status span:last-child{color:var(--muted)}.sound-toggle{margin-left:9px;padding:2px 5px;border:1px solid var(--border);background:transparent;color:var(--muted);white-space:nowrap}.sound-toggle:hover,.sound-toggle:focus-visible{color:var(--text);border-color:var(--cyan)}.hud{grid-column:1 / -1;align-self:stretch;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));width:100%;border-top:2px solid #818695;background:#292b3a}.hud-stat{min-width:0;display:flex;align-items:center;justify-content:center;gap:10px;padding:7px 10px;border-right:1px solid #444957}.hud-stat:last-child{border-right:0}.hud-label{display:block;color:#b7b8c7;letter-spacing:0}.hud-value{display:block;margin-top:0;letter-spacing:0;white-space:nowrap}.hud-green{color:var(--green)}.hud-yellow{color:var(--yellow)}.hud-cyan{color:var(--cyan)}.lives{display:flex;gap:2px;align-items:center;height:25px}.lives img{width:16px;height:auto}.workspace{min-height:0;display:grid;grid-template-columns:248px minmax(0,1fr);gap:8px;padding:8px;border:2px solid #818695;border-top:0;background:#1b1d29}.side-panel{min-height:0;display:grid;grid-template-rows:auto auto minmax(0,1fr) auto;gap:8px;overflow:hidden;background:transparent}.side-section{min-width:0;margin:0;padding:7px 10px 10px;border:2px solid #818695;background:transparent}.side-section legend{padding:0 8px;margin-left:5px;color:var(--cyan)}.side-section legend span{color:var(--muted)}.session-body{padding:4px 2px 2px}.session-state{display:flex;align-items:center;gap:7px;color:var(--green);letter-spacing:0}.session-name{margin-top:9px;color:var(--text);font-weight:400}.session-detail{margin-top:6px;color:var(--muted)}.progress-block{padding:4px 2px 2px;color:var(--muted);letter-spacing:0}.progress-track{height:11px;margin-bottom:7px;border:1px solid #626775;background:transparent}.progress-track span{display:block;height:100%;background:var(--cyan);transition:width .2s linear}.metric-list{margin:0;padding:1px 2px}.metric-list div{display:flex;justify-content:space-between;gap:8px;padding:6px 0}.metric-list dt{color:var(--muted)}.metric-list dd{margin:0;color:var(--text)}.metric-list .metric-red{color:var(--red)}.keymap{padding:1px 2px}.keymap div{display:flex;align-items:center;justify-content:space-between;gap:5px;padding:4px 0;color:var(--muted)}.keymap kbd,.prompt-meta kbd,.menu-actions kbd{padding:0;border:0;background:transparent;color:var(--cyan)}.game-area{position:relative;min-height:0;overflow:hidden;border:2px solid #818695;background:#1b1d29}.playfield{position:absolute;inset:25px 0 0;overflow:hidden;background:#1b1d29}.playfield:after{content:"";position:absolute;inset:0;pointer-events:none}.app-shell.scanlines-enabled .playfield:after{background:repeating-linear-gradient(180deg,transparent 0 3px,rgba(0,0,0,.12) 4px)}.playfield-canvas,.playfield-canvas canvas{display:block;width:100%;height:100%}.field-topline{position:absolute;top:0;left:0;right:0;height:25px;display:flex;justify-content:space-between;align-items:center;background:#1b1d29;color:var(--muted);pointer-events:none}.field-topline>span{display:flex;align-items:center}.field-topline>span:last-child{padding-right:12px;letter-spacing:0}.field-tab-active{display:flex;align-items:center;height:100%;padding:0 12px;color:var(--cyan)}.field-tab{padding:0 5px;color:var(--muted)}.field-live-dot{color:var(--green);margin-right:6px}.field-ruler{position:absolute;top:30px;left:0;right:0;display:grid;grid-template-columns:repeat(7,1fr);color:#5f6173;text-align:center;pointer-events:none}.drop-line{position:absolute;left:0;right:0;bottom:0;height:24px;border-top:1px dashed var(--red);background:#25212b;pointer-events:none}.drop-line span{position:absolute;right:12px;bottom:3px;color:var(--red);letter-spacing:0}.drop-line.miss-flash{border-top-color:var(--red);background:#54303b;animation:miss-flash .15s ease-out}.combo-pop{position:absolute;z-index:1;top:54px;right:18px;padding:3px 8px;border:1px solid var(--yellow);background:var(--surface);color:var(--yellow);pointer-events:none;animation:combo-pop .6s ease-out both}@keyframes miss-flash{0%{background:#713541}to{background:#25212b}}@keyframes combo-pop{0%{opacity:0;transform:translateY(7px)}25%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-4px)}}.menu-scrim{position:absolute;inset:25px 0 0;z-index:2;display:grid;place-items:stretch;padding:7px 9px 9px;background:#1b1d29}.onboarding-scrim{position:fixed;inset:0;z-index:10;display:grid;place-items:center;padding:20px;background:#05060ad6}.main-menu{min-height:0;width:100%;display:flex;flex-direction:column;border:2px solid #818695;background:#1b1d29;box-shadow:none}.onboarding-window{width:min(840px,100%);max-height:calc(100dvh - 40px);overflow:auto;background:#171923}.onboarding-window.step-intro{width:min(730px,100%)}.onboarding-window.step-name{width:min(680px,100%)}.onboarding-bar{display:flex;justify-content:space-between;padding:12px 18px;border-bottom:1px solid #55596b;background:#292b3a;color:var(--cyan)}.onboarding-bar span:last-child{color:var(--muted)}.main-menu.onboarding-window h1{margin:22px 24px 16px;font-weight:400}.onboarding-copy{padding:0 24px 24px}.onboarding-copy>p{margin:0;color:var(--text)}.onboarding-rules{display:grid;gap:12px;margin-top:22px;padding-top:18px;border-top:1px solid #55596b}.onboarding-rules p{display:flex;gap:16px;margin:0}.onboarding-rules span{flex:none;color:var(--green)}.onboarding-input{display:flex;align-items:center;gap:12px;margin-top:28px;padding:8px 0;border-bottom:2px solid #818695;color:var(--green)}.onboarding-input:focus-within{border-color:var(--green)}.onboarding-input input{flex:1;min-width:0;border:0;outline:0;background:transparent;color:var(--text)}.onboarding-input input::placeholder{color:var(--muted)}.onboarding-copy .name-error{margin-top:10px;color:var(--red)}.onboarding-window .menu-intro{margin:0 24px 18px}.operator-name{color:var(--green)}.mode-summary{display:flex;justify-content:space-between;gap:16px;padding:16px 24px;color:var(--muted)}.mode-summary span:last-child{color:var(--green)}.onboarding-window .menu-actions{margin-top:0}.mode-record{padding:0 24px 14px;color:var(--cyan)}.status-dot{display:inline-block;flex:none;width:8px;height:8px;border-radius:50%;background:var(--green);box-shadow:none}.title-caret,.blink-cursor{color:var(--green)}.menu-intro{color:var(--muted)}.mode-table-head{display:grid;grid-template-columns:30% 17% 39% 14%;gap:0;padding:7px 17px 7px 38px;border-top:1px solid #55596b;border-bottom:1px solid #55596b;background:#292b3a;color:#c2c3d1;letter-spacing:0}.mode-list{display:grid}.mode-card{display:grid;grid-template-columns:20px minmax(0,30fr) minmax(0,17fr) minmax(0,39fr) minmax(0,14fr);align-items:center;gap:0;min-height:65px;padding:6px 17px;border:0;background:transparent;color:var(--text);text-align:left;transition:background .1s}.mode-card:hover{background:#343748}.mode-card.is-selected{background:#dce4e2;color:#1b1d29;box-shadow:none}.mode-selector{color:var(--green)}.mode-card.is-selected .mode-selector{color:#165c38}.mode-name{display:flex;flex-direction:column;gap:3px;min-width:0}.mode-name strong{font-weight:400}.mode-name small{color:var(--muted)}.mode-code{color:var(--cyan)}.mode-card.is-selected .mode-code,.mode-card.is-selected .mode-name small,.mode-card.is-selected .mode-stats,.mode-card.is-selected .mode-lives{color:#33413c}.mode-stats{color:var(--muted)}.mode-lives{color:var(--red);white-space:nowrap}.menu-actions{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:auto;padding:10px 16px;border-top:1px solid #55596b;background:#292b3a;color:var(--text);letter-spacing:0}.menu-actions kbd{color:var(--cyan)}.start-button{min-width:174px;min-height:31px;display:flex;align-items:center;justify-content:center;gap:0;padding:0 8px;border:0;background:transparent;color:var(--green);font-weight:400;letter-spacing:0}.start-button:hover{background:#dce4e2;color:#1b1d29}.start-button span{font-weight:400}.result-panel{width:min(100%,430px);padding:28px;border:2px solid var(--red);background:#222431;box-shadow:none}.result-panel{width:min(100%,560px);max-height:100%;overflow:auto}.victory-panel{border-color:var(--green)}.victory-panel .result-eyebrow{color:var(--green)}.result-stats{margin:16px 0 0;border-top:1px solid #55596b}.result-stats div{display:flex;justify-content:space-between;gap:12px;padding:5px 0;border-bottom:1px solid #55596b}.result-stats dt{color:var(--muted)}.result-stats dd{margin:0;color:var(--text);text-align:right}.result-stats small{color:var(--cyan)}.settings-scrim{position:fixed;inset:0;z-index:20;display:grid;place-items:center;padding:20px;background:#05060ad6}.settings-panel{width:min(100%,580px);max-height:100%;overflow:auto;border:2px solid #818695;background:#171923}.settings-panel h1{margin:20px 24px;font-weight:400}.settings-panel label{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:10px 24px;border-top:1px solid #55596b;cursor:pointer}.settings-panel input{width:18px;height:18px;accent-color:#70dc9c}.settings-panel .menu-actions{margin-top:18px}.result-eyebrow{color:var(--red);letter-spacing:.14em}.result-panel h1{margin:14px 0 8px}.result-panel p{margin:0;color:var(--muted)}.result-actions{display:flex;align-items:center;gap:20px;margin-top:24px}.result-actions .menu-link{white-space:nowrap}.countdown-panel{min-width:180px;padding:24px;border:2px solid var(--cyan);background:#222431;text-align:center}.countdown-panel strong{display:block;margin-top:10px;color:var(--cyan)}.pause-scrim{z-index:3}.boss-panel{position:absolute;z-index:1;top:19%;left:50%;width:min(86%,760px);transform:translate(-50%);padding:16px 20px;border:2px solid var(--red);background:var(--surface);color:var(--text);text-align:center}.boss-header{display:flex;justify-content:space-between;gap:12px;color:var(--red);text-align:left}.boss-header span:last-child{color:var(--cyan);white-space:nowrap}.boss-progress{height:11px;margin:16px 0;border:1px solid var(--border)}.boss-progress span{display:block;height:100%;background:var(--green);transition:width .2s linear}.boss-panel p{margin:0 0 14px;color:var(--muted)}.boss-phrase{padding:16px 8px;border:1px solid var(--border);background:var(--bg);overflow-wrap:anywhere;color:var(--green)}.boss-panel .boss-retry{margin:14px 0 0;color:var(--yellow)}.chat-notice,.chat-success{position:absolute;z-index:2;top:35px;right:15px;display:flex;align-items:center;gap:10px;max-width:350px;padding:8px 12px;border:1px solid var(--cyan);background:#222431;box-shadow:none;color:var(--text)}.chat-notice img{width:18px;height:18px}.chat-success{border-color:var(--green);color:var(--green)}.chat-scrim{position:absolute;inset:0;z-index:2;display:grid;place-items:center;padding:18px;background:#090e1359}.chat-window{width:min(100%,440px);border:2px solid #818695;background:#222431;box-shadow:none}.chat-header{display:flex;align-items:center;gap:12px;min-height:48px;padding:8px 14px;border-bottom:1px solid #727685;background:#292b3a}.chat-header>img{width:25px;height:25px}.chat-header strong,.chat-header span{display:block}.chat-header div span{margin-top:3px;color:var(--muted);letter-spacing:.12em}.chat-online{margin-left:auto;color:var(--green);white-space:nowrap}.chat-message-row{display:flex;align-items:flex-start;gap:12px;padding:22px 18px 18px}.chat-avatar{flex:none;width:42px;height:42px;border:1px solid var(--border);background:var(--surface2)}.chat-avatar-fallback{display:grid;place-items:center;color:var(--cyan)}.chat-message-body{min-width:0}.chat-sender{display:flex;align-items:baseline;gap:9px}.chat-sender span{color:var(--muted)}.chat-message-body p{margin:8px 0 0;padding:12px;border-left:2px solid var(--cyan);background:transparent}.chat-reply{display:grid;gap:8px;padding:4px 18px 18px 72px}.chat-reply label{color:var(--muted)}.chat-required{margin:0;color:var(--cyan)}.chat-reply input{width:100%;min-height:38px;padding:8px 11px;border:1px solid #727685;outline:none;background:#1b1d29;color:var(--text)}.chat-reply input:focus{border-color:var(--cyan)}.chat-reply input[aria-invalid=true]{border-color:var(--red);color:var(--red)}.chat-feedback{min-height:16px;margin:0;color:var(--muted)}.chat-reply input[aria-invalid=true]+.chat-feedback{color:var(--red)}.chat-reply button{justify-self:end;min-height:32px;padding:0 9px;border:0;background:transparent;color:var(--green)}.chat-reply button:hover{background:#dce4e2;color:#1b1d29}.vim-scrim{position:absolute;inset:0;z-index:2;display:grid;place-items:center;padding:18px;background:#090e1359}.vim-window{width:min(70%,900px);min-width:min(100%,560px);border:2px solid var(--purple);background:#1b1d29;box-shadow:none}.vim-header{display:flex;align-items:center;gap:10px;min-height:40px;padding:8px 15px;border-bottom:1px solid #727685;background:#292b3a}.vim-header img{width:20px;height:20px}.vim-header span{margin-left:auto;color:var(--muted);letter-spacing:.1em}.vim-buffer{min-height:200px;max-height:42vh;overflow:auto;padding:18px 22px;color:var(--text)}.vim-buffer pre{margin:0;font:inherit;white-space:pre-wrap;overflow-wrap:anywhere}.vim-cursor{color:var(--purple)}.vim-status{display:flex;gap:18px;align-items:center;min-height:29px;padding:3px 12px;background:var(--purple);color:var(--bg)}.vim-status span:last-child{margin-left:auto}.vim-command-row{display:flex;align-items:center;padding:3px 11px;color:var(--purple)}.vim-command-row input{flex:1;min-width:0;height:30px;border:0;outline:0;background:transparent;color:var(--text);cursor:text}.vim-error,.vim-help{margin:0;padding:4px 12px 8px}.vim-error{color:var(--red)}.vim-help{color:var(--muted)}.prompt-area{position:relative;min-height:90px;display:grid;grid-template-rows:62px 27px;border:2px solid #818695;border-top:0;background:#1b1d29}.prompt-heading{position:absolute;top:3px;left:13px;right:13px;display:flex;align-items:center;justify-content:space-between;color:var(--muted)}.prompt-heading span:first-child{display:block;color:var(--cyan)}.prompt-box{display:flex;align-items:center;gap:12px;min-width:0;margin:21px 12px 4px;padding:0 3px;border:0;background:transparent}.prompt-box:focus-within{border-color:transparent;box-shadow:none}.prompt-box.has-error{border-color:var(--red);box-shadow:inset 0 0 0 1px #ff6d7a40}.prompt-box.has-error input{color:var(--red)}.prompt-box.input-flash{box-shadow:inset 0 0 0 2px var(--red);animation:input-flash .11s ease-out}@keyframes input-flash{0%{box-shadow:inset 0 0 0 2px var(--red)}to{box-shadow:inset 0 0 0 1px #ff6d7a40}}.prompt-chevron{color:var(--green);font-weight:400}.prompt-box input{flex:1;min-width:0;height:100%;padding:0;border:0;outline:none;background:transparent;color:var(--text)}.prompt-box input::placeholder{color:#72818f;opacity:1}.prompt-box input:disabled{cursor:default}.prompt-cursor{color:var(--green)}.prompt-meta{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:0 10px;background:#292b3a;color:var(--text)}.prompt-meta kbd{padding:0}.minimum-screen{display:none}@media(prefers-reduced-motion:reduce){.drop-line.miss-flash,.prompt-box.input-flash,.combo-pop{animation:none}.progress-track span{transition:none}}.app-shell.reduced-motion .drop-line.miss-flash,.app-shell.reduced-motion .prompt-box.input-flash,.app-shell.reduced-motion .combo-pop{animation:none}.app-shell.reduced-motion .progress-track span,.app-shell.reduced-motion .mode-card{transition:none}@media(max-width:1280px){.app-shell{padding:5px}.workspace{grid-template-columns:240px minmax(0,1fr)}.hud-stat{gap:6px;padding:7px 5px}}@media(max-width:1150px){.workspace{grid-template-columns:minmax(0,1fr)}.side-panel{display:none}}@media(max-height:760px)and (min-width:1024px){.app-header{min-height:78px;grid-template-rows:33px 45px}.mode-card{min-height:44px}.main-menu.onboarding-window h1{margin-top:14px;margin-bottom:10px}.onboarding-window .mode-card{min-height:56px}.mode-summary{padding-top:8px;padding-bottom:8px}.menu-actions{padding-top:5px;padding-bottom:5px}}@media(max-width:1023px){.app-shell{display:none}.minimum-screen{min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px;text-align:center}.minimum-screen img{width:min(320px,80vw)}.minimum-screen h1{margin:22px 0 8px}.minimum-screen p{margin:0;color:var(--muted)}}