:root{--phosphor: #6ad06e;--phosphor-dim: #2f7a3a;--phosphor-glow: rgba(106, 208, 110, .45);--phosphor-faint: rgba(106, 208, 110, .08);--terminal-bg: #060a10;--space-bg-url: url(/assets/StockCake-Vintage_Control_Room-1082985-standard-TcQr5MdM.jpg)}*{box-sizing:border-box;margin:0;padding:0}html,body{width:100%;height:100%;background:#000;font-family:VT323,monospace;overflow:hidden;color:var(--phosphor)}#space-background{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;overflow:hidden;animation:bg-drift 60s ease-in-out infinite alternate}#space-background .bg-image{position:absolute;top:-2%;right:-2%;bottom:-2%;left:-2%;background-color:#050709;background-image:var(--space-bg-url),radial-gradient(circle at 12% 22%,rgba(255,120,40,.06) 0 2px,transparent 3px),radial-gradient(circle at 88% 18%,rgba(255,80,60,.05) 0 2px,transparent 3px),radial-gradient(circle at 7% 78%,rgba(255,180,80,.04) 0 2px,transparent 3px),radial-gradient(circle at 92% 84%,rgba(80,200,160,.04) 0 2px,transparent 3px),radial-gradient(ellipse at 20% 30%,#14202a 0%,transparent 55%),radial-gradient(ellipse at 80% 70%,#0e1a1f 0%,transparent 60%),linear-gradient(180deg,#06090c,#0a1014,#050709);background-size:cover;background-position:center;filter:saturate(.6) brightness(.7)}#space-background .bg-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at center,#00000040,#0000008c),linear-gradient(180deg,#00000026,#00000059)}#space-background .bg-vignette{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at center,transparent 45%,rgba(0,0,0,.55) 100%)}@keyframes bg-drift{0%{transform:scale(1.02) translate(0)}to{transform:scale(1.04) translate(-.5%,.4%)}}body:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:999;pointer-events:none;background-image:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='1.4' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 1  0 0 0 0 1  0 0 0 0 1  0 0 0 0.55 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-size:200px 200px;opacity:.12;mix-blend-mode:overlay}#app-root{position:relative;z-index:1;width:100vw;height:100vh;display:flex;justify-content:center;align-items:center}.monitor-wrapper{position:relative;width:min(99vmin,1240px);height:min(99vmin,1240px);aspect-ratio:1/1;margin:auto;filter:saturate(.82) contrast(1.06) brightness(.92)}#monitor-bezel{position:relative;width:100%;height:100%;background:#000 url(/assets/StockCake-Retro_Space_Console-1608163-standard-BAfYhTCK.jpg) center/cover no-repeat;border-radius:4%;mask-image:radial-gradient(ellipse 96% 96% at center,black 78%,transparent 100%);-webkit-mask-image:radial-gradient(ellipse 96% 96% at center,black 78%,transparent 100%);box-shadow:inset 0 0 120px #00000080;padding:0;display:block;container-type:size;cursor:pointer}body.crt-active #monitor-bezel{box-shadow:inset 0 0 110px #00000073,0 0 30px #0009,0 0 90px #6ad06e29;cursor:default}.screen-area{position:absolute;top:23%;left:22%;right:22%;bottom:32%;width:auto;height:auto;background:var(--terminal-bg);overflow:hidden;z-index:10;border-radius:8%/12%;box-shadow:inset 0 0 80px #6ad06e0f,inset 0 0 40px #000000d9,0 0 60px #6ad06e26}body.crt-active .screen-area{background:radial-gradient(ellipse at center,#08220e 0%,var(--terminal-bg) 75%)}body.crt-active .screen-area{animation:power-on .5s ease-out}body.crt-shutdown .screen-area{animation:power-off .4s ease-in forwards}@keyframes power-on{0%{filter:brightness(0);transform:scaleY(.001)}35%{filter:brightness(2);transform:scaleY(.005)}60%{filter:brightness(1.4);transform:scale(1)}to{filter:brightness(1);transform:scale(1)}}@keyframes power-off{0%{filter:brightness(1);transform:scale(1)}60%{filter:brightness(2);transform:scaleY(.005)}to{filter:brightness(0);transform:scale(.8,.001)}}#terminal-container{position:absolute;top:0;right:0;bottom:0;left:0;padding:3% 4%;overflow:hidden}#terminal-output{width:100%;height:100%;color:var(--phosphor);font-size:clamp(10px,3.2cqh,17px);line-height:1.25;white-space:pre-wrap;word-wrap:break-word;text-shadow:0 0 4px var(--phosphor-glow),0 0 12px rgba(51,255,51,.18);overflow-y:auto;scrollbar-width:none;filter:contrast(1.05) saturate(1.1)}#terminal-output::-webkit-scrollbar{display:none}#cursor{display:inline-block;width:.65em;height:1.05em;background:var(--phosphor);animation:blink 1.2s step-end infinite;vertical-align:baseline;margin-left:2px;transform:translateY(2px)}@keyframes blink{50%{background:transparent}}.scanlines{position:absolute;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(transparent 0px,rgba(0,0,0,.18) 1px,transparent 2px,transparent 3px);pointer-events:none;z-index:50;opacity:0;mix-blend-mode:multiply}body.crt-active .scanlines{opacity:.5;animation:scan-roll 7s linear infinite}@keyframes scan-roll{0%{background-position:0 0}to{background-position:0 100vh}}.glow-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at center,transparent 50%,rgba(0,0,0,.45) 100%),linear-gradient(#12101000 50%,#0000002e 50%);background-size:100% 100%,100% 3px;pointer-events:none;z-index:40;opacity:0}body.crt-active .glow-overlay{opacity:1;animation:flicker .18s infinite}@keyframes flicker{0%{opacity:1}20%{opacity:.97}40%{opacity:1}60%{opacity:.95}80%{opacity:1}to{opacity:.98}}body.crt-active .screen-area:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(transparent 0%,rgba(51,255,51,.04) 50%,transparent 100%);z-index:35;animation:rolling-bar 11s linear infinite}@keyframes rolling-bar{0%{transform:translateY(-100%);opacity:0}10%{opacity:.4}to{transform:translateY(100%);opacity:.4}}#matrix-rain{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:30;pointer-events:none;background:#000}#matrix-rain.hidden{display:none}.controls-area{position:absolute;bottom:25px;left:50%;transform:translate(-50%);z-index:20;display:flex;align-items:center;gap:8px;visibility:hidden}.label-on,.label-off{color:#555;font-size:10px;font-family:sans-serif;font-weight:700;text-shadow:0 1px 0 rgba(255,255,255,.1);-webkit-user-select:none;user-select:none}.label-on{color:#4cd137;opacity:.5}body.crt-active .label-on{opacity:1;text-shadow:0 0 5px #4cd137}.power-switch{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:40px;height:16px;background:linear-gradient(#444,#222);border:1px solid #111;border-radius:2px;cursor:pointer;position:relative}.power-switch:hover{background:linear-gradient(#555,#333)}.power-switch:active{transform:scale(.97)}body.crt-active .power-switch{background:linear-gradient(#222,#444);box-shadow:inset 0 0 4px #3f33}.power-led{position:absolute;top:57%;right:12%;width:6px;height:6px;background:#300;border-radius:50%}body.crt-active .power-led{background:var(--phosphor);box-shadow:0 0 8px var(--phosphor),0 0 15px var(--phosphor-glow);animation:led-pulse 2s ease-in-out infinite}@keyframes led-pulse{0%,to{opacity:1}50%{opacity:.7}}.startup-hint{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:var(--phosphor-dim);font-size:clamp(10px,2cqh,14px);text-transform:uppercase;letter-spacing:2px;animation:pulse 2s ease-in-out infinite;pointer-events:none;text-shadow:0 0 6px var(--phosphor-glow)}@keyframes pulse{0%,to{opacity:.3}50%{opacity:.85}}body.crt-active .startup-hint{display:none}.menu-item{cursor:pointer}.menu-item:hover{text-shadow:0 0 10px var(--phosphor)}.escape-button{position:absolute;top:6px;right:6px;background:transparent;border:1px solid var(--phosphor-dim);color:var(--phosphor-dim);font-family:inherit;font-size:10px;padding:2px 8px;cursor:pointer;z-index:100;letter-spacing:1px}.escape-button:hover{border-color:var(--phosphor);color:var(--phosphor);text-shadow:0 0 4px var(--phosphor)}.hidden{display:none!important}.audio-panel{position:fixed;top:14px;right:14px;z-index:200;display:flex;gap:6px;padding:4px;background:#080c0e8c;border:1px solid rgba(255,255,255,.06);border-radius:4px;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.audio-toggle{-webkit-appearance:none;-moz-appearance:none;appearance:none;font-family:VT323,monospace;font-size:14px;letter-spacing:1px;color:#5c6a70;background:transparent;border:1px solid rgba(255,255,255,.06);border-radius:2px;padding:3px 8px;cursor:pointer;min-width:32px;transition:color .12s ease,border-color .12s ease,background .12s ease}.audio-toggle:hover{color:#aab8be;border-color:#ffffff26}.audio-toggle.is-active{color:var(--phosphor-dim);border-color:#33ff3340;background:#33ff330a}.audio-toggle.is-active:hover{color:var(--phosphor);border-color:#33ff3380}.credits-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:300;display:flex;align-items:center;justify-content:center;background:#000000b3;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.credits-card{position:relative;max-width:540px;width:calc(100% - 32px);max-height:calc(100vh - 60px);overflow-y:auto;padding:24px 28px 20px;background:#0a0f12;border:1px solid rgba(51,255,51,.2);border-radius:4px;color:#c8d3d8;font-family:VT323,monospace;font-size:16px;line-height:1.4;box-shadow:0 0 40px #33ff3314}.credits-card h2{margin:0 0 12px;font-size:22px;letter-spacing:2px;color:var(--phosphor);text-shadow:0 0 6px var(--phosphor-glow)}.credits-lede{margin:0 0 14px;color:#8a9aa1}.credits-list{list-style:none;padding:0;margin:0 0 14px}.credits-list li{padding:6px 0;border-top:1px dashed rgba(255,255,255,.06)}.credits-list li:first-child{border-top:none}.credits-list a{color:var(--phosphor)}.credits-list code{font-family:inherit;color:var(--phosphor-dim)}.credits-foot{margin:0;font-size:14px;color:#5c6a70}.credits-close{position:absolute;top:6px;right:8px;background:transparent;border:none;color:#8a9aa1;font-size:22px;line-height:1;cursor:pointer;padding:4px 8px}.credits-close:hover{color:var(--phosphor)}@media (max-width: 768px){.monitor-wrapper{width:100vw;height:100vh;max-width:none;max-height:none;aspect-ratio:auto}#monitor-bezel,body.crt-active #monitor-bezel{background:#000;padding:10px;border-radius:0;box-shadow:none}.screen-area{position:relative;inset:auto;top:0;left:0;right:0;bottom:0;width:100%;height:100%;border-radius:0;box-shadow:none}#terminal-output{font-size:15px;padding:.5rem}.controls-area{visibility:visible;bottom:20px;gap:14px;pointer-events:none}.power-switch{pointer-events:auto;width:60px;height:30px;border:2px solid #333;z-index:100}.power-led{position:static;margin-top:0}.escape-button{font-size:14px;padding:6px 12px}}@media (prefers-reduced-motion: reduce){body.crt-active .glow-overlay,body.crt-active .scanlines,body.crt-active .screen-area:after,body.crt-active .power-led,body.crt-active .screen-area,body.crt-shutdown .screen-area,#space-background,.startup-hint,#cursor{animation:none}}