:root{--mustard:#C9B458;--damp:#b8a678;--fluor:#f4f1dc;--ink:#0f0e0a;--panel:#1a1810;--amber:#e8b64a;--cyan:#a8e6e2;}
*{box-sizing:border-box}
body{margin:0;background:var(--ink);color:var(--fluor);font-family:'IBM Plex Mono',monospace;
background-image:radial-gradient(ellipse at 50% 0%,rgba(201,180,88,.14),transparent 60%),
repeating-linear-gradient(45deg,rgba(201,180,88,.03) 0 2px,transparent 2px 6px);min-height:100vh}
.vt{font-family:'VT323',monospace}
.scanlines{pointer-events:none;position:fixed;inset:0;z-index:50;background:repeating-linear-gradient(0deg,rgba(0,0,0,.18) 0 1px,transparent 1px 3px);mix-blend-mode:multiply}
.flicker{animation:flick 6s infinite}
@keyframes flick{0%,19%,21%,62%,64%,100%{opacity:1}20%,63%{opacity:.35}}
.panel{background:linear-gradient(180deg,#1f1c12,#15130c);border:1px solid rgba(201,180,88,.25);position:relative}
.panel::after{content:"";position:absolute;inset:0;pointer-events:none;opacity:.07;
background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence baseFrequency='.9'/%3E%3C/filter%3E%3Crect width='120' height='120' filter='url(%23n)'/%3E%3C/svg%3E")}
.vhs{filter:contrast(1.08) saturate(1.15) sepia(.12);}
.vhs-wrap{position:relative;overflow:hidden;background:#000}
.vhs-wrap::before{content:"";position:absolute;inset:0;z-index:3;pointer-events:none;background:radial-gradient(ellipse,transparent 55%,rgba(0,0,0,.75))}
.vhs-wrap::after{content:"";position:absolute;inset:0;z-index:3;pointer-events:none;opacity:.12;
background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='n'%3E%3CfeTurbulence baseFrequency='.8' numOctaves='2'/%3E%3C/filter%3E%3Crect width='200' height='200' filter='url(%23n)'/%3E%3C/svg%3E");animation:grain .4s steps(3) infinite}
@keyframes grain{0%{transform:translate(0,0)}50%{transform:translate(-3%,2%)}100%{transform:translate(2%,-2%)}}
.chroma{text-shadow:2px 0 rgba(255,0,60,.5),-2px 0 rgba(0,220,255,.5)}
.static{background:repeating-linear-gradient(0deg,#222 0 2px,#444 2px 3px,#111 3px 5px);animation:stat .15s steps(4) infinite}
@keyframes stat{0%{background-position:0 0}100%{background-position:0 40px}}
.remember{background:var(--mustard);color:var(--ink);animation:pulse 2.4s infinite}
@keyframes pulse{0%,100%{box-shadow:0 0 0 0 rgba(201,180,88,.6)}50%{box-shadow:0 0 28px 6px rgba(201,180,88,.25)}}
input[type=range]{accent-color:var(--mustard);width:100%}
.btn{border:1px solid rgba(201,180,88,.5);padding:.35rem .6rem;font-size:.75rem;text-transform:uppercase;letter-spacing:.08em}
.btn:hover{background:rgba(201,180,88,.15)}
.btn:disabled{opacity:.4}
.stranger{color:var(--cyan);letter-spacing:.14em;word-spacing:.4em}
.witness{color:var(--amber)}
.toast{animation:toastin .4s ease-out}
@keyframes toastin{from{transform:translateY(20px);opacity:0}}
::-webkit-scrollbar{height:6px;width:6px}::-webkit-scrollbar-thumb{background:var(--mustard)}