:root{--bg-top: #d8d8de;--bg-bottom: #efedf2;--ink: #f5f5f5;--panel: #060606;--line: #111;--screen-border: #8fe2e0;--screen-title: #3f59dc;--screen-bg: #f6f6f0;--stamp: #eb5166}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}body{overflow:hidden;background:#000;color:var(--ink);font-family:IBM Plex Mono,monospace}.scene{position:relative;min-height:100dvh;isolation:isolate;background:radial-gradient(circle at 15% 12%,rgb(255 255 255 / 22%) 0%,transparent 45%),radial-gradient(circle at 83% 20%,rgb(166 192 255 / 18%) 0%,transparent 50%),linear-gradient(180deg,var(--bg-top) 0%,var(--bg-bottom) 100%)}.webgl-layer{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none}.webgl-canvas{width:100%;height:100%;display:block;opacity:0;transition:opacity .35s ease;pointer-events:none}.scene-art{position:absolute;inset:auto 0 0;width:100%;min-height:68dvh;object-fit:cover;object-position:center bottom;filter:saturate(.94) contrast(.96);transform-origin:center bottom;animation:idle-jitter .36s infinite}body.webgl-ready .webgl-canvas{opacity:1}body.webgl-ready .scene-art{opacity:0;transition:opacity .25s ease}.atmosphere{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#f8f8fa1f,#07070724 68%,#0000003d),radial-gradient(circle at 50% 56%,transparent 0%,rgb(0 0 0 / 24%) 75%);pointer-events:none;z-index:2}.grain{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:.08;z-index:3;background-image:repeating-linear-gradient(90deg,rgb(255 255 255 / .22) 0px,rgb(255 255 255 / .22) 1px,transparent 1px,transparent 2px),repeating-linear-gradient(0deg,rgb(0 0 0 / .15) 0px,rgb(0 0 0 / .15) 1px,transparent 1px,transparent 3px)}.hud{position:absolute;top:clamp(16px,5vw,64px);left:clamp(16px,5vw,64px);display:flex;flex-direction:column;gap:8px;z-index:8}.hud-line{width:max-content;padding:7px 12px;border:1px solid var(--line);background:var(--panel);color:var(--ink);font-size:clamp(.68rem,.74rem + .36vw,1rem);letter-spacing:.07em;text-transform:uppercase;display:flex;align-items:center;gap:8px;opacity:0;transform:translate(-28px);transition:transform .38s ease,opacity .38s ease}.prefix{opacity:.66}.hud-controls{display:flex;gap:6px;opacity:0;transform:translate(-28px);transition:transform .38s ease,opacity .38s ease;transition-delay:.28s}.control-button{border:1px solid #151515;background:#000;color:#fff;font-family:IBM Plex Mono,monospace;letter-spacing:.08em;text-transform:uppercase;font-size:clamp(.62rem,.58rem + .27vw,.82rem);padding:6px 10px;cursor:pointer}.monitor-window{position:absolute;top:35.3%;left:50%;transform:translate(-50%,-50%);width:clamp(186px,20.5vw,315px);border:2px solid var(--screen-border);background:var(--screen-bg);color:#181818;box-shadow:0 14px 36px #00000057,0 0 0 5px #91dde03d;opacity:0;scale:.95;transition:opacity .42s ease,scale .42s ease;z-index:7}.monitor-titlebar{height:20px;padding:0 6px;display:flex;align-items:center;justify-content:space-between;background:linear-gradient(90deg,#4f66e4 0%,var(--screen-title) 100%);color:#fafaff;font-size:.67rem;text-transform:uppercase;letter-spacing:.08em}.title-dot{width:8px;height:8px;background:#f0f0f0}.monitor-content{text-align:center;padding:22px 14px 20px}.monitor-content h1{color:#222;font-family:VT323,monospace;font-size:clamp(1.55rem,1rem + 1.15vw,2.3rem);line-height:.95;letter-spacing:.01em}.monitor-content p{margin-top:4px;color:#4c4c4c;text-transform:uppercase;letter-spacing:.12em;font-size:clamp(.5rem,.44rem + .21vw,.7rem)}.monitor-links{margin-top:13px;display:flex;justify-content:center;gap:8px}.monitor-links a{border:1px solid #dadad4;background:#fff;color:#252525;text-decoration:none;font-size:clamp(.56rem,.52rem + .16vw,.66rem);letter-spacing:.09em;text-transform:uppercase;padding:4px 6px}.monitor-links a:hover{background:#f0f0f0}.hire-stamp{margin-top:14px;display:inline-block;text-decoration:none;text-transform:uppercase;font-family:VT323,monospace;letter-spacing:.09em;color:#fff;background:var(--stamp);padding:8px 11px 7px;transform:rotate(-8deg);border:2px solid rgb(241 198 205 / 46%);box-shadow:0 4px 14px #e05a6e4d}.enter-prompt{position:absolute;left:50%;bottom:clamp(16px,5vw,64px);transform:translate(-50%);display:inline-flex;align-items:center;gap:11px;border:1px solid #181818;background:#000;color:#f8f8f8;text-transform:uppercase;letter-spacing:.08em;font-family:IBM Plex Mono,monospace;font-size:clamp(.65rem,.57rem + .28vw,.88rem);padding:10px 16px;cursor:pointer;z-index:9;transition:opacity .24s ease,transform .24s ease}.enter-prompt:after{content:"";width:9px;height:10px;background:#fff;animation:cursor-blink .7s steps(1,end) infinite}body.started .monitor-window{opacity:1;scale:1;transition-delay:.42s}body.started .hud-line,body.started .hud-controls{opacity:1;transform:translate(0)}body.started .hud-line:nth-child(1){transition-delay:.12s}body.started .hud-line:nth-child(2){transition-delay:.2s}body.started .hud-line:nth-child(3){transition-delay:.28s}body.started .enter-prompt{pointer-events:none;opacity:0;transform:translate(-50%,14px)}@media(max-width:980px){.scene-art{min-height:86dvh;object-position:54% bottom}.monitor-window{top:32.5%;width:clamp(165px,51vw,280px)}}@media(max-width:700px){.scene-art{min-height:100dvh;object-position:58% bottom}.monitor-window{top:30%;width:min(78vw,260px)}.monitor-content{padding:15px 10px 14px}.monitor-links{gap:6px}.monitor-links a{padding:3px 5px}}@media(prefers-reduced-motion:reduce){.scene-art,.enter-prompt:after{animation:none}.webgl-canvas,.monitor-window,.hud-line,.hud-controls,.enter-prompt{transition:none}}@keyframes idle-jitter{10%{transform:translate(-.16px,-.12px) scale(1)}30%{transform:translate(.12px,.08px) scale(1)}50%{transform:translate(-.08px,.11px) scale(1)}70%{transform:translate(.07px,-.1px) scale(1)}90%{transform:translate(-.05px,.04px) scale(1)}}@keyframes cursor-blink{0%,49%{opacity:1}50%,to{opacity:0}}