:root{--w: 1512px;--h: 982px;--gold: #f6d88f;--grey: #ddd3c3;--courier: "Courier Prime", "Courier New", monospace;--inter: "Inter", system-ui, sans-serif;--crt-scan: .28;--crt-scan-size: 3px;--crt-grille: .32;--crt-mask: .4;--crt-bloom: .05;--crt-glare: .06;--crt-vignette: .62;--crt-flicker: .05}*{margin:0;padding:0;box-sizing:border-box}html,body,#root{width:100%;height:100%;background:#000;overflow:hidden}body{font-family:var(--inter)}.svg-defs{position:absolute;width:0;height:0}.viewport{position:fixed;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;overflow:hidden;background:radial-gradient(circle at 50% 50%,#0a0a0a,#000);cursor:pointer}.stage-wrap{position:relative;overflow:hidden}.stage{position:absolute;top:0;left:0;width:var(--w);height:var(--h);transform-origin:top left;overflow:hidden;background:#000;-webkit-user-select:none;user-select:none;border-radius:36px/28px;box-shadow:0 0 0 6px #000,0 0 60px 12px #000000e6}.warp{position:absolute;top:0;right:0;bottom:0;left:0;filter:saturate(1.16) contrast(1.06) brightness(1.03)}.layer{position:absolute;top:0;left:0}.fill{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.screen{position:absolute;top:0;right:0;bottom:0;left:0}img{display:block;-webkit-user-drag:none;user-drag:none;pointer-events:none}.crt{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:60;overflow:hidden;border-radius:36px/28px}.crt>*{position:absolute;top:0;right:0;bottom:0;left:0}.crt-bloom{background:radial-gradient(62% 54% at 50% 46%,rgba(255,255,255,var(--crt-bloom)),#fff0 68%);mix-blend-mode:screen}.crt-sweep{inset:auto 0 auto 0;height:26%;top:-30%;background:linear-gradient(to bottom,#fff0,#ffffff0b,#fff0);animation:sweep 7s linear infinite;mix-blend-mode:screen}@keyframes sweep{0%{top:-30%}to{top:110%}}.crt-glare{background:linear-gradient(118deg,rgba(255,255,255,var(--crt-glare)),#fff0 34%,#fff0);mix-blend-mode:screen}.crt-vignette{background:radial-gradient(128% 128% at 50% 50%,#0000 50%,rgba(0,0,0,calc(var(--crt-vignette) * .55)) 78%,rgba(0,0,0,var(--crt-vignette)) 92%,#000000f2);box-shadow:inset 0 0 140px 28px #000000b3,inset 0 0 40px 6px #00000080}.crt-flicker{background:#fff;opacity:0;animation:flicker .14s steps(2) infinite}@keyframes flicker{0%{opacity:0}50%{opacity:var(--crt-flicker)}to{opacity:calc(var(--crt-flicker) * .35)}}.crt-fine{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:5;overflow:hidden}.crt-fine-grille,.crt-fine-scan{position:absolute;top:0;right:0;bottom:0;left:0}.crt-fine-grille{background-image:linear-gradient(90deg,rgba(255,70,70,calc(var(--crt-grille) * .9)) 0,rgba(255,70,70,calc(var(--crt-grille) * .9)) 1px,rgba(70,255,70,calc(var(--crt-grille) * .5)) 1px,rgba(70,255,70,calc(var(--crt-grille) * .5)) 2px,rgba(80,80,255,var(--crt-grille)) 2px,rgba(80,80,255,var(--crt-grille)) 3px,rgba(0,0,0,var(--crt-mask)) 3px,rgba(0,0,0,var(--crt-mask)) 4px);background-size:4px 100%;background-repeat:repeat}.crt-fine-scan{background-image:linear-gradient(to bottom,rgba(0,0,0,0) 0,rgba(0,0,0,0) calc(var(--crt-scan-size) - 1px),rgba(0,0,0,var(--crt-scan)) calc(var(--crt-scan-size) - 1px),rgba(0,0,0,var(--crt-scan)) var(--crt-scan-size));background-size:100% var(--crt-scan-size);background-repeat:repeat}.stage.glitching .warp{filter:url(#crt-glitch);animation:rgbshift .12s steps(2) infinite}@keyframes rgbshift{0%{transform:translate(0)}50%{transform:translate(-4px,1px)}to{transform:translate(3px,-1px)}}.glitch-burst{position:absolute;top:0;right:0;bottom:0;left:0;z-index:70;pointer-events:none;filter:url(#crt-noise);opacity:.35;mix-blend-mode:screen}.glitch-bars{position:absolute;top:0;right:0;bottom:0;left:0;z-index:71;pointer-events:none;background:repeating-linear-gradient(to bottom,#ffffff0f 0,#ffffff0f 6px,#0000001f 6px,#0000001f 14px);animation:barsjump .1s steps(2) infinite}@keyframes barsjump{0%{transform:translateY(0)}50%{transform:translateY(-10px)}to{transform:translateY(8px)}}.txt{position:absolute;font-family:var(--inter);font-weight:700;color:var(--grey);letter-spacing:.1em;text-shadow:-2px 2px 0 #000;-webkit-text-stroke:1px rgba(0,0,0,.55);text-align:center;white-space:nowrap;cursor:pointer;display:grid;place-items:center;transition:transform .1s ease,filter .1s ease}.txt:hover{transform:scale(1.07);filter:drop-shadow(2px 0 0 #f0f) drop-shadow(-2px 0 0 #0ff)}.txt.active{color:var(--gold)}.caption{position:absolute;font-family:var(--courier);font-weight:700;font-size:20px;line-height:1.05;color:var(--gold);-webkit-text-stroke:.8px rgba(0,0,0,.6);text-shadow:1px 1px 0 rgba(0,0,0,.55);text-align:center;display:grid;place-items:start center;pointer-events:none}.underline{position:absolute;background:var(--gold);box-shadow:-2px 2px #000}.hit{position:absolute;cursor:pointer;transition:transform .12s ease,filter .12s ease}.hit img{width:100%;height:100%;object-fit:contain}.hit:hover{transform:scale(1.06);filter:drop-shadow(0 0 10px rgba(246,216,143,.85)) brightness(1.12)}.hit:hover.chromatic{filter:drop-shadow(3px 0 0 rgba(255,0,255,.8)) drop-shadow(-3px 0 0 rgba(0,255,255,.8)) brightness(1.18)}.menu-eject{display:block;width:100%;text-align:center;font-family:var(--courier);font-weight:700;font-size:30px;letter-spacing:.12em;color:var(--gold);text-shadow:-2px 2px 0 #000;-webkit-text-stroke:1px rgba(0,0,0,.5);white-space:nowrap}.thumb{position:absolute;cursor:pointer;box-shadow:10px 10px 10px #9a224599;overflow:hidden;transition:transform .12s ease,box-shadow .12s ease}.thumb img{width:100%;height:100%;object-fit:cover}.thumb:hover{transform:scale(1.03);box-shadow:0 0 22px #f6d88fe6,10px 10px 10px #9a224599}.back-btn{position:absolute;cursor:pointer;transition:transform .12s ease,filter .12s ease}.back-btn:hover{transform:scale(1.1) rotate(-8deg);filter:drop-shadow(0 0 8px rgba(246,216,143,.9))}.video-full{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;background:#000}.hint{position:absolute;bottom:70px;right:84px;z-index:62;font-family:var(--courier);font-weight:700;font-size:18px;color:var(--gold);text-shadow:-2px 2px 0 #000;animation:blink 1.1s steps(2) infinite;pointer-events:none}@keyframes blink{50%{opacity:.2}}.missing{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;text-align:center;background:radial-gradient(circle at 50% 40%,#1a1a22,#050507);color:var(--gold);font-family:var(--courier);font-weight:700;font-size:26px;line-height:1.6;letter-spacing:.08em;padding:0 10%}.missing small{display:block;margin-top:14px;font-size:15px;color:var(--grey)}.missing code{color:#fff}.hit.focus{transform:scale(1.06);filter:drop-shadow(0 0 10px rgba(246,216,143,.85)) brightness(1.12)}.hit.chromatic.focus{filter:drop-shadow(3px 0 0 rgba(255,0,255,.8)) drop-shadow(-3px 0 0 rgba(0,255,255,.8)) brightness(1.18)}.thumb.focus{transform:scale(1.03);box-shadow:0 0 22px #f6d88ff2,10px 10px 10px #9a224599;outline:3px solid var(--gold)}.txt.focus{transform:scale(1.07);filter:drop-shadow(2px 0 0 #f0f) drop-shadow(-2px 0 0 #0ff);color:var(--gold)}.back-btn.focus{transform:scale(1.1) rotate(-8deg);filter:drop-shadow(0 0 8px rgba(246,216,143,.9))}.home-code{display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center;z-index:6;pointer-events:none}.home-code-label{font-family:var(--courier);font-weight:700;font-size:20px;color:var(--gold);letter-spacing:.15em;text-shadow:-2px 2px 0 #000}.home-code-num{font-family:var(--courier);font-weight:700;font-size:84px;line-height:1;color:var(--gold);letter-spacing:.22em;text-shadow:-4px 4px 0 #000,0 0 18px rgba(246,216,143,.5)}.home-code-state{font-family:var(--courier);font-size:16px;color:var(--grey);letter-spacing:.1em}.home-code-state.on{color:#8aff9b;text-shadow:-1px 1px 0 #000}.home-remote{display:flex;align-items:center;justify-content:center;gap:28px;z-index:6;pointer-events:none}.home-qr-box{background:var(--gold);padding:8px;border:3px solid #000;border-radius:6px;box-shadow:-5px 5px #000,0 0 16px #f6d88f59;line-height:0}.remote{position:fixed;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(to bottom,#0000 0,#0000 3px,#00000040 3px,#00000040 4px),radial-gradient(circle at 50% 30%,#34343a,#1c1c20);color:var(--gold);font-family:var(--courier);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;padding:28px 22px;overflow:auto;text-align:center;-webkit-tap-highlight-color:transparent}.remote-brand{font-weight:700;font-size:22px;letter-spacing:.12em;text-shadow:-2px 2px 0 #000}.remote-code{display:flex;flex-direction:column;gap:18px;align-items:center;width:100%;max-width:360px}.remote-label{font-size:15px;color:var(--grey);letter-spacing:.08em}.remote-input{width:100%;font-family:var(--courier);font-weight:700;font-size:64px;letter-spacing:.3em;text-align:center;color:var(--gold);background:#111;border:3px solid var(--gold);border-radius:10px;box-shadow:-4px 4px #000;padding:12px 0 12px .3em;caret-color:var(--gold)}.remote-input:focus{outline:none;box-shadow:-4px 4px #000,0 0 20px #f6d88f99}.remote-status{display:flex;flex-direction:column;gap:4px;font-size:15px;letter-spacing:.08em}.remote-status .ok{color:#8aff9b}.remote-status .ko{color:var(--grey)}.remote-reset{margin-top:4px;background:none;border:none;color:var(--grey);font-family:var(--courier);font-size:13px;text-decoration:underline}.remote-btn{font-family:var(--courier);font-weight:700;letter-spacing:.08em;color:#1c1c20;background:var(--gold);border:2px solid #000;border-radius:10px;box-shadow:-4px 4px #000;padding:16px 20px;font-size:20px;width:100%;max-width:360px;cursor:pointer;transition:transform .06s ease,box-shadow .06s ease}.remote-btn:active{transform:translate(-2px,2px);box-shadow:-1px 1px #000}.remote-btn:disabled{opacity:.4}.remote-btn.power{background:#9a2245;color:var(--gold)}.remote-btn.back{background:#1c1c20;color:var(--gold);border-color:var(--gold)}.dpad{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);gap:12px;width:min(80vw,320px);aspect-ratio:1}.dpad button{font-family:var(--courier);font-weight:700;font-size:30px;color:var(--gold);background:#2a2a30;border:2px solid var(--gold);border-radius:12px;box-shadow:-3px 3px #000;cursor:pointer;transition:transform .06s ease,box-shadow .06s ease,background .06s}.dpad button:active{transform:translate(-2px,2px);box-shadow:-1px 1px #000;background:var(--gold);color:#1c1c20}.dpad-up{grid-area:1 / 2}.dpad-left{grid-area:2 / 1}.dpad-ok{grid-area:2 / 2;background:var(--gold);color:#1c1c20;font-size:24px}.dpad-right{grid-area:2 / 3}.dpad-down{grid-area:3 / 2}.remote-foot{font-size:12px;color:#6a6a72;letter-spacing:.1em}.remote-hint{font-size:14px;color:var(--grey);letter-spacing:.06em;max-width:360px;line-height:1.4}.dvd-bounce{position:absolute;will-change:transform;z-index:5}.dvd-bounce img{width:100%;height:100%;object-fit:contain}