:root{--ink: #f2f0e6;--phosphor: #9dffb0;--phosphor-dim: #4f9b62;--amber: #ffcf6b;--cyan: #7de8ff;--bg: #08070c;--crt-font: "VT323", "Courier New", monospace}*{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;height:100%;background:var(--bg);color:var(--ink);font-family:var(--crt-font);overflow:hidden;cursor:default}#app,#app canvas{position:fixed;top:0;right:0;bottom:0;left:0}#app canvas{display:block}.vhs-word{font-family:Archivo Black,Arial Black,sans-serif;font-size:84px;letter-spacing:2px;transform:skew(-8deg);transform-origin:150px 86px;transform-box:view-box}.vhs-main{fill:var(--ink)}.vhs-ghost-r{fill:#ff2a4f;opacity:.55}.vhs-ghost-b{fill:#24d5ff;opacity:.55}.vhs-sub{font-family:var(--crt-font);font-size:21px;letter-spacing:6px;fill:var(--ink);opacity:.85}#intro{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;display:flex;align-items:center;justify-content:center;background:#000;transition:opacity .9s ease}#intro.hidden{opacity:0;pointer-events:none}#intro-static{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;opacity:.22}#intro-content{position:relative;text-align:center;display:flex;flex-direction:column;align-items:center;gap:8px}.logo-big{width:min(480px,78vw);height:auto;filter:drop-shadow(0 0 24px rgba(120,160,255,.25))}#press-play{margin-top:12px;font-family:var(--crt-font);font-size:28px;letter-spacing:4px;color:var(--phosphor);background:transparent;border:2px solid var(--phosphor-dim);border-radius:4px;padding:10px 34px;cursor:pointer;text-shadow:0 0 10px rgba(157,255,176,.7);animation:blink-soft 1.6s steps(2,start) infinite}#press-play:hover{background:#9dffb01f;animation:none}@keyframes blink-soft{50%{opacity:.45}}#intro-foot{margin-top:18px;font-size:17px;letter-spacing:3px;opacity:.5}#hud{position:fixed;top:0;left:0;right:0;z-index:20;display:flex;justify-content:space-between;align-items:flex-start;padding:14px 20px 0;pointer-events:none;opacity:0;transition:opacity 1s ease .4s}body.started #hud{opacity:1}.logo-small{width:108px;height:auto}#hud-right{font-size:18px;letter-spacing:3px;color:var(--ink);opacity:.55;padding-top:8px}#hint{position:fixed;bottom:16px;left:50%;transform:translate(-50%);z-index:20;font-size:19px;letter-spacing:4px;color:var(--ink);opacity:0;transition:opacity .6s ease;pointer-events:none;text-shadow:0 0 8px rgba(242,240,230,.35)}body.started #hint.show{opacity:.6}#mute{position:fixed;bottom:12px;right:14px;z-index:21;background:transparent;border:1px solid rgba(242,240,230,.25);border-radius:4px;color:var(--ink);font-size:15px;font-family:var(--crt-font);padding:4px 9px;cursor:pointer;opacity:0;transition:opacity .6s ease}body.started #mute{opacity:.55}#mute:hover{opacity:1}#tooltip{position:fixed;z-index:25;pointer-events:none;display:none;flex-direction:column;gap:2px;background:#17151d;border:1px solid #3a3646;border-left:5px solid var(--tape-color, #e4383f);box-shadow:0 6px 24px #0009;padding:8px 14px 9px 11px;max-width:260px;transform:translate(14px,-110%) rotate(-1deg)}#tooltip.show{display:flex}#tooltip-title{font-family:"Permanent Marker",var(--crt-font);font-size:17px;color:var(--ink)}#tooltip-tag{font-size:16px;color:#b9b4a8;letter-spacing:1px}#crt{position:fixed;z-index:15;display:none;container-type:size;border-radius:10px/14px;overflow:hidden;background:radial-gradient(ellipse at center,#14281a8c,#020503eb 85%),#030604;box-shadow:inset 0 0 60px #000000d9;color:var(--phosphor);font-family:var(--crt-font);animation:crt-flicker .12s infinite}#crt.show{display:block}@keyframes crt-flicker{0%{opacity:1}50%{opacity:.965}to{opacity:1}}#crt-inner{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;padding:4.5% 6% 3.5%}.crt-scan{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:repeating-linear-gradient(to bottom,#0000 0,#0000 2px,#00000047 2px,#00000047 4px);mix-blend-mode:multiply}.crt-glare{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(ellipse 90% 60% at 28% 12%,rgba(210,235,255,.1),transparent 60%)}#crt-osd{display:flex;justify-content:space-between;font-size:clamp(13px,2.4cqw,22px);color:var(--ink);opacity:.9;letter-spacing:2px;text-shadow:1px 0 rgba(255,60,60,.5),-1px 0 rgba(60,200,255,.5);margin-bottom:2%}#crt-play{animation:blink-soft 1.4s steps(2,start) infinite}#crt-body{flex:1;overflow-y:auto;position:relative;scrollbar-width:none}#crt-body::-webkit-scrollbar{display:none}.crt-page{min-height:100%;display:flex;flex-direction:column}.crt-page h2{font-size:clamp(18px,4.6cqw,44px);font-weight:400;letter-spacing:2px;color:var(--ink);text-shadow:2px 0 rgba(255,60,60,.45),-2px 0 rgba(60,200,255,.45),0 0 12px rgba(242,240,230,.35);margin-bottom:1.5%}.crt-page h3{font-size:clamp(15px,2.8cqw,26px);font-weight:400;color:var(--amber);letter-spacing:3px;margin-bottom:2.5%;text-shadow:0 0 8px rgba(255,207,107,.4)}.crt-page p{font-size:clamp(12px,2.6cqw,25px);line-height:1.35;color:var(--phosphor);text-shadow:0 0 6px rgba(157,255,176,.35);margin-bottom:2%;max-width:62ch}.crt-page .crt-links{margin-top:auto;display:flex;flex-wrap:wrap;gap:2.5%;row-gap:8px;padding-bottom:1%}.crt-page a{color:var(--cyan);text-decoration:none;font-size:clamp(12px,2.5cqw,24px);letter-spacing:1px;border:1px solid rgba(125,232,255,.5);padding:2px 12px;text-shadow:0 0 8px rgba(125,232,255,.5);white-space:nowrap}.crt-page a:hover{background:#7de8ff24}.crt-page a:before{content:"▸"}.crt-locked{align-items:center;justify-content:center;text-align:center}.crt-locked h2{animation:blink-soft 1.2s steps(2,start) infinite}#crt-footer{display:flex;align-items:center;gap:3%;padding-top:2%;border-top:1px dashed rgba(157,255,176,.25)}#crt-ch{font-size:clamp(13px,2.2cqw,21px);color:var(--ink);opacity:.8;letter-spacing:2px}.crt-btn{font-family:var(--crt-font);font-size:clamp(13px,2.2cqw,21px);letter-spacing:2px;color:var(--phosphor);background:transparent;border:1px solid rgba(157,255,176,.4);padding:2px 12px;cursor:pointer;text-shadow:0 0 6px rgba(157,255,176,.4)}.crt-btn:hover{background:#9dffb024}.crt-btn:disabled{opacity:.3;cursor:default}.crt-btn:disabled:hover{background:transparent}#crt-eject{margin-left:auto;color:var(--amber);border-color:#ffcf6b73;text-shadow:0 0 6px rgba(255,207,107,.4)}#crt-eject:hover{background:#ffcf6b24}.scanlines{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;pointer-events:none;background:repeating-linear-gradient(to bottom,#0000 0,#0000 3px,#00000024 3px,#00000024 4px);opacity:.5}.vignette{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;pointer-events:none;background:radial-gradient(ellipse at center,transparent 55%,rgba(0,0,0,.5) 100%)}#tracking-bar{position:fixed;left:0;right:0;height:42px;z-index:51;pointer-events:none;background:linear-gradient(to bottom,transparent,rgba(255,255,255,.045),rgba(180,220,255,.06),transparent);filter:blur(1px);animation:tracking 13s linear infinite;opacity:.8}@keyframes tracking{0%{top:110%}86%{top:110%}to{top:-10%}}@media(max-width:700px){.logo-small{width:84px}#hud-right{font-size:14px}#hint{font-size:15px;letter-spacing:2px;width:92vw;text-align:center}}@media(prefers-reduced-motion:reduce){#tracking-bar,#crt{animation:none}}