:root{--color-bg-dark: #070a13;--color-panel-glass: rgba(15, 23, 42, .4);--color-border-glass: rgba(34, 211, 238, .15);--color-glow-cyan: 0 0 12px rgba(34, 211, 238, .4);--color-glow-purple: 0 0 16px rgba(192, 132, 252, .3)}body{background:radial-gradient(circle at top left,#0e1220,#05070d)!important;color:#e2e8f0;font-family:VT323,monospace;overflow:hidden}.glass-panel{background:var(--color-panel-glass);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--color-border-glass);box-shadow:0 8px 32px #0000004d}.glass-panel-glow{background:var(--color-panel-glass);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(192,132,252,.25);box-shadow:0 8px 32px #0000004d,var(--color-glow-purple)}.key-highlight{box-shadow:var(--color-glow-cyan);border-color:#22d3ee!important;color:#fff!important;background-color:#22d3ee26!important;transform:scale(1.04);transition:all .12s ease-in-out}.key-shift-highlight{box-shadow:var(--color-glow-purple);border-color:#c084fc!important;color:#fff!important;background-color:#c084fc33!important;transform:scale(1.02);transition:all .12s ease-in-out}.glow-cyan{text-shadow:var(--color-glow-cyan)}.glow-purple{text-shadow:var(--color-glow-purple)}.scanlines{background:linear-gradient(#12101000 50%,#00000026 50%),linear-gradient(90deg,#ff000008,#00ff0003,#0000ff08);background-size:100% 4px,3px 100%;position:fixed;top:0;left:0;right:0;bottom:0;pointer-events:none;z-index:9999}@keyframes mascotIdle{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-4px) scale(1.02)}}.animate-mascot-idle{animation:mascotIdle 3s ease-in-out infinite}.font-retro{font-family:"Press Start 2P",cursive;letter-spacing:-.05em}