:root{--bg:#030303;--fg:#ececec;--muted:#7e7e7e;--red:#e10f20;--green:#7bff9f}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--bg);color:var(--fg);font-family:"Courier New",ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;overflow:hidden}body{min-height:100svh}button{font:inherit}
#noise,.scanlines,.vignette,#flash{position:fixed;inset:0;pointer-events:none}#noise{width:100%;height:100%;opacity:.14;mix-blend-mode:screen;z-index:20}.scanlines{z-index:21;background:repeating-linear-gradient(to bottom,transparent 0,transparent 3px,rgba(255,255,255,.035) 4px);opacity:.52}.vignette{z-index:22;box-shadow:inset 0 0 180px 50px #000}#flash{z-index:40;background:#fff;opacity:0}
#app{position:relative;min-height:100svh}.screen{position:absolute;inset:0;display:grid;place-items:center;opacity:0;visibility:hidden;transition:opacity .65s ease,visibility .65s ease;background:radial-gradient(circle at 50% 42%,#101010 0,#050505 45%,#000 100%)}.screen.active{opacity:1;visibility:visible}.corner{position:absolute;font-size:11px;letter-spacing:.14em;color:#6b6b6b;z-index:3}.tl{top:22px;left:24px}.tr{top:22px;right:24px}.bl{bottom:22px;left:24px}.br{bottom:22px;right:24px}
.gate-inner{text-align:center;width:min(92vw,880px);padding:32px}.lock{width:min(650px,90vw);text-align:center}.eyebrow{font-size:12px;letter-spacing:.5em;color:var(--red);margin:0 0 22px}h1{font-size:clamp(54px,11vw,150px);line-height:.83;letter-spacing:-.08em;margin:0;text-transform:uppercase;position:relative;text-shadow:4px 0 0 rgba(225,15,32,.25),-3px 0 0 rgba(0,255,255,.16)}h1::after{content:attr(data-text);position:absolute;inset:0;clip-path:inset(45% 0 38% 0);transform:translateX(3px);opacity:.45}.target{margin:30px 0 38px;color:#a5a5a5;font-size:13px;letter-spacing:.16em}.target strong{color:#fff}.password{display:flex;gap:10px;justify-content:center;margin:28px auto 16px;max-width:480px}.password input{flex:1;min-width:0;background:#050505;border:1px solid #555;color:#eee;padding:16px 18px;font:inherit;letter-spacing:.18em;text-transform:uppercase;outline:none}.password input:focus{border-color:#ddd}.password button,.end-actions button,.closed-inner button{background:#eee;color:#050505;border:0;padding:15px 20px;font:700 11px monospace;letter-spacing:.12em;cursor:pointer}.hint{opacity:.56;font-size:11px;letter-spacing:.12em;line-height:1.7}.feedback{height:22px;margin-top:18px;font:700 12px monospace;letter-spacing:.15em;color:#ddd}.denied{animation:deny .28s linear}@keyframes deny{0%,100%{transform:none}25%{transform:translateX(-8px)}75%{transform:translateX(8px)}}
.confirmed{font:700 clamp(1.5rem,5vw,3rem) monospace;letter-spacing:.13em;text-align:center}.confirmed small{display:block;margin-top:18px;font-size:11px;opacity:.55}.terminal{width:min(88vw,760px);font-size:12px;line-height:1.85;color:#b9b9b9;white-space:pre-wrap}.terminal .ok{color:var(--green)}.terminal .bad{color:var(--red)}
.hud{position:absolute;left:28px;right:28px;display:flex;justify-content:space-between;gap:16px;font-size:10px;color:#8d8d8d;letter-spacing:.14em;z-index:9}.top-hud{top:24px}.bottom-hud{bottom:24px}#transmission{overflow:hidden;background:#010101}
.video-stage{position:absolute;inset:0;display:grid;place-items:center;overflow:hidden}.video-stage video{width:min(74vw,900px);height:min(82vh,820px);object-fit:cover;opacity:.32;filter:grayscale(1) contrast(1.5) brightness(.52) saturate(.25) hue-rotate(178deg);mix-blend-mode:screen;transform:scale(1.03);transition:opacity .08s linear,filter .08s linear}.video-mask{position:absolute;inset:0;background:radial-gradient(circle at center,transparent 0 25%,rgba(0,0,0,.2) 48%,rgba(0,0,0,.82) 78%,#000 100%)}.locator{position:absolute;width:min(65vw,760px);height:min(72vh,720px);border:1px solid rgba(255,255,255,.08);box-shadow:0 0 80px rgba(0,0,0,.85) inset}.locator::before,.locator::after{content:"";position:absolute;background:rgba(255,255,255,.2)}.locator::before{width:18px;height:1px;left:-9px;top:50%}.locator::after{width:1px;height:18px;top:-9px;left:50%}
#wave{position:absolute;left:0;right:0;top:50%;transform:translateY(-50%);width:100%;height:220px;opacity:.82;z-index:4;mix-blend-mode:screen}.message-layer{position:absolute;left:50%;top:58%;transform:translate(-50%,-50%);width:min(88vw,980px);text-align:center;z-index:6;pointer-events:none}.message-layer .line{font-size:clamp(22px,4.4vw,64px);font-weight:700;letter-spacing:-.035em;text-transform:uppercase;text-shadow:0 0 24px #000,3px 0 rgba(225,15,32,.3),-2px 0 rgba(0,255,255,.18);animation:hit .18s both}.message-layer .line.encosto{font-size:clamp(44px,8vw,120px);color:#fff;text-shadow:0 0 16px #000,0 0 38px rgba(225,15,32,.6)}.message-layer .sub{display:block;font-size:10px;color:var(--red);letter-spacing:.38em;margin-top:14px}@keyframes hit{0%{opacity:0;transform:scale(1.16) skewX(-7deg);filter:blur(5px)}100%{opacity:1;transform:scale(1);filter:none}}.glitching .video-stage video{transform:translateX(3px) scale(1.04)}
.end-inner,.closed-inner{text-align:center;padding:30px}.signal-dead{color:var(--red);font-size:11px;letter-spacing:.5em;margin-bottom:28px}.end-inner h2{font-size:clamp(46px,9vw,130px);letter-spacing:-.06em;line-height:.88;margin:0;text-transform:uppercase}.end-inner p,.closed-inner p{margin:30px auto;color:#8c8c8c;line-height:1.8;font-size:13px;max-width:600px}.burn-line{height:1px;width:min(70vw,700px);margin:26px auto;background:linear-gradient(90deg,transparent,var(--red),transparent);box-shadow:0 0 18px var(--red)}.end-actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin:18px 0 28px}.end-actions button:last-child{background:transparent;color:#888;border:1px solid #444}.end-inner small{color:#464646;letter-spacing:.15em}.omen{margin-top:28px;font:700 11px monospace;letter-spacing:.18em;opacity:.6}.closed-inner h3{font-size:clamp(38px,8vw,90px);letter-spacing:.08em;margin:0 0 10px}.closed-inner button{margin-top:10px}.shake{animation:shake .15s linear 1}@keyframes shake{0%,100%{transform:translate(0)}25%{transform:translate(-3px,2px)}50%{transform:translate(4px,-2px)}75%{transform:translate(-2px,-1px)}}
@media(max-width:650px){.corner,.hud{font-size:8px}.corner.bl,.corner.br,.bottom-hud span:nth-child(2){display:none}.hud{left:14px;right:14px}.video-stage video{width:96vw;height:70vh}.locator{width:86vw;height:62vh}.message-layer{top:61%;width:90vw}.message-layer .line{font-size:clamp(20px,7vw,38px)}#wave{height:160px}.target{line-height:1.8}.eyebrow{letter-spacing:.25em}.top-hud span:nth-child(2){display:none}.password{flex-direction:column}.password button{padding:15px}.end-inner h2{font-size:clamp(42px,15vw,90px)}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.001ms!important;transition-duration:.001ms!important}}