@import"https://fonts.googleapis.com/css2?family=VT323&display=swap";*{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;height:100%;overflow:hidden;background:#0a0510;font-family:VT323,Courier New,monospace;overscroll-behavior:none}.scene{position:relative;width:100vw;height:100dvh;overflow:hidden}@supports not (height: 100dvh){.scene{height:100vh}}.bg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain;object-position:center;-webkit-user-select:none;user-select:none;pointer-events:none;z-index:1}.screen-mask{position:absolute;z-index:2;overflow:hidden;border-radius:4px}.screen-content{position:relative;width:100%;height:100%;background:radial-gradient(ellipse at 50% 40%,#0a0a12,#050508 60%,#000);color:#0f8;padding:16px 22px;font-size:clamp(11px,1.3vw,16px);line-height:1.4;overflow-y:auto;overflow-x:hidden;box-shadow:inset 0 0 80px #000000f2,inset 0 0 20px #00ff6408}.screen-content::-webkit-scrollbar{width:4px}.screen-content::-webkit-scrollbar-track{background:transparent}.screen-content::-webkit-scrollbar-thumb{background:#0f83;border-radius:2px}.scanlines{position:absolute;z-index:3;pointer-events:none;border-radius:4px;overflow:hidden;background:repeating-linear-gradient(0deg,rgba(0,0,0,.15) 0px,rgba(0,0,0,.15) 1px,transparent 1px,transparent 3px);mix-blend-mode:multiply}.glass-layer{position:absolute;z-index:4;pointer-events:none;border-radius:4px;overflow:hidden;background:linear-gradient(135deg,rgba(255,255,255,.08) 0%,rgba(255,255,255,.03) 20%,transparent 45%,rgba(255,255,255,.01) 75%,transparent 100%);box-shadow:inset -60px -40px 80px #ffffff04}.glass-layer:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;opacity:.04;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-size:128px 128px}.screen-vignette{position:absolute;z-index:5;pointer-events:none;border-radius:4px;overflow:hidden;box-shadow:inset 0 0 60px #000c,inset 0 0 120px #0006}.lamp-glow{position:absolute;z-index:0;pointer-events:none;border-radius:50%;background:radial-gradient(ellipse at 50% 40%,rgba(255,180,80,.12) 0%,rgba(255,140,50,.06) 30%,rgba(255,100,30,.02) 55%,transparent 75%);mix-blend-mode:screen;animation:lamp-flicker 8s ease-in-out infinite}@keyframes lamp-flicker{0%{opacity:1}4%{opacity:.85}6%{opacity:1}14%{opacity:.95}16%{opacity:1}30%{opacity:1}32%{opacity:.4}33%{opacity:.9}34%{opacity:.3}35%{opacity:1}50%{opacity:1}70%{opacity:.92}72%{opacity:1}85%{opacity:1}87%{opacity:.7}88%{opacity:1}to{opacity:1}}@keyframes flicker{0%{opacity:.97}50%{opacity:1}to{opacity:.98}}@keyframes blink-anim{0%,49%{opacity:1}50%,to{opacity:0}}@keyframes glitch-shift{0%{transform:translate(0)}20%{transform:translate(-2px,1px)}40%{transform:translate(2px,-1px)}60%{transform:translate(-1px,-1px)}80%{transform:translate(1px,2px)}to{transform:translate(0)}}@keyframes color-bleed{0%{text-shadow:1px 0 #ff0000,-1px 0 #00ffff}50%{text-shadow:-1px 0 #ff0000,1px 0 #00ffff}to{text-shadow:1px 0 #ff0000,-1px 0 #00ffff}}.screen-content.flickering{animation:flicker .08s infinite alternate}#terminal{position:relative;white-space:pre-wrap;word-break:break-word}#terminal-output{min-height:20px}.cursor-block{display:inline-block;width:.6em;height:1.1em;background:#0f8;vertical-align:text-bottom;animation:blink-anim .7s steps(1) infinite}.hidden{display:none}.ui-header{font-size:clamp(14px,1.8vw,22px);color:#0f8;margin-bottom:10px;letter-spacing:2px;animation:color-bleed 3s infinite}.ui-body{display:flex;flex-direction:column;gap:2px;margin-bottom:12px}.nav-item{color:#0c6;cursor:pointer;padding:2px 0;transition:color .1s,text-shadow .1s;letter-spacing:1px}.nav-item:hover{color:#0f8;text-shadow:0 0 8px rgba(0,255,136,.6),0 0 20px rgba(0,255,136,.3)}.nav-item:active{animation:glitch-shift .15s linear}#section-display{min-height:40px;padding:8px 0;color:#095;border-top:1px solid #00ff8822;margin-bottom:8px;white-space:pre-wrap;line-height:1.6}.prompt-line{display:flex;align-items:center;gap:6px;color:#0f8}#cmd-input{background:transparent;border:none;outline:none;color:#0f8;font-family:VT323,Courier New,monospace;font-size:inherit;width:100%;caret-color:#0f8}.blink{animation:blink-anim 1s steps(1) infinite}.crt-form{margin-top:12px;display:flex;flex-direction:column;gap:10px}.crt-field{display:flex;flex-direction:column;gap:2px}.crt-field label{color:#0f8;font-size:inherit;letter-spacing:2px}.crt-field input{background:#00ff880a;border:1px solid #00ff8833;border-bottom:1px solid #00ff8866;outline:none;color:#0f8;font-family:VT323,Courier New,monospace;font-size:inherit;padding:6px 8px;caret-color:#0f8;letter-spacing:1px;transition:border-color .2s,box-shadow .2s}.crt-field input::placeholder{color:#0f83}.crt-field input:focus{border-color:#0f86;box-shadow:0 0 6px #00ff8826,inset 0 0 8px #00ff880d}.crt-submit{background:transparent;border:1px solid #00ff8844;color:#0f8;font-family:VT323,Courier New,monospace;font-size:inherit;padding:8px 16px;cursor:pointer;letter-spacing:3px;margin-top:4px;transition:all .15s;align-self:flex-start}.crt-submit:hover{background:#00ff8814;border-color:#0f8;text-shadow:0 0 8px rgba(0,255,136,.5)}.crt-submit:active{animation:glitch-shift .12s linear}.crt-disclaimer{margin-top:8px;color:#f448;font-size:clamp(9px,1vw,12px);letter-spacing:1px}.crt-hp{position:absolute;left:-9999px;top:-9999px;opacity:0;height:0;width:0;overflow:hidden;pointer-events:none}.glitch-flash{position:absolute;top:0;right:0;bottom:0;left:0;background:#ff00000f;pointer-events:none;z-index:10;animation:glitch-flash-anim .15s forwards}@keyframes glitch-flash-anim{0%{opacity:1}50%{opacity:.5}to{opacity:0}}.static-burst{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:10;opacity:.15;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 512 512' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='turbulence' baseFrequency='0.8' numOctaves='6'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-size:256px 256px;mix-blend-mode:screen}.error-overlay{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#f33;font-size:clamp(11px,1.2vw,16px);text-align:center;letter-spacing:3px;z-index:11;text-shadow:0 0 10px rgba(255,0,0,.5);animation:glitch-shift .2s linear infinite}@media(max-width:768px)and (orientation:portrait){.bg{object-fit:cover;object-position:center center}.screen-content{font-size:clamp(14px,3.8vw,18px);padding-top:calc(var(--mobile-pad-top, 0px) + 14px);padding-left:calc(var(--mobile-pad-left, 0px) + 16px);padding-right:calc(var(--mobile-pad-right, 0px) + 16px);padding-bottom:14px;line-height:1.5;-webkit-overflow-scrolling:touch}.ui-header{font-size:clamp(18px,5vw,24px);margin-bottom:12px}.nav-item{padding:10px 0;font-size:clamp(15px,4vw,20px)}.crt-field input{padding:12px;font-size:16px}.crt-submit{padding:14px 20px;font-size:16px}#cmd-input{padding:10px 0;font-size:16px}.prompt-line{padding:6px 0}.crt-disclaimer{font-size:clamp(11px,2.8vw,14px)}.error-overlay{font-size:clamp(13px,3.5vw,18px)}}
