*{box-sizing:border-box}html,body{margin:0;padding:0;height:100%}body{background:#0a0a0a;color:#00ff9f;font-family:VT323,monospace;-webkit-font-smoothing:antialiased;overflow:hidden;overscroll-behavior:none;display:flex;align-items:center;justify-content:center;padding:1rem}[hidden]{display:none!important}#pre-warp{width:100%;max-width:42rem}.crt{background:#0f0f0f;border:8px solid #222;border-radius:12px;padding:1.25rem;position:relative;overflow:hidden;box-shadow:0 0 60px #00ff9f,inset 0 0 100px #00ff9f40,0 0 18px #f0a}@media (min-width: 768px){.crt{border-width:12px;padding:2rem;box-shadow:0 0 80px #00ff9f,inset 0 0 120px #00ff9f4d,0 0 20px #f0a}}.crt:before{content:"";position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(transparent 0 3px,#00ff9f14 3px 4px);z-index:2}.crt-header{display:flex;justify-content:space-between;align-items:flex-start;gap:.75rem;margin-bottom:1.25rem}@media (min-width: 768px){.crt-header{margin-bottom:1.5rem}}.retro-text{font-weight:700;letter-spacing:4px;text-shadow:0 0 8px #00ff9f,0 0 16px #00ff9f}@media (min-width: 768px){.retro-text{letter-spacing:8px;text-shadow:0 0 10px #00ff9f,0 0 20px #00ff9f}}.title{font-size:2.5rem}@media (min-width: 768px){.title{font-size:3.75rem}}.subtitle{font-size:.875rem;color:#00ff9fb3;margin-top:-.25rem}@media (min-width: 768px){.subtitle{font-size:1.25rem;margin-top:-.5rem}}.status{text-align:right;font-size:.625rem;opacity:.6;flex-shrink:0}@media (min-width: 768px){.status{font-size:.875rem}}.noisy{color:#f87171}.crt-body{margin-bottom:1.5rem;font-size:1rem;line-height:1.1}@media (min-width: 768px){.crt-body{margin-bottom:2rem;font-size:1.125rem}}.crt-body p{margin:0 0 .75rem}.crt-body .loud{color:#f0a}.crt-body .dim{color:#00ff9fcc}.warp-button{display:block;width:100%;padding:1rem 0;font-family:inherit;font-size:1.5rem;font-weight:700;letter-spacing:2px;background:#111;color:#00ff9f;border:4px solid #00ff9f;cursor:pointer;transition:all .1s ease;box-shadow:0 0 24px #00ff9f}@media (min-width: 768px){.warp-button{padding:1.25rem 0;font-size:1.875rem}}.warp-button:hover{background:#00ff9f;color:#000;box-shadow:0 0 50px #00ff9f,0 0 80px #f0a;transform:scale(1.02)}.warp-button:active{transform:scale(.985)}.hint{text-align:center;font-size:.625rem;margin-top:.75rem;opacity:.5}@media (min-width: 768px){.hint{font-size:.75rem;margin-top:1rem}}.footer{text-align:center;font-size:.625rem;margin-top:1rem;opacity:.4}@media (min-width: 768px){.footer{font-size:.75rem;margin-top:1.5rem}}@keyframes glitch-jitter{0%,to{transform:translate(0)}25%{transform:translate(-1px,1px)}50%{transform:translate(1px,-1px)}75%{transform:translate(-1px,-1px)}}.glitch{animation:glitch-jitter .18s linear}#warp-host{position:fixed;inset:0;z-index:50;background:#04040e}#warp-host canvas{display:block}#skip-btn{position:fixed;bottom:18px;right:18px;z-index:60;background:#000000a6;color:#00ff9f;border:1px solid #00ff9f;padding:8px 16px;font-family:VT323,monospace;font-size:18px;letter-spacing:2px;cursor:pointer;opacity:0;pointer-events:none;transition:opacity .4s ease,box-shadow .2s ease}#skip-btn.visible{opacity:.7;pointer-events:auto}#skip-btn:hover{opacity:1;box-shadow:0 0 14px #00ff9f}