:root{--bg-deep: #05050a;--bg-primary: #0a0a0f;--bg-elevated: #0f0f18;--bg-surface: #141420;--amber-dim: #8b6914;--amber: #d4a017;--amber-bright: #ffc233;--amber-glow: rgba(212, 160, 23, .15);--cyan-dim: #0e7490;--cyan: #22d3ee;--cyan-bright: #67e8f9;--cyan-glow: rgba(34, 211, 238, .12);--text-primary: #e8e6e3;--text-secondary: #9ca3af;--text-muted: #6b7280;--green: #34d399;--green-dim: #059669;--red: #f87171;--red-dim: #b91c1c;--purple: #a78bfa;--glow-amber: 0 0 10px var(--amber-glow), 0 0 20px var(--amber-glow);--glow-cyan: 0 0 10px var(--cyan-glow), 0 0 20px var(--cyan-glow);--glow-text: 0 0 8px currentColor;--font-mono: "IBM Plex Mono", "SF Mono", "Consolas", monospace;--font-size: 14px;--line-height: 1.7;--space-xs: .25rem;--space-sm: .5rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--transition-fast: .15s ease;--transition-normal: .25s ease}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-mono);font-size:var(--font-size);line-height:var(--line-height);background:var(--bg-deep);color:var(--text-primary);min-height:100vh;min-height:100dvh;overflow:hidden}.crt-overlay{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:1000}.scanlines{position:absolute;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,0,0,.15) 2px,rgba(0,0,0,.15) 4px);opacity:.4}.screen-glow{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at center,transparent 0%,transparent 50%,rgba(0,0,0,.3) 100%)}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(ellipse at center,transparent 40%,rgba(5,5,10,.7) 100%);z-index:999}.terminal{position:relative;display:flex;flex-direction:column;width:100%;max-width:900px;height:100vh;height:100dvh;margin:0 auto;background:var(--bg-primary);box-shadow:inset 0 0 100px #d4a01708,0 0 60px #00000080}.terminal-header{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-sm) var(--space-lg);background:var(--bg-elevated);border-bottom:1px solid rgba(212,160,23,.1);flex-shrink:0}.terminal-buttons{display:flex;gap:8px}.btn{width:12px;height:12px;border-radius:50%;transition:var(--transition-fast)}.btn-close{background:var(--red-dim)}.btn-minimize{background:var(--amber-dim)}.btn-maximize{background:var(--green-dim)}.terminal-buttons:hover .btn-close{background:var(--red);box-shadow:0 0 8px var(--red)}.terminal-buttons:hover .btn-minimize{background:var(--amber);box-shadow:0 0 8px var(--amber)}.terminal-buttons:hover .btn-maximize{background:var(--green);box-shadow:0 0 8px var(--green)}.terminal-title{flex:1;display:flex;align-items:center;gap:var(--space-xs);color:var(--text-muted);font-size:12px;letter-spacing:.5px}.title-icon{color:var(--amber);text-shadow:var(--glow-text)}.terminal-status{display:flex;align-items:center;gap:var(--space-xs);font-size:11px;color:var(--text-muted);text-transform:uppercase;letter-spacing:1px}.status-dot{width:6px;height:6px;border-radius:50%;background:var(--green);animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1;box-shadow:0 0 4px var(--green)}50%{opacity:.5;box-shadow:none}}.terminal-body{flex:1;overflow-y:auto;overflow-x:hidden;padding:var(--space-lg);scroll-behavior:smooth}.terminal-output{padding-bottom:var(--space-sm)}.terminal-body::-webkit-scrollbar{width:8px}.terminal-body::-webkit-scrollbar-track{background:var(--bg-surface)}.terminal-body::-webkit-scrollbar-thumb{background:var(--amber-dim);border-radius:4px}.terminal-body::-webkit-scrollbar-thumb:hover{background:var(--amber)}.output-line{margin-bottom:var(--space-xs);word-wrap:break-word;white-space:pre-wrap}.output-command{color:var(--text-primary)}.output-command:before{content:"$ ";color:var(--cyan);text-shadow:0 0 6px var(--cyan-glow)}.output-response{color:var(--text-secondary)}.output-error{color:var(--red)}.output-success{color:var(--green)}.output-accent{color:var(--amber-bright);text-shadow:0 0 6px var(--amber-glow)}.output-cyan{color:var(--cyan);text-shadow:0 0 6px var(--cyan-glow)}.output-muted{color:var(--text-muted)}.ascii-art{font-size:11px;line-height:1.2;color:var(--amber);text-shadow:0 0 4px var(--amber-glow)}.ascii-box{color:var(--cyan-dim)}.terminal-output a{color:var(--cyan);text-decoration:none;border-bottom:1px dotted var(--cyan-dim);transition:var(--transition-fast)}.terminal-output a:hover{color:var(--cyan-bright);border-bottom-color:var(--cyan);text-shadow:0 0 8px var(--cyan-glow)}.terminal-output a:focus{outline:2px solid var(--cyan);outline-offset:2px}.terminal-input-line{display:flex;align-items:center;padding-bottom:var(--space-xl)}.prompt{display:flex;margin-right:var(--space-sm);font-weight:500;-webkit-user-select:none;user-select:none}.prompt-user{color:var(--cyan);text-shadow:0 0 6px var(--cyan-glow)}.prompt-at{color:var(--text-muted)}.prompt-host{color:var(--amber);text-shadow:0 0 6px var(--amber-glow)}.prompt-colon{color:var(--text-muted)}.prompt-path{color:var(--purple)}.prompt-symbol{color:var(--text-secondary);margin-left:var(--space-xs)}.input-wrapper{flex:1;position:relative;display:flex;align-items:center}.terminal-input{position:absolute;width:100%;background:transparent;border:none;outline:none;color:transparent;font-family:inherit;font-size:inherit;caret-color:transparent;padding:0;z-index:1}.terminal-input:focus{outline:none;box-shadow:none}.terminal-input::selection{background:transparent}.input-mirror{color:var(--text-primary);white-space:pre;pointer-events:none}.cursor{display:inline-block;width:.6em;height:1.2em;background:var(--amber);animation:blink 1s step-end infinite;box-shadow:0 0 8px var(--amber-glow);vertical-align:text-bottom}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.boot-line{opacity:0;animation:fadeIn .1s ease forwards}@keyframes fadeIn{to{opacity:1}}.typing{overflow:hidden;border-right:2px solid var(--amber);white-space:nowrap;animation:typing 1s steps(40) forwards,cursor-blink .75s step-end infinite}@keyframes typing{0%{width:0}to{width:100%}}@keyframes cursor-blink{50%{border-color:transparent}}.help-table{display:grid;grid-template-columns:auto 1fr;gap:var(--space-xs) var(--space-lg);margin:var(--space-sm) 0}.help-cmd{color:var(--cyan);font-weight:500}.help-desc{color:var(--text-secondary)}.info-box{border:1px solid var(--amber-dim);border-radius:4px;padding:var(--space-md);margin:var(--space-sm) 0;background:#d4a01708}.info-box-header{color:var(--amber-bright);font-weight:600;margin-bottom:var(--space-sm);text-shadow:0 0 6px var(--amber-glow)}@media(prefers-reduced-motion:reduce){.cursor{animation:none;opacity:1}.status-dot{animation:none}.scanlines{display:none}.boot-line{animation:none;opacity:1}}@media screen and (max-width:768px){:root{--font-size: 13px}.terminal-body{padding:var(--space-md)}.terminal-header{padding:var(--space-sm) var(--space-md)}.ascii-art{font-size:9px}}@media screen and (max-width:480px){:root{--font-size: 12px}.terminal-body{padding:var(--space-sm)}.terminal-input{font-size:16px}.prompt{font-size:12px}.ascii-art{font-size:7px}.help-table{grid-template-columns:1fr;gap:var(--space-xs)}.help-desc{padding-left:var(--space-md);margin-bottom:var(--space-sm)}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}::selection{background:var(--amber);color:var(--bg-deep)}:focus-visible{outline:2px solid var(--cyan);outline-offset:2px}.terminal-input:focus-visible{outline:none}.game-container{display:flex;flex-direction:column;align-items:center;gap:var(--space-sm);margin:var(--space-md) 0}.game-container canvas{border:2px solid var(--amber-dim);border-radius:4px;box-shadow:0 0 20px var(--amber-glow);max-width:100%;height:auto;touch-action:none;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.game-info{color:var(--text-muted);font-size:12px}.snake-mobile-controls{margin-top:var(--space-md);display:flex;justify-content:center;width:100%}.snake-dpad{position:relative;width:200px;height:200px;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);gap:4px;max-width:100%}.snake-btn{background:#d4a0171a;border:2px solid var(--amber-dim);border-radius:4px;color:var(--amber);font-size:24px;font-weight:600;cursor:pointer;transition:all .15s ease;-webkit-tap-highlight-color:transparent;touch-action:manipulation;padding:0;display:flex;align-items:center;justify-content:center;font-family:IBM Plex Mono,monospace}.snake-btn:active{background:#d4a0174d;transform:scale(.95);box-shadow:0 0 10px var(--amber-glow)}.snake-btn-up{grid-column:2;grid-row:1}.snake-btn-left{grid-column:1;grid-row:2}.snake-btn-center{grid-column:2;grid-row:2;font-size:20px}.snake-btn-right{grid-column:3;grid-row:2}.snake-btn-down{grid-column:2;grid-row:3}@media(max-width:600px){.game-container canvas{width:100%;max-width:300px}.snake-dpad{width:180px;height:180px}.snake-btn{font-size:20px}.snake-btn-center{font-size:18px}}.breakout-mobile-controls{display:flex;justify-content:center;gap:20px;margin-top:10px}.breakout-btn{width:60px;height:50px;font-size:24px;background:#d4a01733;border:2px solid var(--amber-dim);border-radius:8px;color:var(--amber);cursor:pointer;display:flex;align-items:center;justify-content:center;user-select:none;-webkit-user-select:none;touch-action:manipulation;font-family:IBM Plex Mono,monospace}.breakout-btn:active{background:#d4a01766}.slots-controls{display:flex;justify-content:center;gap:15px;margin-top:10px}.slots-btn{height:45px;padding:0 20px;font-size:14px;font-weight:700;background:#d4a01733;border:2px solid var(--amber-dim);border-radius:8px;color:var(--amber);cursor:pointer;display:flex;align-items:center;justify-content:center;user-select:none;-webkit-user-select:none;touch-action:manipulation;font-family:IBM Plex Mono,monospace;transition:background .15s}.slots-btn:hover{background:#d4a01759}.slots-btn-spin{padding:0 35px;background:#d4a0174d;font-size:16px}.slots-btn:active{background:#d4a01780}.slots-btn:disabled{opacity:.5;cursor:not-allowed}#matrix-canvas{position:fixed;top:0;left:0;width:100%;height:100%;z-index:2000;pointer-events:none}