:root{--g: 140 170 255;--glow-a: 0;--bloom: 0;--dark: .72;--jx: 0px;--jy: 0px;--remY: 92px;--remRot: -6deg}*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;overflow:hidden;background:#08040a}body{font-family:system-ui,Segoe UI,Arial,sans-serif;-webkit-user-select:none;user-select:none}#app{position:fixed;inset:0}.stage{position:absolute;left:50%;top:50%;width:1600px;height:900px;transform:translate(-50%,-50%) scale(var(--scale, 1));will-change:transform}.gl{position:absolute;inset:0;width:100%;height:100%}.vcr-blink{animation:vcrblink 1s steps(1,end) infinite}.vcr-blink.solid{animation:none}@keyframes vcrblink{50%{opacity:0}}.room-dark{position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse 58% 50% at 50% 36%,transparent 12%,rgba(6,2,6,.42) 48%,rgba(3,1,5,.82) 100%);opacity:var(--dark);transition:opacity .6s ease}.room-glow{position:absolute;left:80px;top:-160px;width:1440px;height:1000px;pointer-events:none;mix-blend-mode:screen;background:radial-gradient(ellipse 70% 55% at 50% 42%,rgb(var(--g) / .05) 0%,rgb(var(--g) / .1) 22%,rgb(var(--g) / .14) 34%,rgb(var(--g) / .05) 52%,transparent 74%);opacity:var(--glow-a)}.film-grain{position:absolute;inset:0;z-index:40;pointer-events:none;mix-blend-mode:overlay;opacity:.07;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='280' height='280'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='280' height='280' filter='url(%23n)'/%3E%3C/svg%3E")}.usher-sweep{position:absolute;left:0;top:220px;width:420px;height:520px;pointer-events:none;mix-blend-mode:screen;background:linear-gradient(72deg,transparent 18%,rgba(255,196,110,.08) 42%,rgba(255,214,140,.2) 50%,rgba(255,196,110,.07) 58%,transparent 82%);transform:translate(-400px) skew(-18deg);opacity:0}.tv{position:absolute;left:0;top:0;width:800px;height:460px;transform-origin:0 0;will-change:transform}.panel{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;overflow:visible}.tvbtn{pointer-events:auto;cursor:pointer}.tvbtn .hot{fill:#fff0;transition:fill .12s ease}.tvbtn:hover .hot{fill:#c8dcff17}.tvbtn:active .hot{fill:#c8dcff29}.tvbtn:focus,.rbtn:focus{outline:none}.tvbtn:focus-visible .hot{stroke:#7fb2ff;stroke-width:2}#tvLed{transition:fill .2s}#tvLed.on{fill:#35ff66;filter:drop-shadow(0 0 5px #35ff66)}.vcr-face{position:absolute;left:0;top:0;width:392px;height:62px;transform-origin:0 0;will-change:transform;pointer-events:none;overflow:visible}.vfd{filter:drop-shadow(0 0 6px rgba(57,224,101,.75))}.screen{position:absolute;left:32px;top:16px;width:736px;height:414px;background:#000;border-radius:3px;overflow:hidden;box-shadow:inset 0 0 52px 14px #000000ad,inset 0 2px 3px #000c,0 0 80px 8px rgb(var(--g) / var(--bloom))}.video-layer{position:absolute;top:50%;left:50%;width:900px;height:580px;clip-path:inset(5% 0 14% 0);transform:translate(calc(-50% + var(--jx)),calc(-50% + var(--jy))) scale(1.05);pointer-events:none;filter:saturate(1.06) contrast(1.05) brightness(.99)}.video-layer iframe{width:100%;height:100%;border:0;pointer-events:none}.card-layer{position:absolute;inset:0}.osd-canvas,.fx-canvas{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.osd-canvas{image-rendering:pixelated;z-index:3}.fx-canvas{z-index:2}.card-layer{z-index:1}.no-webgl .screen:after{content:"";position:absolute;inset:0;z-index:2;pointer-events:none;background:repeating-linear-gradient(0deg,rgba(0,0,0,.16) 0 1px,transparent 1px 3px),radial-gradient(ellipse at center,transparent 55%,rgba(0,0,0,.55) 100%);border-radius:inherit}.screen-off{position:absolute;inset:0;z-index:4;background:radial-gradient(ellipse at 50% 42%,#161412,#0c0a0a 55%,#060405);opacity:0;pointer-events:none;transition:opacity .35s ease}.screen-off:before{content:"";position:absolute;left:6%;top:8%;width:28%;height:70%;background:repeating-linear-gradient(96deg,rgba(180,60,70,.07) 0 10px,transparent 10px 22px);transform:skewY(-4deg);border-radius:4px}.off .screen-off{opacity:1}.off .video-layer,.off .card-layer,.off .osd-canvas,.off .fx-canvas{visibility:hidden}.beam{position:absolute;left:4%;right:4%;top:50%;height:3px;margin-top:-1.5px;z-index:5;background:#fff;border-radius:2px;box-shadow:0 0 14px 3px #ffffffe6,0 0 50px 12px #bedcff99;opacity:0;pointer-events:none}.beam.anim-on{animation:beam-on .5s cubic-bezier(.3,.6,.4,1) forwards}.beam.anim-off{animation:beam-off .45s cubic-bezier(.5,0,.8,.4) forwards}@keyframes beam-on{0%{opacity:1;transform:scaleX(.01) scaleY(1)}35%{opacity:1;transform:scaleX(1) scaleY(1)}to{opacity:0;transform:scaleX(1) scaleY(150)}}@keyframes beam-off{0%{opacity:.95;transform:scaleX(1) scaleY(120)}45%{opacity:1;transform:scaleX(1) scaleY(1)}85%{opacity:1;transform:scaleX(.02) scaleY(1)}to{opacity:0;transform:scaleX(.005) scaleY(.6)}}.glass{position:absolute;inset:0;z-index:6;border-radius:inherit;background:radial-gradient(ellipse 85% 42% at 30% 2%,rgba(195,216,245,.09),transparent 58%),radial-gradient(ellipse 40% 16% at 68% 8%,rgba(210,226,250,.06),transparent 70%),radial-gradient(ellipse 140% 90% at 50% 118%,rgba(0,0,0,.22),transparent 58%),linear-gradient(160deg,rgba(255,255,255,.035) 0%,transparent 26%)}.card{position:absolute;inset:0;display:none;align-items:center;justify-content:center;flex-direction:column;text-align:center;overflow:hidden}.card.show{display:flex}.card.bumper{background:repeating-linear-gradient(115deg,rgb(0 0 0 / .22) 0 26px,transparent 26px 52px),radial-gradient(ellipse at 50% 120%,var(--acc, #ff5533) -40%,#12060a 75%)}.card.bumper .net{font-size:58px;font-weight:900;font-style:italic;letter-spacing:2px;background:linear-gradient(180deg,#fff 12%,var(--acc, #ff5533) 45%,#7a1e12 55%,#ffe9b0 92%);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(3px 4px 0 rgba(0,0,0,.65));animation:bumper-pop .4s cubic-bezier(.2,1.6,.4,1)}.card.bumper .tag{margin-top:10px;font-size:19px;font-weight:700;letter-spacing:5px;color:#ffffffd8;text-shadow:0 2px 0 #000}@keyframes bumper-pop{0%{transform:scale(.6);opacity:0}}.card.bars{background:#000}.card.bars .strip-top{position:absolute;top:0;left:0;right:0;height:66%;background:linear-gradient(to right,#b6b6b6 0 14.28%,#b6b600 0 28.57%,#00b6b6 0 42.85%,#00b600 0 57.14%,#b600b6 0 71.42%,#b60000 0 85.71%,#0000b6 0 100%)}.card.bars .strip-mid{position:absolute;top:66%;left:0;right:0;height:9%;background:linear-gradient(to right,#0000b6 0 14.28%,#131313 0 28.57%,#b600b6 0 42.85%,#131313 0 57.14%,#00b6b6 0 71.42%,#131313 0 85.71%,#b6b6b6 0 100%)}.card.bars .strip-bot{position:absolute;inset:75% 0 0;background:linear-gradient(to right,#08245c 0 17%,#fff 0 33%,#32006a 0 50%,#131313 0 100%)}.card.bars .standby{position:relative;z-index:1;background:#000000d1;color:#f2f2f2;font-weight:800;font-size:26px;letter-spacing:6px;padding:12px 26px;border:3px solid #f2f2f2;animation:standby-blink 2.4s steps(1,end) infinite}.card.bars .sub{position:relative;z-index:1;margin-top:10px;color:#ddd;font-size:12px;letter-spacing:3px;text-shadow:0 1px 2px #000}@keyframes standby-blink{50%{opacity:.35}}.card.offair{background:radial-gradient(ellipse at 50% 30%,#0d1a33,#060a16 70%);color:#aebedd}.card.offair .moon{width:90px;height:90px;border-radius:50%;background:radial-gradient(circle at 34% 32%,#e8eef8,#b9c6dd 55%,#8a97b2);box-shadow:0 0 44px 8px #b4c8f059;margin-bottom:26px}.card.offair .call{font-size:44px;font-weight:900;letter-spacing:10px;color:#dfe8fa}.card.offair .msg{margin-top:12px;font-size:15px;letter-spacing:4px}.card.ebs{background:#1d2126;color:#f2f2f2}.card.ebs .bar{position:absolute;left:0;right:0;height:26px;background:repeating-linear-gradient(90deg,#b6b600 0 40px,#131313 40px 80px)}.card.ebs .bar.top{top:0}.card.ebs .bar.bot{bottom:0}.card.ebs h2{font-size:30px;letter-spacing:3px;margin-bottom:14px}.card.ebs p{font-size:15px;max-width:80%;line-height:1.6;letter-spacing:1px;color:#c9ced4}.card.signoff{background:linear-gradient(180deg,#0a1230,#1a2c66 55%,#0a0f24);color:#e8eefc}.card.signoff .flag{font-size:60px;margin-bottom:8px}.card.signoff .call{font-size:30px;font-weight:900;letter-spacing:8px}.card.signoff .msg{margin-top:12px;font-size:14px;letter-spacing:3px;color:#aebbe0}.card.commercial{background:repeating-conic-gradient(from 8deg,#f5c53a 0deg 11deg,#e8a02c 11deg 22deg)}.card.commercial .burst{background:#fffbe8;border:6px solid #21367a;border-radius:50%;width:330px;height:210px;display:flex;flex-direction:column;align-items:center;justify-content:center;transform:rotate(-5deg);box-shadow:8px 10px #3c1e0059}.card.commercial .brand{font-size:38px;font-weight:900;font-style:italic;color:#21367a}.card.commercial .line{font-size:17px;font-weight:800;color:#b3341e;letter-spacing:1px;margin-top:6px}.card.commercial .price{font-size:13px;font-weight:700;color:#3a3a3a;margin-top:8px}.card.thx{background:#000;color:#c8c4bc}.card.thx .thx-mark{font-size:72px;font-weight:900;letter-spacing:18px;background:linear-gradient(180deg,#f0ece4,#a8a098 35%,#686460 55%,#d8d4cc 85%);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 2px 8px rgba(255,255,255,.08))}.card.thx .thx-rule{width:280px;height:2px;margin:18px 0 16px;background:linear-gradient(90deg,transparent,#c8a840,transparent)}.card.thx .thx-tag{font-size:14px;font-weight:600;letter-spacing:5px;color:#989490}.card.pager{background:#000;color:#f2f2f2}.card.pager .pager-icon{width:48px;height:64px;border:3px solid #2a8a3a;border-radius:4px;margin-bottom:28px;background:linear-gradient(180deg,#0a1a0e,#061008);box-shadow:inset 0 0 12px #39e06526;position:relative}.card.pager .pager-icon:after{content:"";position:absolute;inset:10px 8px auto;height:8px;background:#39e065;border-radius:1px;animation:pager-blink 1.2s steps(1,end) infinite}@keyframes pager-blink{50%{opacity:.2}}.card.pager .pager-msg{font-size:22px;font-weight:700;letter-spacing:3px;line-height:1.5}.card.norec{background:#0a0a0a;color:#f2f2f2}.card.norec .cam-icon{width:90px;height:56px;border:4px solid #888;border-radius:6px;margin-bottom:24px;position:relative;background:#1a1a1a}.card.norec .cam-icon:before{content:"";position:absolute;right:-22px;top:50%;transform:translateY(-50%);border:14px solid transparent;border-left:18px solid #888}.card.norec .cam-icon:after{content:"";position:absolute;inset:-8px;background:linear-gradient(135deg,transparent 44%,#c62828 46%,#c62828 54%,transparent 56%)}.card.norec .norec-msg{font-size:20px;font-weight:800;letter-spacing:2px;line-height:1.45;color:#e53935}.card.concession-popcorn,.card.concession-soda{background:linear-gradient(180deg,#1a1420,#0a0810);color:#f2ece0}.card.concession-popcorn .pop-tub{width:72px;height:88px;margin-bottom:20px;background:repeating-linear-gradient(180deg,#c44a28 0 8px,#a83820 8px 16px),linear-gradient(180deg,#e85830,#8a2818);border-radius:4px 4px 8px 8px;position:relative;box-shadow:0 6px #5a1810}.card.concession-popcorn .pop-tub:before{content:"";position:absolute;top:-18px;left:-8px;right:-8px;height:28px;background:radial-gradient(circle,#f0e0a8 20%,transparent 22%) 0 0 / 14px 14px}.card.concession-soda .soda-cup{width:56px;height:80px;margin-bottom:20px;background:linear-gradient(180deg,#c44a28,#8a2818);clip-path:polygon(10% 0,90% 0,78% 100%,22% 100%);position:relative}.card.concession-soda .soda-cup:before{content:"";position:absolute;top:-6px;left:8%;right:8%;height:10px;background:#1a1a1c;border-radius:2px}.card.concession-soda .soda-cup:after{content:"";position:absolute;top:-20px;right:20%;width:4px;height:24px;background:#f2e8c8;border-radius:2px;transform:rotate(8deg)}.card.concession-popcorn .con-msg,.card.concession-soda .con-msg{font-size:32px;font-weight:900;letter-spacing:4px;color:#ffc233}.card.concession-popcorn .con-sub,.card.concession-soda .con-sub{margin-top:10px;font-size:14px;font-weight:600;letter-spacing:3px;color:#b8a890}.card.feature{background:#000;overflow:hidden}.card.feature .feat-curtain{position:absolute;inset:0;background:linear-gradient(90deg,#4a0818 0%,transparent 22%),linear-gradient(270deg,#4a0818 0%,transparent 22%),radial-gradient(ellipse at 50% 0%,#2a1020,#000 70%)}.card.feature .feat-beam{position:absolute;inset:-20% -10%;background:conic-gradient(from 250deg at 50% 110%,transparent 0deg,rgba(255,220,160,.12) 18deg,transparent 36deg);animation:feat-sweep 2.2s ease-in-out infinite}@keyframes feat-sweep{0%,to{transform:rotate(-6deg);opacity:.6}50%{transform:rotate(6deg);opacity:1}}.card.feature .feat-text{position:relative;z-index:1;font-size:28px;font-weight:800;letter-spacing:8px;color:#e8dcc8;text-shadow:0 0 40px rgba(255,200,120,.35)}@media(prefers-reduced-motion:reduce){.card.feature .feat-beam{animation:none;opacity:.7}.card.pager .pager-icon:after{animation:none;opacity:.8}}.card.policy{background:#000;color:#f2f2f2;gap:14px}.card.policy .pol-line{font-size:22px;font-weight:700;letter-spacing:4px}.card.rating{background:#000;color:#f2f2f2}.card.rating .rate-band{font-size:48px;font-weight:900;letter-spacing:6px;color:#000;background:#2e7d32;padding:8px 28px;border:4px solid #fff;margin-bottom:22px}.card.rating .rate-msg{font-size:15px;font-weight:600;letter-spacing:2px;line-height:1.55;max-width:85%;color:#ccc}.remote-dock{position:absolute;left:980px;top:620px;width:240px;transform:rotate(var(--remRot)) translateY(var(--remY));transform-origin:50% 100%;transition:transform .4s cubic-bezier(.22,.9,.32,1.15);filter:drop-shadow(0 14px 16px rgba(0,0,0,.6));cursor:pointer}.remote-dock:hover{--remY: 60px}.remote-dock.raised{--remY: -288px;--remRot: -2deg}.remote-dock.raised:hover{--remY: -288px}.remote{width:100%;height:auto;display:block}.rbtn{cursor:pointer}.rbtn:hover rect,.rbtn:hover circle{filter:brightness(1.25)}.rbtn:active rect,.rbtn:active circle{transform:translateY(1.5px)}.rbtn:focus-visible rect,.rbtn:focus-visible circle{stroke:#7fb2ff;stroke-width:3}.hint{position:absolute;left:800px;top:780px;transform:translate(-50%);font-size:19px;font-weight:400;letter-spacing:3px;color:#c9a078;text-shadow:0 0 16px rgba(210,150,90,.45);animation:hint-pulse 2.2s ease-in-out infinite;pointer-events:none;white-space:nowrap}.hint b{color:#d8988b;font-weight:600;text-shadow:0 0 14px rgba(230,130,110,.55)}.hint.hidden{display:none}@keyframes hint-pulse{50%{opacity:.45}}@media(prefers-reduced-motion:reduce){.hint,.card.bars .standby{animation:none}.vcr-blink{animation:vcrblink 2s steps(1,end) infinite}.usher-sweep{display:none}.beam.anim-on,.beam.anim-off{animation-duration:.2s}.remote-dock{transition-duration:.2s}}
