@import "https://fonts.googleapis.com/css2?family=JetBrains+Mono:ital,wght@0,100..800;1,100..800&display=swap";:root{--transition-speed:.4s;--typewriter-speed:25ms;--font-mono:"JetBrains Mono", "Fira Code", "Cascadia Code", "Consolas", monospace;--font-size-base:15px;--font-size-sm:13px;--font-size-lg:17px;--font-size-ascii:10px;--line-height:1.65;--terminal-padding:24px;--chip-padding:6px 16px;--chip-gap:8px;--nav-height:48px}[data-theme=dark]{--bg-primary:#0a0a0a;--bg-secondary:#0d1117;--bg-terminal:#050505;--bg-input:#0a120a;--bg-nav:#0a0a0aeb;--bg-chip:#00ff4114;--bg-chip-hover:#00ff412e;--text-primary:#00ff41;--text-secondary:#0c3;--text-dim:#0a6e2a;--text-muted:#064f1d;--text-accent:#39ff14;--text-highlight:#7dff6a;--text-error:#f33;--text-warning:#fc0;--text-info:#00bfff;--border-color:#0a3d1a;--border-glow:#00ff414d;--cursor-color:#00ff41;--selection-bg:#00ff4133;--scrollbar-thumb:#0a6e2a;--scrollbar-track:#050505;--link-color:#39ff14;--link-hover:#7dff6a;--shadow-glow:0 0 20px #00ff4126;--shadow-glow-strong:0 0 40px #00ff4140;--text-shadow-glow:0 0 8px #00ff4199;--scanline-opacity:.04;--crt-flicker:1}[data-theme=light]{--bg-primary:#f5f5f0;--bg-secondary:#eeeee8;--bg-terminal:#fafaf5;--bg-input:#efefe8;--bg-nav:#f5f5f0f2;--bg-chip:#2d6a4f14;--bg-chip-hover:#2d6a4f29;--text-primary:#1a1a2e;--text-secondary:#2d3748;--text-dim:#718096;--text-muted:#a0aec0;--text-accent:#2d6a4f;--text-highlight:#1b4332;--text-error:#c53030;--text-warning:#b7791f;--text-info:#2b6cb0;--border-color:#d4d4c8;--border-glow:#2d6a4f33;--cursor-color:#2d6a4f;--selection-bg:#2d6a4f26;--scrollbar-thumb:#c4c4b8;--scrollbar-track:#eeeee8;--link-color:#2d6a4f;--link-hover:#1b4332;--shadow-glow:0 2px 12px #0000000f;--shadow-glow-strong:0 4px 24px #0000001a;--text-shadow-glow:none;--scanline-opacity:0;--crt-flicker:0}[data-theme=amber]{--bg-primary:#050300;--bg-secondary:#0a0700;--bg-terminal:#030200;--bg-input:#0c0800;--bg-nav:#050300eb;--bg-chip:#ffb00014;--bg-chip-hover:#ffb0002e;--text-primary:#ffb000;--text-secondary:#cc8e00;--text-dim:#996a00;--text-muted:#593e00;--text-accent:#fc0;--text-highlight:#fd4;--text-error:#f33;--text-warning:#ffb000;--text-info:#00bfff;--border-color:#593e00;--border-glow:#ffb0004d;--cursor-color:#ffb000;--selection-bg:#ffb00033;--scrollbar-thumb:#996a00;--scrollbar-track:#030200;--link-color:#fc0;--link-hover:#fd4;--shadow-glow:0 0 20px #ffb00026;--shadow-glow-strong:0 0 40px #ffb00040;--text-shadow-glow:0 0 8px #ffb00099;--scanline-opacity:.05;--crt-flicker:1}[data-theme=cyberpunk]{--bg-primary:#0f051d;--bg-secondary:#1a0832;--bg-terminal:#090312;--bg-input:#1b0933;--bg-nav:#0f051deb;--bg-chip:#00fff014;--bg-chip-hover:#ff007f26;--text-primary:#0ff;--text-secondary:#0cc;--text-dim:#088;--text-muted:#ff007f;--text-accent:#ff007f;--text-highlight:#fff;--text-error:#f33;--text-warning:#fc0;--text-info:#0ff;--border-color:#5c0099;--border-glow:#00fff04d;--cursor-color:#ff007f;--selection-bg:#00fff033;--scrollbar-thumb:#088;--scrollbar-track:#090312;--link-color:#ff007f;--link-hover:#fff;--shadow-glow:0 0 20px #00fff033;--shadow-glow-strong:0 0 40px #ff007f4d;--text-shadow-glow:0 0 8px #00fff099;--scanline-opacity:.03;--crt-flicker:1}[data-theme] *{transition:background-color var(--transition-speed) ease, color var(--transition-speed) ease, border-color var(--transition-speed) ease, box-shadow var(--transition-speed) ease}#terminal{width:100%;max-width:920px;padding:var(--terminal-padding);padding-top:calc(var(--nav-height) + var(--terminal-padding));box-sizing:border-box;height:100dvh;font-family:var(--font-mono);font-size:var(--font-size-base);line-height:var(--line-height);color:var(--text-primary);cursor:text;scroll-behavior:smooth;margin:0 auto;position:relative;overflow:hidden auto}#terminal-output{white-space:pre-wrap;word-wrap:break-word;padding-bottom:20px}.output-line{min-height:1.65em;margin:0;padding:0}.output-line.blank{min-height:.8em}.t-green{color:var(--text-primary)}.t-bright{color:var(--text-accent)}.t-dim{color:var(--text-dim)}.t-muted{color:var(--text-muted)}.t-secondary{color:var(--text-secondary)}.t-error{color:var(--text-error)}.t-warning{color:var(--text-warning)}.t-info{color:var(--text-info)}.t-highlight{color:var(--text-highlight);font-weight:600}.t-bold{font-weight:700}.t-underline{text-underline-offset:3px;text-decoration:underline}.ascii-art{font-size:var(--font-size-ascii);color:var(--text-accent);text-shadow:var(--text-shadow-glow);letter-spacing:.5px;-webkit-user-select:none;user-select:none;line-height:1.1}[data-theme=dark] .ascii-art{animation:3s ease-in-out infinite alternate ascii-glow}@keyframes ascii-glow{0%{text-shadow:0 0 4px #00ff4166}to{text-shadow:0 0 12px #00ff41b3,0 0 24px #00ff414d}}.ascii-art.book-art{font-size:var(--font-size-base);text-shadow:none;color:var(--text-accent);letter-spacing:0;line-height:1.35;animation:none}.book-link{font-size:var(--font-size-base);padding:4px 0;display:inline-block}#input-area{z-index:10;background:var(--bg-primary);border-top:1px solid var(--border-color);padding:8px 0 12px;position:sticky;bottom:0}#input-line{align-items:center;margin-top:4px;display:flex;position:relative}.prompt{color:var(--text-secondary);white-space:nowrap;-webkit-user-select:none;user-select:none;margin-right:8px}#command-input{color:var(--text-primary);font-family:var(--font-mono);font-size:var(--font-size-base);caret-color:var(--cursor-color);line-height:var(--line-height);background:0 0;border:none;outline:none;flex:1;padding:0}#command-input::selection{background:var(--selection-bg)}.cursor-block{background:var(--cursor-color);vertical-align:text-bottom;width:9px;height:1.2em;margin-left:1px;animation:1s step-end infinite blink;display:inline-block}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}#autocomplete-wrapper{position:relative}#autocomplete-list{max-height:0;margin:0;padding:0;list-style:none;transition:max-height .15s;overflow:hidden}#autocomplete-list.active{max-height:300px;margin-bottom:6px;overflow-y:auto}#autocomplete-list li{font-family:var(--font-mono);font-size:var(--font-size-sm);color:var(--text-dim);cursor:pointer;border-left:2px solid #0000;align-items:center;gap:8px;padding:6px 12px;transition:all .12s;display:flex}#autocomplete-list li:before{content:"▸";color:var(--text-muted);transition:color .12s}#autocomplete-list li:hover,#autocomplete-list li.active{color:var(--text-accent);background:var(--bg-chip);border-left-color:var(--text-accent)}#autocomplete-list li:hover:before,#autocomplete-list li.active:before{color:var(--text-accent)}#autocomplete-list li .ac-match{color:var(--text-highlight);font-weight:700}#autocomplete-list li .ac-desc{color:var(--text-muted);margin-left:auto;font-size:.85em}#persistent-chips{gap:var(--chip-gap);flex-wrap:wrap;margin:0 0 8px;padding:0;display:flex}.command-chips{gap:var(--chip-gap);flex-wrap:wrap;margin:12px 0 4px;display:flex}.command-chip{padding:var(--chip-padding);background:var(--bg-chip);color:var(--text-accent);border:1px solid var(--border-color);font-family:var(--font-mono);font-size:var(--font-size-sm);cursor:pointer;-webkit-user-select:none;user-select:none;box-sizing:border-box;border-radius:4px;align-items:center;min-height:44px;text-decoration:none;transition:all .2s;display:inline-flex}.command-chip:hover,.command-chip:focus-visible{background:var(--bg-chip-hover);border-color:var(--text-accent);box-shadow:var(--shadow-glow);outline:none;transform:translateY(-1px)}.command-chip:active{transform:translateY(0)}.command-chip:before{content:"▸ ";color:var(--text-dim)}.inline-link{color:var(--link-color);text-underline-offset:3px;cursor:pointer;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;transition:color .2s}.inline-link:hover{color:var(--link-hover);text-shadow:var(--text-shadow-glow);text-decoration-style:solid}.terminal-divider{color:var(--text-dim);-webkit-user-select:none;user-select:none}.terminal-header{color:var(--text-accent);text-transform:uppercase;letter-spacing:1px;font-weight:700}.section-box{border:1px solid var(--border-color);background:var(--bg-secondary);border-radius:4px;margin:8px 0;padding:12px 16px}#crt-overlay{pointer-events:none;z-index:9999;background:repeating-linear-gradient(0deg, rgba(0, 0, 0, var(--scanline-opacity)) 0px, rgba(0, 0, 0, var(--scanline-opacity)) 1px, transparent 1px, transparent 3px);width:100%;height:100%;position:fixed;top:0;left:0}@keyframes crt-flicker{0%{opacity:.985}25%{opacity:1}50%{opacity:.978}75%{opacity:.995}to{opacity:.985}}[data-theme=dark] #terminal,[data-theme=amber] #terminal,[data-theme=cyberpunk] #terminal{animation:.15s infinite crt-flicker}@keyframes scanline-roll{0%{transform:translateY(-100%)}to{transform:translateY(100vh)}}#crt-overlay:before{content:" ";pointer-events:none;z-index:10000;background:linear-gradient(#fff0 0%,#ffffff08 30% 70%,#fff0 100%);width:100%;height:80px;animation:16s linear infinite scanline-roll;display:block;position:absolute;top:0;left:0}#terminal::-webkit-scrollbar{width:6px}#terminal::-webkit-scrollbar-track{background:var(--scrollbar-track)}#terminal::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:3px}#terminal::-webkit-scrollbar-thumb:hover{background:var(--text-dim)}#matrix-rain{z-index:-1;opacity:0;pointer-events:none;width:100%;height:100%;transition:opacity 1s;position:fixed;top:0;left:0}#matrix-rain.active{opacity:.15}#nav-bar{height:var(--nav-height);background:var(--bg-nav);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--border-color);z-index:1000;box-shadow:var(--shadow-glow);justify-content:center;align-items:center;gap:4px;padding:0 16px;display:flex;position:fixed;top:0;left:0;right:0}.nav-btn{color:var(--text-dim);font-family:var(--font-mono);font-size:var(--font-size-sm);cursor:pointer;white-space:nowrap;background:0 0;border:1px solid #0000;border-radius:3px;padding:6px 14px;transition:all .2s}.nav-btn:hover,.nav-btn:focus-visible{color:var(--text-accent);border-color:var(--border-color);background:var(--bg-chip);outline:none}.nav-btn.active{color:var(--text-accent);border-color:var(--text-accent);background:var(--bg-chip-hover)}.nav-separator{color:var(--text-muted);-webkit-user-select:none;user-select:none;font-size:10px}#theme-toggle{border:1px solid var(--border-color);margin-left:auto;padding:6px 10px;font-size:18px}@media (width<=768px){:root{--font-size-base:13px;--font-size-sm:11px;--font-size-ascii:6.5px;--terminal-padding:14px;--nav-height:44px}#command-input{font-size:16px}#nav-bar{-webkit-overflow-scrolling:touch;scrollbar-width:none;justify-content:flex-start;gap:2px;overflow:auto hidden}#nav-bar::-webkit-scrollbar{display:none}.nav-btn{padding:5px 10px;font-size:11px}.nav-separator{display:none}#terminal{padding-top:calc(var(--nav-height) + 12px)}.command-chip{min-height:44px;padding:8px 14px;font-size:12px}.ascii-art{letter-spacing:0;font-size:5.5px}}@media (width<=480px){:root{--font-size-base:12px;--font-size-ascii:5px;--terminal-padding:10px}.ascii-art{font-size:4.2px}}#power-overlay{z-index:15000;box-sizing:border-box;opacity:1;background:#080808;justify-content:center;align-items:center;width:100vw;height:100dvh;transition:opacity .5s ease-out;display:flex;position:fixed;top:0;left:0}#power-overlay.power-off{opacity:0;pointer-events:none}.power-panel{text-align:center;width:320px;font-family:var(--font-mono);box-sizing:border-box;background:linear-gradient(135deg,#181818 0%,#101010 100%);border:4px solid #282828;border-radius:8px;padding:30px;box-shadow:0 10px 40px #000000e6,inset 0 2px 5px #ffffff0d}.power-label{color:#555;font-size:var(--font-size-sm);letter-spacing:2px;text-transform:uppercase;text-shadow:0 1px 1px #000;margin-bottom:25px}.power-panel-row{justify-content:space-around;align-items:center;margin-bottom:30px;display:flex}.power-indicator-group{flex-direction:column;align-items:center;gap:8px;display:flex}#power-led{border-radius:50%;width:12px;height:12px;transition:all .3s}.led-standby{background-color:#f33;animation:2s infinite alternate led-pulse;box-shadow:0 0 10px #f33c,0 0 20px #f336}.led-on{background-color:#3f3;box-shadow:0 0 10px #3f3c,0 0 20px #3f36}@keyframes led-pulse{0%{opacity:.4}to{opacity:1}}.indicator-label{color:#777;letter-spacing:1px;font-size:9px}.toggle-switch{cursor:pointer;box-sizing:border-box;background:#0d0d0d;border:3px solid #222;border-radius:4px;outline:none;width:44px;height:70px;padding:0;position:relative;box-shadow:inset 0 2px 5px #000c}.switch-handle{background:linear-gradient(#d4d4d4 0%,#8c8c8c 100%);border-radius:2px;height:28px;transition:transform .15s cubic-bezier(.45,.05,.55,.95);display:block;position:absolute;top:3px;left:3px;right:3px;box-shadow:0 3px 5px #00000080,inset 0 1px 1px #fff6}.toggle-switch.on .switch-handle{background:linear-gradient(#8c8c8c 0%,#5c5c5c 100%);transform:translateY(30px);box-shadow:0 1px 2px #00000080,inset 0 1px 1px #fff3}.power-hint{color:var(--text-primary);font-size:var(--font-size-sm);text-shadow:var(--text-shadow-glow);letter-spacing:1px;margin-top:10px;animation:.15s infinite crt-flicker}#cathode-bloom{z-index:16000;pointer-events:none;opacity:0;background:0 0;width:100vw;height:100dvh;position:fixed;top:0;left:0}#cathode-bloom.active{animation:.75s cubic-bezier(.25,.46,.45,.94) forwards cathode-startup}@keyframes cathode-startup{0%{opacity:0;filter:brightness(3);background:#fff;transform:scaleY(.005)scaleX(0);box-shadow:0 0 100px #fff}15%{opacity:1;filter:brightness(3);background:#fff;transform:scaleY(.005)scaleX(1.2);box-shadow:0 0 120px #fff,0 0 200px #00ff4180}40%{opacity:1;background:var(--text-accent);filter:brightness(2);box-shadow:0 0 200px var(--text-accent), 0 0 400px #00ff41cc;transform:scaleY(1.1)scaleX(1.1)}to{opacity:0;filter:none;box-shadow:none;background:0 0;transform:scaleY(1)scaleX(1)}}#cathode-bloom.shutdown{animation:.55s cubic-bezier(.25,.46,.45,.94) forwards cathode-shutdown}@keyframes cathode-shutdown{0%{opacity:1;filter:none;box-shadow:none;background:0 0;transform:scaleY(1)scaleX(1)}15%{opacity:1;filter:brightness(2);background:#fff;transform:scaleY(1.05)scaleX(1.05);box-shadow:0 0 100px #fff}45%{opacity:1;filter:brightness(3);background:#fff;transform:scaleY(.005)scaleX(1.1);box-shadow:0 0 120px #fff,0 0 200px #00ff4180}85%{opacity:1;filter:brightness(4);background:#fff;transform:scaleY(.005)scaleX(.01);box-shadow:0 0 150px #fff}to{opacity:0;filter:none;box-shadow:none;background:0 0;transform:scaleY(0)scaleX(0)}}.vim-editor{top:var(--nav-height);width:100%;max-width:920px;height:calc(100vh - var(--nav-height));height:calc(100dvh - var(--nav-height));background:var(--bg-terminal);z-index:100;box-sizing:border-box;font-family:var(--font-mono);font-size:var(--font-size-base);color:var(--text-primary);-webkit-user-select:none;user-select:none;flex-direction:column;padding:16px;display:flex;position:fixed;left:50%;transform:translate(-50%)}.vim-content{white-space:pre;flex:1;min-height:0;line-height:1.4;overflow:hidden}.vim-line{width:100%;min-height:1.45em;display:flex}.vim-line.active-line{background:#00ff410f}[data-theme=amber] .vim-line.active-line{background:#ffb0000f}[data-theme=cyberpunk] .vim-line.active-line{background:#00fff00f}.vim-line-num{text-align:right;width:40px;color:var(--text-muted);-webkit-user-select:none;user-select:none;padding-right:12px}.vim-line.active-line .vim-line-num{color:var(--text-accent);font-weight:700}.vim-line-text{color:var(--text-primary);flex:1}.vim-status-line{background:var(--border-color);color:var(--bg-terminal);font-weight:700;font-size:var(--font-size-sm);-webkit-user-select:none;user-select:none;justify-content:space-between;margin-top:8px;padding:2px 8px;display:flex}.vim-command-bar{height:24px;font-size:var(--font-size-base);color:var(--text-primary);-webkit-user-select:none;user-select:none;align-items:center;padding-top:4px;display:flex}.vim-mode{color:var(--text-accent);font-weight:700}.vim-command-text{color:var(--text-highlight);margin-left:4px}.vim-cursor-blink{background:var(--cursor-color);vertical-align:middle;width:8px;height:15px;margin-left:2px;animation:1s step-end infinite blink;display:inline-block}.vim-newbie-bar{border-top:1px dashed var(--border-color);font-size:var(--font-size-sm);color:var(--text-muted);-webkit-user-select:none;user-select:none;justify-content:space-between;align-items:center;margin-top:8px;padding-top:12px;display:flex}.vim-newbie-keys{align-items:center;gap:6px;display:flex}.vim-newbie-keys kbd{background:var(--bg-chip);border:1px solid var(--border-color);color:var(--text-accent);font-family:var(--font-mono);border-radius:3px;padding:1px 5px;font-size:10px;box-shadow:0 1px #00000080}.vim-newbie-actions{gap:8px;display:flex}.vim-btn{background:var(--bg-chip);border:1px solid var(--border-color);color:var(--text-accent);font-family:var(--font-mono);font-size:var(--font-size-sm);cursor:pointer;-webkit-user-select:none;user-select:none;box-sizing:border-box;border-radius:4px;min-height:28px;padding:4px 10px;transition:all .2s}.vim-btn:hover,.vim-btn:focus-visible{background:var(--bg-chip-hover);border-color:var(--text-accent);box-shadow:var(--shadow-glow);outline:none}.vim-btn:active{transform:translateY(1px)}.vim-btn-quit{color:var(--text-error);background:#ff33331a;border-color:#f336}.vim-btn-quit:hover,.vim-btn-quit:focus-visible{border-color:var(--text-error);background:#f333;box-shadow:0 0 10px #f336}@media (width<=600px){.vim-newbie-bar{flex-direction:column;align-items:stretch;gap:8px}.vim-newbie-keys,.vim-newbie-actions{justify-content:center}}.hero-canvas-container{border:1px solid var(--border-color);background:#020202;border-radius:6px;width:100%;max-width:680px;margin:0 auto 12px;position:relative;overflow:hidden;box-shadow:inset 0 0 15px #000c}#hero-canvas{width:100%;height:220px;display:block}.hero-menu-container{flex-direction:column;flex:1;justify-content:center;align-items:center;padding:12px 0;display:flex;overflow-y:auto}.hero-menu-title{font-size:var(--font-size-lg);color:var(--text-accent);text-shadow:var(--text-shadow-glow);text-transform:uppercase;letter-spacing:1px;margin-bottom:20px;font-weight:700}.hero-menu-grid{grid-template-columns:repeat(2,1fr);gap:16px;width:100%;max-width:640px;display:grid}.hero-song-card{border:1px solid var(--border-color);background:var(--bg-secondary);cursor:pointer;box-sizing:border-box;border-radius:6px;flex-direction:column;gap:8px;padding:16px;transition:all .2s;display:flex}.hero-song-card:hover{border-color:var(--text-accent);background:var(--bg-chip-hover);box-shadow:var(--shadow-glow);transform:translateY(-2px)}.hero-song-card:active{transform:translateY(0)}.hero-song-title{font-size:var(--font-size-base);color:var(--text-accent);margin:0;font-weight:700}.hero-song-meta{color:var(--text-muted);justify-content:space-between;font-size:11px;display:flex}.hero-song-difficulty{color:var(--text-warning);text-transform:uppercase;font-weight:700}.hero-song-high{color:var(--text-highlight)}.hero-song-btn{text-align:center;width:100%;margin-top:8px}.hero-hud-panel{border:1px solid var(--border-color);background:var(--bg-secondary);font-family:var(--font-mono);border-radius:4px;justify-content:space-between;align-items:center;margin-bottom:12px;padding:8px 16px;display:flex}.hero-hud-stat{flex-direction:column;gap:2px;display:flex}.hero-hud-label{color:var(--text-muted);text-transform:uppercase;font-size:9px}.hero-hud-value{font-size:var(--font-size-base);color:var(--text-accent);font-weight:700}.hero-hud-value.combo-active{color:var(--text-highlight);text-shadow:var(--text-shadow-glow)}@media (width<=600px){.hero-menu-grid{grid-template-columns:1fr}}.synth-container{top:var(--nav-height);width:100%;max-width:920px;height:calc(100vh - var(--nav-height));height:calc(100dvh - var(--nav-height));background:var(--bg-terminal);z-index:100;box-sizing:border-box;font-family:var(--font-mono);color:var(--text-primary);-webkit-user-select:none;user-select:none;flex-direction:column;padding:24px;display:flex;position:fixed;left:50%;transform:translate(-50%)}.synth-header-section{text-align:center;margin-bottom:12px}.synth-title{font-size:var(--font-size-lg);color:var(--text-accent);text-shadow:var(--text-shadow-glow);text-transform:uppercase;margin:0 0 4px;font-weight:700}.synth-subtitle{font-size:var(--font-size-sm);color:var(--text-dim);margin:0}.synth-dashboard{border:1px solid var(--border-color);background:var(--bg-secondary);border-radius:4px;justify-content:space-between;align-items:center;margin-bottom:20px;padding:12px 18px;display:flex}.synth-dashboard-panel{flex-direction:column;gap:4px;display:flex}.synth-panel-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:1px;font-size:10px}.synth-panel-value{font-size:var(--font-size-base);color:var(--text-accent);font-weight:700}.synth-wave-presets{gap:8px;display:flex}.synth-preset-pill{font-size:var(--font-size-sm);color:var(--text-dim);border:1px solid var(--border-color);background:var(--bg-chip);cursor:pointer;border-radius:4px;padding:4px 10px;transition:all .2s}.synth-preset-pill:hover{background:var(--bg-chip-hover);border-color:var(--text-accent)}.synth-preset-pill.active{color:var(--bg-terminal);background:var(--text-accent);border-color:var(--text-accent);box-shadow:var(--shadow-glow);font-weight:700}.synth-piano-board{border:4px solid var(--border-color);width:100%;max-width:680px;height:200px;box-shadow:var(--shadow-glow-strong);background:#050505;border-radius:6px;margin:0 auto 24px;position:relative;overflow:hidden}.synth-keyboard{width:100%;height:100%;position:relative}.synth-key.white-key{float:left;border-right:1px solid var(--border-color);box-sizing:border-box;cursor:pointer;width:9.09091%;height:100%;color:var(--text-secondary);z-index:1;background:#ffffff0a;flex-direction:column;justify-content:flex-end;align-items:center;padding-bottom:12px;transition:background .1s;display:flex;position:relative}.synth-key.white-key:last-child{border-right:none}.synth-key.white-key:hover{background:#ffffff14}.synth-key.white-key.active{box-shadow:inset 0 -12px #00000026;background:var(--text-accent)!important;color:var(--bg-terminal)!important}.synth-key.white-key.active .synth-key-kbd,.synth-key.white-key.active .synth-key-label{color:var(--bg-terminal)!important}.synth-key.black-key{border:2px solid var(--border-color);box-sizing:border-box;cursor:pointer;z-index:2;width:28px;height:60%;color:var(--text-muted);background:#000;border-top:none;border-bottom-right-radius:4px;border-bottom-left-radius:4px;flex-direction:column;justify-content:space-between;align-items:center;padding:8px 0;transition:all .1s;display:flex;position:absolute;top:0;box-shadow:0 4px 6px #0009}.synth-key.black-key:hover{border-color:var(--text-accent);background:#111}.synth-key.black-key.active{box-shadow:0 0 15px var(--border-glow);background:var(--text-accent)!important;border-color:var(--text-accent)!important;color:var(--bg-terminal)!important}.synth-key.black-key.active .synth-key-kbd,.synth-key.black-key.active .synth-key-label{color:var(--bg-terminal)!important}.synth-key.black-key[data-note=C\#4]{left:calc(9.09091% - 14px)}.synth-key.black-key[data-note=D\#4]{left:calc(18.1818% - 14px)}.synth-key.black-key[data-note=F\#4]{left:calc(36.3636% - 14px)}.synth-key.black-key[data-note=G\#4]{left:calc(45.4545% - 14px)}.synth-key.black-key[data-note=A\#4]{left:calc(54.5455% - 14px)}.synth-key.black-key[data-note=C\#5]{left:calc(72.7273% - 14px)}.synth-key.black-key[data-note=D\#5]{left:calc(81.8182% - 14px)}.synth-key-kbd{opacity:.8;font-size:10px;font-weight:700}.synth-key-label{opacity:.5;margin-top:4px;font-size:9px}.black-key .synth-key-kbd{color:var(--text-accent)}.black-key .synth-key-label{font-size:8px}.synth-legend-bar{border-top:1px dashed var(--border-color);font-size:var(--font-size-sm);color:var(--text-muted);justify-content:space-between;align-items:center;margin-top:auto;padding-top:16px;display:flex}.synth-legend-keys{flex-wrap:wrap;gap:12px;display:flex}.synth-legend-keys span{align-items:center;gap:6px;display:flex}.synth-legend-keys kbd{background:var(--bg-chip);border:1px solid var(--border-color);color:var(--text-accent);font-family:var(--font-mono);border-radius:3px;padding:1px 6px;font-size:10px;box-shadow:0 1px #00000080}.synth-exit-btn{color:var(--text-error);font-family:var(--font-mono);font-size:var(--font-size-sm);cursor:pointer;box-sizing:border-box;background:#ff33331a;border:1px solid #f336;border-radius:4px;align-items:center;min-height:32px;padding:6px 14px;transition:all .2s;display:inline-flex}.synth-exit-btn:hover{border-color:var(--text-error);background:#f333;box-shadow:0 0 10px #f336}@media (width<=768px){.synth-piano-board{height:160px}.synth-key.black-key{width:22px}.synth-key.black-key[data-note=C\#4]{left:calc(9.09091% - 11px)}.synth-key.black-key[data-note=D\#4]{left:calc(18.1818% - 11px)}.synth-key.black-key[data-note=F\#4]{left:calc(36.3636% - 11px)}.synth-key.black-key[data-note=G\#4]{left:calc(45.4545% - 11px)}.synth-key.black-key[data-note=A\#4]{left:calc(54.5455% - 11px)}.synth-key.black-key[data-note=C\#5]{left:calc(72.7273% - 11px)}.synth-key.black-key[data-note=D\#5]{left:calc(81.8182% - 11px)}.synth-legend-bar{flex-direction:column;align-items:stretch;gap:12px}.synth-legend-keys{justify-content:center}.synth-exit-btn{align-self:center}}.hero-score-table{border-collapse:collapse;width:100%;font-family:var(--font-mono);font-size:var(--font-size-sm);margin:12px 0}.hero-score-table th,.hero-score-table td{text-align:left;border-bottom:1px dotted var(--border-color);padding:6px 12px}.hero-score-table th{color:var(--text-muted);text-transform:uppercase;letter-spacing:1px;border-bottom:2px solid var(--border-color);font-size:10px;font-weight:700}.hero-score-row{transition:background .2s}.hero-score-row:hover{background:#00ff4108}.hero-rank-1st{color:var(--text-warning);text-shadow:var(--text-shadow-glow);font-weight:700}.hero-rank-2nd{color:var(--text-highlight);font-weight:700}.hero-rank-3rd{color:var(--text-accent)}.hero-rank-other{color:var(--text-muted)}@keyframes cabinet-flash{0%,to{opacity:1;text-shadow:0 0 15px var(--border-glow)}50%{opacity:.4;text-shadow:none}}.hero-entry-title{color:var(--text-accent);text-transform:uppercase;margin-bottom:16px;font-weight:700;animation:1s ease-in-out infinite cabinet-flash}.hero-entry-blocks{justify-content:center;gap:12px;margin:20px 0;display:flex}.hero-entry-char{border-bottom:4px solid var(--border-color);width:44px;height:56px;color:var(--text-primary);text-transform:uppercase;justify-content:center;align-items:center;font-size:28px;font-weight:700;transition:all .15s;display:flex}@keyframes char-blink{0%,to{border-bottom-color:var(--text-accent)}50%{border-bottom-color:var(--border-color)}}.hero-entry-char.blinking{color:var(--text-accent);text-shadow:var(--text-shadow-glow);animation:.8s step-end infinite char-blink}@media (prefers-reduced-motion:reduce){[data-theme] *{transition:none!important;animation:none!important}.cursor-block{opacity:1;animation:none}}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-behavior:smooth;font-size:16px}body{font-family:var(--font-mono);background:var(--bg-primary);color:var(--text-primary);height:100dvh;margin:0;padding:0;overflow:hidden}::selection{background:var(--selection-bg);color:var(--text-primary)}.skip-link{background:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border-color);font-family:var(--font-mono);font-size:var(--font-size-sm);z-index:10000;border-radius:4px;padding:8px 16px;text-decoration:none;position:absolute;top:-100%;left:16px}.skip-link:focus{top:8px}#seo-content{max-width:800px;font-family:var(--font-mono);margin:0 auto;padding:48px 24px;line-height:1.7}#seo-content h1{color:var(--text-accent);margin-bottom:16px;font-size:1.8rem}#seo-content h2{color:var(--text-secondary);border-bottom:1px solid var(--border-color);margin-top:32px;margin-bottom:12px;padding-bottom:8px;font-size:1.3rem}#seo-content h3{color:var(--text-accent);margin-top:20px;margin-bottom:8px;font-size:1.1rem}#seo-content p{color:var(--text-primary);margin-bottom:12px}#seo-content ul{margin-bottom:12px;margin-left:20px}#seo-content li{margin-bottom:6px}#seo-content a{color:var(--link-color)}body.terminal-active #seo-content{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}