@font-face{font-family:'Barlow Condensed';font-style:italic;font-weight:900;font-display:swap;src:url('fonts/barlow-condensed-black-italic.woff2') format('woff2')}
@font-face{font-family:'Barlow Condensed';font-style:normal;font-weight:800;font-display:swap;src:url('fonts/barlow-condensed-extrabold.woff2') format('woff2')}
@font-face{font-family:'Barlow';font-style:normal;font-weight:600;font-display:swap;src:url('fonts/barlow-semibold.woff2') format('woff2')}
:root{--mono:ui-monospace,'SFMono-Regular',Consolas,monospace;--ui:'Barlow',Arial,sans-serif;--display:'Barlow Condensed',Impact,sans-serif;--signal:#9be9f1}*{box-sizing:border-box}html{height:100%;background:#100c15}body{margin:0;min-height:100%;min-height:100svh;display:grid;place-items:center;background:radial-gradient(ellipse at 45% 50%,#32203d 0,#17101d 52%,#0b090e 100%);font-family:var(--mono);color:var(--signal)}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:2px solid var(--signal);outline-offset:3px}button{border:0}button:disabled{cursor:default}a{color:inherit} [hidden]{display:none!important}.tv-set{width:min(98vw,144svh,1536px);aspect-ratio:3/2;position:relative;container-type:inline-size;isolation:isolate}.tv-cabinet{display:block;width:100%;height:100%}.tv-screen{--glow:#4e2597;position:absolute;left:12.2%;top:12.3%;width:64%;height:66%;border-radius:9% / 7%;overflow:hidden;background:radial-gradient(ellipse at center,var(--glow),#241332 70%,#100b18);padding:3.5% 3.1% 2.4%;box-shadow:inset 0 0 3cqw 1cqw #000a;display:flex;flex-direction:column;text-shadow:0 0 7px #9be9f140;touch-action:pan-y;transition:background .2s}.tv-screen:after{content:'';position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(0deg,transparent 0 2px,#0003 2px 4px);opacity:.5;z-index:5}.screen-top{display:flex;justify-content:space-between;font-size:1.3cqw;letter-spacing:.08em;align-items:center;flex-shrink:0}.screen-top button{background:transparent;padding:0}.program{margin:auto 0;text-align:center;min-height:0}#kicker{font-size:1.05cqw;letter-spacing:.13em}h1{font:italic 900 9.5cqw/.8 var(--display);letter-spacing:-.02em;margin:1.8cqw 0;color:var(--signal);text-shadow:3px 3px #100621,0 0 15px #9be9f120}h1 span{display:block;font-size:11cqw;color:#f1e8ff}#description{font-size:1.45cqw;line-height:1.45;color:#e9defa;margin:1.5cqw 0}.action{font:700 1.15cqw var(--mono);display:inline-block;padding:.7cqw 1cqw;background:transparent;border:1px solid #9be9f170;text-decoration:none}.action:hover{background:var(--signal);color:#171020;text-shadow:none}.screen-nav{display:flex;justify-content:center;gap:1cqw;flex-shrink:0;padding-top:.9cqw}.screen-nav button{background:#09041180;padding:.7cqw 1cqw;font-size:1.05cqw;min-height:26px;border:1px solid #9be9f130}.screen-nav button:hover,.screen-nav button[aria-expanded=true]{background:var(--signal);color:#171020;text-shadow:none}.hardware{position:absolute;left:83.65%;width:3.8%;height:5.5%;border-radius:50%;background:transparent;z-index:7}.hardware:hover{box-shadow:0 0 0 2px #9be9f160,0 0 14px #9be9f130}.hardware:active{background:#0005}.power{top:11.5%}.channel-up{top:17.9%}.channel-down{top:22.7%}.volume-up{top:30.4%}.volume-down{top:35.2%}.sticker{position:absolute;left:87.7%;top:83.3%;width:4.4%;height:6.5%;background:transparent;z-index:7;transition:transform .2s}.sticker:hover{filter:drop-shadow(0 0 8px gold);outline:1px dashed gold;transform:rotate(7deg)}.panel{flex:1;min-height:0;display:flex;flex-direction:column;justify-content:center}.panel h2{font-size:1.8cqw;letter-spacing:.02em;margin:1.1cqw 0}.guide>[data-channel]{display:flex;align-items:center;text-align:left;gap:1.5cqw;padding:.8cqw 1cqw;background:#0b061c80;border-bottom:1px solid #9be9f135;font-size:1.65cqw}.guide>[data-channel]:hover{color:#171020;background:var(--signal)}.guide>[data-channel]>b{font-size:2.4cqw}.guide>[data-channel]>span:last-child{margin-left:auto}.guide small{display:block;font-size:1cqw;opacity:.7}.guide>p{font-size:.9cqw;margin:.9cqw 0}.help p{font-size:1.5cqw;line-height:1.5}.help dl{display:grid;grid-template-columns:1fr 1.5fr;gap:.6cqw;font-size:1.2cqw}.help dd{margin:0;color:#e9defa}.help .secret-hint{font-size:1.1cqw;color:#d7bcf5}.bonus p{font-size:1.2cqw;margin:0 0 .8cqw}.playfield{flex:1;min-height:0;position:relative;overflow:hidden;background:#100c2280;border:1px dashed #9be9f140}.playfield button{position:absolute;left:0;top:0;min-width:44px;min-height:44px;padding:.5cqw 1cqw;background:transparent;color:#9be9f1;font:italic 900 3cqw var(--display);text-shadow:0 0 12px currentColor}.static{position:absolute;inset:0;pointer-events:none;z-index:6;opacity:0;background:repeating-conic-gradient(#e0d8ec40 0% 25%,#140c1c90 0% 50%) 0 0/5px 3px}.tuning .static{animation:static .25s steps(3)}@keyframes static{0%{opacity:.8;transform:translateY(-3px)}40%{opacity:.6;transform:translateY(4px)}100%{opacity:0}}.osd{position:absolute;left:7%;top:12%;z-index:8;background:#0a061ad9;color:#9be9f1;font-size:1.7cqw;padding:1cqw;opacity:0;pointer-events:none}.osd.visible{opacity:1}.tv-screen.off{background:#100c16;box-shadow:inset 0 0 30px #000}.tv-screen.off>*{visibility:hidden}.power-mask{display:none;position:absolute;left:85%;top:9.45%;width:1%;height:1.5%;border-radius:50%;background:#15200a;box-shadow:0 0 3px #000}.is-off .power-mask{display:block}.is-off .tv-screen{animation:shutdown .25s ease-in}@keyframes shutdown{0%{filter:brightness(1.5)}50%{filter:brightness(.3)}100%{filter:brightness(1)}}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0,0,0,0)}.fallback{position:absolute;left:15%;top:70%;font-size:12px;background:#100c16;padding:10px}@media(max-width:600px){.tv-set{width:100vw}.screen-top{font-size:2cqw}.screen-top button{min-height:24px}#kicker{font-size:1.55cqw;letter-spacing:0}h1{font-size:9cqw;margin:2cqw 0}h1 span{font-size:11cqw}#description{display:none}.action{font-size:2cqw;padding:1.1cqw}.screen-nav{gap:.7cqw;padding-top:1cqw}.screen-nav button{font-size:2cqw;padding:1cqw;min-height:26px}.panel h2{font-size:2.2cqw;margin:.5cqw 0}.guide>[data-channel]{font-size:2.5cqw;padding:.6cqw 1cqw;min-height:26px}.guide>[data-channel]>b{font-size:3cqw}.guide small,.guide>p{display:none}.help p{font-size:2.3cqw;margin:1cqw 0}.help dl{font-size:2cqw;margin:1cqw 0;gap:.4cqw}.help .secret-hint{font-size:2cqw}.bonus p{font-size:2cqw}.playfield button{font-size:4.5cqw}.osd{font-size:2.5cqw}.hardware{width:6.5%;height:7%;left:82.5%}.power{top:10.5%}.channel-up{top:17.1%}.channel-down{top:24.1%}.volume-up{top:31.2%}.volume-down{top:38.2%}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}.static{display:none}}
/* Analog effects are rendered locally, without video downloads or a game engine. */
.static{width:100%;height:100%;background:none;image-rendering:pixelated;mix-blend-mode:screen}.tuning .static{animation:static .3s steps(4)}.shutdown-flash{position:absolute;inset:0;pointer-events:none;opacity:0;background:#ddd7ff;z-index:9}.tv-screen.off .shutdown-flash{visibility:visible;animation:collapse .38s ease-out forwards}.warming{animation:warmup .45s ease-out}.tv-screen.off{animation:none}.is-off .tv-screen{animation:none}@keyframes collapse{0%{opacity:.55;transform:scale(1,.9)}40%{opacity:1;transform:scale(1,.008)}75%{opacity:.7;transform:scale(.008,.008)}100%{opacity:0;transform:scale(0)}}@keyframes warmup{0%{filter:brightness(.1);opacity:.6}45%{filter:brightness(1.25)}100%{filter:brightness(1);opacity:1}}.tuning .program{animation:tracking .28s ease-out}@keyframes tracking{0%{transform:translateY(6px) skewX(2deg);opacity:.4}60%{transform:translateY(-2px);opacity:.8}100%{transform:none;opacity:1}}@media(prefers-reduced-motion:reduce){.shutdown-flash{display:none}}
@media(max-width:600px){.guide{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto 1fr 1fr;gap:2px}.guide h2{grid-column:1/-1;line-height:1.2}.guide>[data-channel]{min-height:0;font-size:2.4cqw;padding:1cqw;gap:1cqw;border:1px solid #9be9f135}.guide>[data-channel]>span:last-child{display:none}.guide>[data-channel]>b{font-size:3.2cqw}.guide>[data-channel]>span{line-height:1.15}.help{justify-content:flex-start;overflow:auto}.help .secret-hint{margin-top:0}}
.rotate-hint{display:none}
@media(max-width:700px) and (orientation:portrait){body{display:flex;flex-direction:column;justify-content:center;gap:16px;padding:24px 0;min-height:100svh}.tv-set{flex-shrink:0}.rotate-hint{display:block;text-align:center;color:#e9defa;padding:0 24px;max-width:390px}.rotate-hint svg{color:#9be9f1;margin:0 auto 8px}.rotate-hint h2{font:800 30px/1.1 var(--display);margin:0 0 12px;color:#9be9f1}.rotate-hint p{font:12px/1.8 var(--mono);margin:0 0 12px}.rotate-hint>span{font:11px var(--mono);color:#a79bb4}}
@media(orientation:landscape) and (max-height:500px){.tv-set{width:min(98vw,147svh)}.screen-nav button{font-size:1.45cqw}.action{font-size:1.45cqw}#description{font-size:1.5cqw}}
@media(max-width:600px){.program{display:flex;flex-direction:column;justify-content:center;align-items:center;flex:1;margin:0}h1{font-size:7.5cqw;margin:1cqw 0}h1 span{font-size:9cqw}.action{padding:.8cqw 1cqw}.screen-nav{position:relative;z-index:2}}
@media(orientation:landscape) and (max-height:500px){h1{font-size:8cqw;margin:1cqw 0}h1 span{font-size:9.5cqw}#description{font-size:1.3cqw;line-height:1.3;margin:.7cqw 0}.action{padding:.5cqw 1cqw}.screen-nav{padding-top:.5cqw}}
.chaos-decor{position:absolute;inset:0;pointer-events:none;overflow:hidden;display:none;z-index:0;opacity:.22}.chaos-decor span{position:absolute;font:900 8cqw var(--display);color:#bb91ee}.chaos-decor span:nth-child(1){left:4%;top:18%;animation:weirdOrbit 7s ease-in-out infinite}.chaos-decor span:nth-child(2){right:2%;top:45%;animation:weirdOrbit 9s ease-in-out infinite reverse;color:#9be9f1}.chaos-decor span:nth-child(3){left:15%;bottom:12%;animation:weirdOrbit 11s ease-in-out infinite;color:#9be9f1}.chaos-decor span:nth-child(4){right:10%;top:7%;animation:weirdOrbit 8s ease-in-out infinite}.chaos-mode .chaos-decor{display:block}.program,.panel,.screen-top,.screen-nav{position:relative;z-index:1}.chaos-mode h1{animation:rubberType 4s ease-in-out infinite;text-shadow:3px 2px #bb91ee,-3px -1px #9be9f1,0 0 20px #8244cc}.chaos-mode .tv-screen{--glow:#40205e!important}.chaos-mode .tv-cabinet{filter:drop-shadow(0 0 12px #9c36cd60)}#chaos-message{position:absolute;bottom:2%;left:8%;right:8%;text-align:center;font:700 .85cqw var(--mono);color:#d7bcf5;pointer-events:none;z-index:3;white-space:nowrap}.screen-nav{gap:.6cqw}.screen-nav button{padding:.7cqw .75cqw}.screen-nav #chaos{border-color:#bb91ee70;color:#d7bcf5}.screen-nav #chaos[aria-pressed=true]{background:#d7bcf5;color:#210d27}.chaos-mode .screen-nav{margin-bottom:1cqw}@keyframes weirdOrbit{0%,100%{transform:translate(0,0) rotate(-12deg)}50%{transform:translate(18px,-20px) rotate(18deg)}}@keyframes rubberType{0%,100%{transform:skewY(-1deg)}50%{transform:skewY(1deg) scale(1.015)}}@media(max-width:600px){.screen-nav{gap:.5cqw}.screen-nav button{font-size:1.75cqw;padding:1cqw .65cqw}#chaos-message{font-size:1.1cqw}.chaos-mode .screen-nav{margin-bottom:1.2cqw}}@media(prefers-reduced-motion:reduce){.chaos-decor span,.chaos-mode h1{animation:none!important}}
/* Original analog broadcast collage, generated for the perimeter of the TV. */
body{background:#0c0811;isolation:isolate}body:before{content:'';position:fixed;inset:0;z-index:-1;pointer-events:none;background:url('backdrop-v2.webp') center/100% 100% no-repeat;opacity:.92}.tv-cabinet{mask-image:linear-gradient(to right,transparent,#000 3.5%,#000 96%,transparent),linear-gradient(to bottom,transparent,#000 3%,#000 97%,transparent);mask-composite:intersect}.tv-set{filter:drop-shadow(0 18px 28px #0008)}.rotate-hint{background:#0c0811d9;border-radius:12px;padding:14px 20px 18px;box-shadow:0 0 24px #0c0811}
@media(max-width:700px) and (orientation:portrait){body:before{opacity:.75}.rotate-hint{margin:0 22px}}

/* A tighter station palette and readable controls, with fonts served locally. */
:root{--signal:#9be9f1;--ice:#9be9f1;--white:#f5f0e9;--muted:#c0b5d0}
.tv-screen{--glow:#39215e;text-shadow:none}.tv-screen:after{opacity:.28}
h1{letter-spacing:-.012em;color:var(--white);text-shadow:2px 3px #180d29,0 0 16px #dbc8ff20}h1 span{color:var(--signal)}
.screen-top{color:var(--ice);font-size:1.35cqw}#kicker{font:600 1.2cqw var(--ui);letter-spacing:.14em;color:var(--muted)}
#description{font:600 1.75cqw/1.35 var(--ui);color:var(--white);margin:1cqw 0}
.action{font:600 1.5cqw var(--ui);letter-spacing:.025em;background:var(--signal);color:#20122d;border:1px solid var(--signal);padding:.65cqw 1.5cqw;box-shadow:0 2px 0 #0005}
.action:hover{background:var(--white);border-color:var(--white)}
.screen-nav button{font:600 1.3cqw var(--ui);letter-spacing:.04em;color:var(--ice);border-color:#9be9f145;background:#100b1bcc}
.screen-nav button:hover,.screen-nav button[aria-expanded=true]{background:var(--ice);color:#100b1b}
.panel h2{font:800 2.4cqw var(--display);color:var(--white)}
.guide>[data-channel]{font:600 1.9cqw var(--ui);text-decoration:none;color:var(--white);border-color:#9be9f130}
.guide>[data-channel]>b{font-family:var(--mono);color:var(--ice)}.guide>[data-channel]:hover{background:#28213f;color:var(--signal)}
.guide small{font:600 1.25cqw var(--ui);color:var(--muted);opacity:1}.guide>p{color:var(--muted)}
.rotate-hint p{font:600 16px/1.5 var(--ui)}.rotate-hint>span{font:600 13px var(--ui)}.rotate-hint h2{color:var(--white)}
body:before{opacity:.8}
@media(max-width:700px){body:before{background-image:url('backdrop-small-v2.webp')}}
@media(max-width:600px){.screen-top{font-size:2.2cqw}#kicker{font-size:1.9cqw;letter-spacing:.04em}.action{font-size:2.45cqw;padding:.65cqw 1.2cqw}.screen-nav button{font-size:2.15cqw;padding:.8cqw .8cqw;letter-spacing:0}.panel h2{font-size:3cqw}.guide>[data-channel]{font-size:2.9cqw}.guide>[data-channel]>b{font-size:3cqw}h1{font-size:7.2cqw}h1 span{font-size:8.7cqw}}
@media(orientation:landscape) and (max-height:500px){#description{font-size:1.7cqw;margin:.5cqw 0}.action{font-size:1.65cqw;padding:.5cqw 1cqw}.screen-nav button{font-size:1.65cqw}.guide>[data-channel]{padding:.5cqw 1cqw}}

/* Align hit areas by their centers so responsive sizes cannot move the buttons. */
.hardware{left:85.55%;transform:translate(-50%,-50%);width:3.8%;height:5.2%;border:1px solid transparent}
.power{top:14%}.channel-up{top:20.5%}.channel-down{top:25.4%}.volume-up{top:33.2%}.volume-down{top:38.1%}
.hardware:hover,.hardware:focus-visible{box-shadow:0 0 0 1px #9be9f180,0 0 12px #9be9f140;outline:none;border-color:#bceff7}
.power-mask{display:block;left:85.55%;top:10.25%;transform:translate(-50%,-50%);width:.78%;height:1.17%;background:#9be9f1;box-shadow:0 0 5px #85dfee;pointer-events:none;border-radius:50%}
.is-off .power-mask{background:#17232b;box-shadow:none}
:root{--signal:#9be9f1;--ice:#9be9f1;--white:#f5f0e9;--muted:#bcb0cd;--violet:#d7bcf5}
h1 span{color:var(--violet)}
.action{background:#d7bcf5;border-color:#d7bcf5;color:#20132f;box-shadow:0 2px 0 #0a0710;font-weight:600}
.action:hover{background:#ede0fb;border-color:#ede0fb}
.screen-nav button{background:#191125;color:#cec2de;border:1px solid #7e648b99;border-radius:3px;min-height:28px}
.screen-nav button:hover,.screen-nav button[aria-expanded=true],.screen-nav #sound[aria-pressed=true]{background:#332344;color:#f5f0e9;border-color:#bd98d7}
.screen-nav #chaos{color:#d7bcf5;border-color:#9673b999}
.screen-nav #chaos[aria-pressed=true]{background:#d7bcf5;color:#20132f;border-color:#d7bcf5}
.screen-top{color:#9be9f1}.osd{color:#9be9f1;background:#171022ed;border:1px solid #73528c}
.playfield{border-color:#9be9f150}.playfield button{color:#9be9f1}
@media(max-width:600px){.hardware{left:85.55%;width:8%;height:4.8%}.power{top:14%}.channel-up{top:20.5%}.channel-down{top:25.4%}.volume-up{top:33.2%}.volume-down{top:38.1%}.screen-nav button{min-height:26px}}

/* Real lettering and controls replace the generated panel's misplaced arrows. */
.control-faceplate{position:absolute;left:82.85%;top:7.65%;width:9.2%;height:35.2%;border-radius:.35cqw;background:linear-gradient(115deg,#292429,#151215 52%,#252026);border:1px solid #857480;box-shadow:inset 0 0 .7cqw #000,inset 1px 1px 0 #ffffff30,0 0 .25cqw #000;pointer-events:none}
.hardware{left:83.65%;width:7.85%;height:4.8%;transform:translateY(-50%);border:0;border-radius:.3cqw;background:transparent;display:flex;align-items:center;gap:.55cqw;padding:0;color:#d9cfd7;text-shadow:0 1px 1px #000}
.hardware:before{content:"";flex:0 0 2.65cqw;height:2.65cqw;border-radius:50%;background:radial-gradient(ellipse at 65% 20%,#91818a 0,#4a414a 28%,#242027 67%,#100e13 85%);border:.2cqw solid #0d0b10;box-shadow:inset .1cqw .1cqw .15cqw #e5ccd85c,.1cqw .2cqw .2cqw #000}
.hardware span{font:600 1cqw/1 var(--ui);letter-spacing:.015em;white-space:nowrap}
.hardware:hover,.hardware:focus-visible{background:#c4a6e514;box-shadow:0 0 0 1px #9be9f180;outline:none}
.hardware:active:before{filter:brightness(.8);box-shadow:inset .1cqw .2cqw .3cqw #000}
.power-mask{left:85.1%}

/* Channel-specific broadcast artwork; text remains live and accessible. */
.channel-art{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;pointer-events:none;z-index:0}
.channel-shade{position:absolute;inset:0;background:linear-gradient(90deg,#160d25c9 0%,#160d2580 43%,#160d2500 75%),linear-gradient(0deg,#120b22ed,transparent 25%,transparent 80%,#120b2299);pointer-events:none;z-index:0}
.program{width:62%;text-align:left;align-items:flex-start}
.program h1{font-size:6.7cqw;line-height:.87;margin:1.3cqw 0}.program h1 span{font-size:7.5cqw}
.program #kicker{font-size:1.1cqw;letter-spacing:.05em}.program #description{font-size:1.6cqw;line-height:1.35}.program .action{font-size:1.25cqw}
.panel-open .channel-art{opacity:.16}.panel-open .channel-shade{background:#160d25bb}
@media(max-width:600px){.program{width:67%;align-items:flex-start}.program h1{font-size:6.3cqw}.program h1 span{font-size:7.2cqw}.program #kicker{font-size:1.5cqw}.program .action{font-size:1.8cqw}.channel-shade{background:linear-gradient(90deg,#160d25d9,#160d2570 55%,transparent),linear-gradient(0deg,#120b22ed,transparent 35%)}}

/* A visible broadcast takeover, layered above the channel art. */
.chaos-takeover{display:none;position:absolute;inset:0;pointer-events:none;z-index:2;overflow:hidden}
.chaos-mode .chaos-takeover{display:block}
.chaos-takeover b{position:absolute;top:13%;right:-3%;padding:.6cqw 2.6cqw;transform:rotate(10deg);background:#d7bcf5;color:#21132e;font:800 1.7cqw var(--display);box-shadow:.3cqw .3cqw 0 #10091b}
.chaos-takeover span{position:absolute;right:4%;bottom:24%;width:36%;padding:1cqw;border:.3cqw solid #9be9f1;color:#9be9f1;background:#170b2fe8;font:900 3cqw/.95 var(--display);text-align:center;transform:rotate(-12deg);box-shadow:.4cqw .4cqw 0 #120c1c}
.chaos-takeover i{position:absolute;left:-15%;bottom:14%;width:140%;font:900 2cqw var(--display);letter-spacing:2cqw;color:#21132e;background:#9be9f1;transform:rotate(-5deg);white-space:nowrap;opacity:.9}
.chaos-mode .channel-art{animation:signalWarp 3.8s ease-in-out infinite;filter:saturate(1.5) contrast(1.1)}
.chaos-mode .chaos-decor{z-index:2;opacity:.6}.chaos-mode .chaos-decor span{font-size:11cqw}
.chaos-mode .screen-nav{z-index:4;background:#150d23ed;border:1px solid #9be9f155;border-radius:.4cqw;padding:.6cqw;gap:.4cqw;margin-bottom:1.4cqw}
.chaos-mode .screen-nav button{letter-spacing:0}
.chaos-mode #chaos-message{bottom:1%;left:2%;right:2%;white-space:normal;font:700 1.2cqw/1.15 var(--ui);color:#f5f0e9;background:#1c102f;padding:.35cqw}
.chaos-mode h1{animation:rubberType 1.8s ease-in-out infinite;text-shadow:.35cqw .15cqw #8440af,-.25cqw -.1cqw #9be9f1}
[data-chaos="1"] .chaos-takeover span{transform:rotate(8deg);border-color:#d7bcf5;color:#d7bcf5}
[data-chaos="2"] .chaos-takeover b{background:#9be9f1;transform:rotate(-7deg)}
[data-chaos="3"] .chaos-takeover span{transform:rotate(-5deg) scale(1.08)}
.panel-open .chaos-takeover,.panel-open .chaos-decor{display:none}
@keyframes signalWarp{0%,100%{transform:scale(1.03) translateX(0)}35%{transform:scale(1.12) translateX(-2%) rotate(-2deg)}70%{transform:scale(1.06) translateX(1%) skewX(3deg)}}
@media(max-width:600px){.chaos-takeover b{font-size:2cqw}.chaos-takeover span{font-size:3.5cqw;bottom:30%}.chaos-takeover i{bottom:23%}.chaos-mode .screen-nav button{font-size:1.8cqw;padding:.8cqw .4cqw}.chaos-mode #chaos-message{font-size:1.7cqw}}
@media(prefers-reduced-motion:reduce){.chaos-mode .channel-art,.chaos-mode h1{animation:none!important}.chaos-takeover span,.chaos-takeover b{transform:none!important}}
/* Extra programming lives inside the glass; the remote is a movable accessory. */
.broadcast{justify-content:center;text-align:center;align-items:center;gap:1cqw;background:radial-gradient(ellipse at 80% 30%,#614380,#170d2c 75%);border:1px solid #ac8fc260;padding:2cqw;overflow:auto}
.broadcast small{font:600 1.15cqw var(--mono);color:#9be9f1}.broadcast h2{font:900 italic 5cqw/.95 var(--display);margin:0;max-width:95%;color:#f5f0e9}.broadcast p{font:600 1.7cqw/1.35 var(--ui);max-width:90%;margin:.5cqw 0}.broadcast-actions{display:flex;justify-content:center;flex-wrap:wrap;gap:.6cqw}.broadcast-actions button,.broadcast-actions a{font:600 1.25cqw var(--ui);text-decoration:none;background:#d7bcf5;color:#20132f;padding:.8cqw;border:1px solid #e6d7f1}
.broadcast[data-kind=shop]{background:linear-gradient(90deg,#21132fea,#21132f99),url('channels/collection-small-v1.webp') center/cover}.broadcast[data-kind=shop] h2{font-size:3.7cqw}.broadcast strong{font:900 3.4cqw var(--display);color:#9be9f1;border:.2cqw solid;padding:.1cqw 1cqw;animation:priceWobble 2s ease-in-out infinite}
.broadcast[data-kind=night]{background:radial-gradient(circle at 78% 22%,#cbb5da 0 5%,transparent 5.4%),radial-gradient(ellipse at bottom,#37355b,#0a0d20 70%)}.broadcast[data-kind=night] h2{max-width:70%;font-size:5.5cqw}.late-night .tv-cabinet{filter:brightness(.7) drop-shadow(0 0 8px #8276be)}.late-night .tv-screen{background:#0a0d20}
@keyframes priceWobble{50%{transform:rotate(-3deg) scale(1.04)}}
#channel-transition{display:none;position:absolute;inset:0;z-index:7;pointer-events:none;align-items:center;justify-content:center;text-align:center;padding:8%;font:700 2.2cqw var(--mono);color:#9be9f1;background:#160e25}
#channel-transition.transition-active{display:flex;animation:identOut .95s both}.transition-1{background:repeating-linear-gradient(0deg,#101c21 0 3px,#14252b 3px 4px)!important;text-align:left!important}.transition-2{background:repeating-linear-gradient(110deg,#eadcec 0 12%,#463052 12% 14%)!important;color:#251530!important;animation:cardShuffle .95s both!important}.transition-3{background:conic-gradient(from 160deg at 50% 0%,#0c1327,#9be9f1,#24214a,#d7bcf5,#0c1327)!important;color:white!important}
@keyframes identOut{0%,60%{opacity:1}100%{opacity:0}}@keyframes cardShuffle{0%{transform:translateX(-100%)}35%,60%{transform:translateX(0)}100%{transform:translateX(100%)}}
#broadcast-surprise{position:absolute;z-index:4;left:4%;right:4%;top:17%;padding:1.2cqw;background:#d7bcf5;color:#21132e;font:800 2cqw/1.15 var(--display);border:.2cqw solid #f5f0e9;box-shadow:.4cqw .4cqw 0 #110b1b}
.shutdown-flash{position:absolute;inset:0;pointer-events:none;z-index:10;display:none;background:#e5edff}.is-off .shutdown-flash{display:block!important;visibility:visible!important;animation:crtDot .5s both}
@keyframes crtDot{0%{transform:scale(1,.8);opacity:.8}45%{transform:scale(1,.005);opacity:1}80%{transform:scale(.008,.008);opacity:1}100%{transform:scale(0);opacity:0}}
.hardware:active{transform:translateY(-50%) translateY(1px)}.screen-nav button:active,#remote button:active{transform:translateY(2px);box-shadow:inset 0 2px 4px #0008}
#remote-toggle{position:absolute;left:16%;bottom:8.5%;background:#21172a;color:#d7bcf5;border:1px solid #a48aaa;font:600 1.05cqw var(--ui);padding:.4cqw .8cqw;border-radius:.25cqw}
#remote{position:fixed;z-index:30;right:16px;bottom:16px;width:216px;max-height:calc(100dvh - 16px);overflow:auto;border-radius:24px;background:linear-gradient(110deg,#514453,#29222e 30%,#1b1720 85%,#403448);border:2px solid #82738a;padding:16px;box-shadow:8px 12px 25px #000a,inset 1px 1px 2px #dfcbe880;color:#e5dcec;font-family:var(--ui)}
#remote header{display:flex;align-items:center;gap:6px}#remote header button{background:none;padding:6px 0;color:#d7bcf5;font-size:12px}#remote-drag{flex:1;cursor:grab;touch-action:none;text-align:left}#remote-close{font-size:24px!important;width:28px}#remote-display{display:block;background:#101d26;border:2px inset #6f647d;color:#9be9f1;font:13px var(--mono);padding:10px 5px;margin:10px 0;min-height:38px}
#remote button{border-radius:7px;background:linear-gradient(#74667d,#44394e);color:#f5f0e9;border:1px solid #95829c;box-shadow:0 3px 1px #100b19;min-height:32px;font:700 12px var(--ui)}.remote-digits{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:12px 0}.remote-digits button{min-height:34px;font-size:16px!important}.remote-digits #remote-last,.remote-digits #remote-enter{font-size:10px!important}.remote-utility,.remote-rockers{display:grid;grid-template-columns:1fr 1fr;gap:8px}.remote-rockers{margin-bottom:12px}#remote-power{background:#795772!important}#remote-ad,#remote-surprise,#surprises-toggle{width:100%;margin-bottom:8px;font-size:10px!important}#remote small{display:block;text-align:center;color:#b8a9c7;font-size:10px;line-height:1.5}
.screen-nav button{font-size:1.15cqw;padding:.6cqw}.chaos-mode .screen-nav button{font-size:1.05cqw}
@media(max-width:600px){#remote-toggle{font-size:1.8cqw;bottom:7.8%}.screen-nav{gap:.35cqw}.screen-nav button{font-size:1.7cqw;padding:.6cqw .4cqw}.chaos-mode .screen-nav button{font-size:1.45cqw}.broadcast{gap:.6cqw;padding:1cqw}.broadcast small{font-size:1.5cqw}.broadcast h2{font-size:4.5cqw}.broadcast p{font-size:2cqw}.broadcast-actions button,.broadcast-actions a{font-size:1.65cqw;padding:.6cqw;min-height:24px}.broadcast strong{font-size:3cqw}.broadcast[data-kind=night] h2{font-size:4.7cqw}#remote{width:190px;padding:12px}}
@media(max-height:500px){#remote{width:190px;padding:10px}.remote-digits{gap:5px;margin:6px 0}.remote-digits button{min-height:26px}#remote button{min-height:26px}#remote-display{margin:5px 0;padding:5px;min-height:25px}#remote small{display:none}#remote-ad,#remote-surprise,#surprises-toggle{margin-bottom:5px}}
@media(prefers-reduced-motion:reduce){#channel-transition.transition-active{animation:none!important}.is-off .shutdown-flash{display:none!important}.broadcast strong{animation:none}}
/* Generated sets for the network's extra programming. */
.broadcast[data-kind=ad]{background:linear-gradient(90deg,#160d27ed,#160d2790 55%,#160d2720),url('features/commercial-v1.webp') center/cover}
.broadcast[data-kind=shop]{background:linear-gradient(90deg,#160d27ed,#160d2790 55%,#160d2720),url('features/shop-v1.webp') center/cover}
.broadcast[data-kind=night]{background:linear-gradient(90deg,#0b0e22df,#0b0e2255 65%,transparent),url('features/night-v1.webp') center/cover}
.broadcast{align-items:flex-start;text-align:left;padding:2.2cqw}.broadcast small,.broadcast h2,.broadcast p{max-width:64%}.broadcast h2{font-size:4.3cqw}.broadcast p{font-size:1.5cqw}.broadcast-actions{justify-content:flex-start}.broadcast[data-kind=night] h2{max-width:65%;font-size:4.6cqw}.broadcast strong{font-size:2.8cqw}
#broadcast-surprise{min-height:28%;padding:2cqw 40% 2cqw 2cqw;text-align:left;background:linear-gradient(90deg,#160d27f5,#160d2790 57%,transparent),url('features/surprise-v1.webp') center/cover;color:#f5f0e9;border-color:#ad8bc8;font-size:2.3cqw}
#channel-transition.transition-0{background:linear-gradient(#160e2580,#160e2580),url('channels/ident-v2.webp') center/cover}
#channel-transition.transition-1{background:linear-gradient(90deg,#101c21e8,#101c2166),url('channels/famous-v1.webp') center/cover!important}
#channel-transition.transition-2{background:linear-gradient(90deg,#21132ee8,#21132e44),url('channels/collection-v1.webp') center/cover!important;color:#f5f0e9!important}
#channel-transition.transition-3{background:linear-gradient(110deg,#101c21c0,#9be9f144,#24142c77),url('channels/rebo-v1.webp') center/cover!important}
@media(max-width:600px){.broadcast{padding:1.2cqw}.broadcast small{font-size:1.35cqw}.broadcast h2,.broadcast[data-kind=night] h2{font-size:3.8cqw}.broadcast p{font-size:1.8cqw;max-width:70%}.broadcast-actions button,.broadcast-actions a{font-size:1.5cqw}.broadcast strong{font-size:2.5cqw}}
/* Editorial pass: project-specific art, quieter framing, simpler lettering. */
.broadcast[data-kind=ad][data-sponsor="1"]{background-image:linear-gradient(90deg,#160d27ed,#160d2790 55%,#160d2720),url('channels/famous-v1.webp')}
.broadcast[data-kind=ad][data-sponsor="2"]{background-image:linear-gradient(90deg,#160d27ed,#160d2790 55%,#160d2720),url('channels/collection-v1.webp')}
.broadcast[data-kind=ad][data-sponsor="3"]{background-image:linear-gradient(90deg,#160d27ed,#160d2790 55%,#160d2720),url('channels/rebo-v1.webp')}
body:before{opacity:.46}.channel-art{filter:saturate(.86)}.program h1{letter-spacing:-.025em;text-shadow:1px 2px #160d25}.program #kicker{letter-spacing:.035em}.screen-nav button{border-color:#78658a80}.rotate-hint h2{font-size:30px}.rotate-hint p{font-size:15px}
@media(max-width:700px) and (orientation:portrait){body:before{opacity:.35}}

/* Final screen review: illustration supports readable, real interface type. */
.guide-thumb{width:6.5cqw;height:4cqw;object-fit:cover;object-position:75% center;border:1px solid #ae91c54d;border-radius:.25cqw;flex-shrink:0}.guide>[data-channel]{gap:1cqw;padding:.55cqw 1cqw}
.help{position:relative;isolation:isolate;padding-right:23cqw}.manual-art{position:absolute;right:0;top:8%;height:84%;width:22cqw;object-fit:cover;border-radius:1cqw;z-index:-1;opacity:.8;mask-image:linear-gradient(90deg,transparent,#000 22%)}.help dl{grid-template-columns:1fr 1.2fr}.help .secret-hint{line-height:1.4}.about-link{font:600 1.15cqw var(--ui);color:#d7bcf5;align-self:flex-start;margin:.3cqw 0}
.playfield{background:linear-gradient(#100c2220,#100c2240),url('features/game-v1.webp') center/cover;border:1px solid #9be9f133;border-radius:.5cqw}.playfield button{border-radius:50%;width:4.6cqw;height:4.6cqw;padding:0;background:#161028c9;border:1px solid #9be9f1aa;box-shadow:0 0 16px #9be9f135;font:900 3.4cqw var(--display)}
.broadcast[data-kind=shop][data-product="0"]{background-image:linear-gradient(90deg,#160d27f5,#160d2790 55%,#160d2720),url('channels/collection-v1.webp')}.broadcast[data-kind=shop][data-product="1"]{background-image:linear-gradient(90deg,#160d27f5,#160d2790 55%,#160d2720),url('features/shop-v1.webp')}.broadcast[data-kind=shop][data-product="2"]{background-image:linear-gradient(90deg,#160d27f5,#160d2790 55%,#160d2720),url('channels/rebo-v1.webp')}
@media(max-width:600px){.guide-thumb{width:8cqw;height:6cqw}.guide>[data-channel]{gap:.8cqw;padding:.5cqw}.guide>[data-channel]>b{font-size:2.5cqw}.guide>[data-channel]>span{font-size:2.4cqw}.help{padding-right:19cqw}.manual-art{width:19cqw;opacity:.55}.help h2{font-size:2.5cqw}.help p,.help dl,.help .secret-hint{font-size:1.75cqw}.about-link{font-size:2cqw}.help dl{gap:.3cqw}.playfield button{font-size:6cqw}}

/* Station breaks occupy the program area, leaving the TV controls available. */
#broadcast-surprise{inset:14% 4% 16%;width:auto;min-height:0;padding:0;overflow:hidden;border:1px solid #c0adcb66;border-radius:.5cqw;background:#160e20;color:#f5f0e9;box-shadow:none;text-align:left;isolation:isolate}
#break-art{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}#broadcast-surprise:before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#140d20e8,transparent 85%)}
.break-content{display:flex;flex-direction:column;align-items:flex-start;gap:1.1cqw;padding:3cqw;width:63%}#break-label{font:600 1.05cqw var(--mono);letter-spacing:.1em;color:#c8b4dc}#break-title{font:italic 900 5.2cqw/.95 var(--display);letter-spacing:-.025em}#break-copy{font:600 1.5cqw/1.3 var(--ui);color:#e0d6e7}.break-return{position:absolute;bottom:2cqw;left:3cqw;display:flex;align-items:center;gap:1cqw;font:600 1.2cqw var(--ui);border-bottom:1px solid #bba3ce;padding-bottom:.4cqw}.break-return>span{font-size:1.8cqw}.break-progress{position:absolute;bottom:0;left:0;height:2px;width:100%;background:#c8b4dc;transform-origin:left;animation:breakTime 5.5s linear forwards}.has-break .program{visibility:hidden}.has-break .chaos-takeover{display:none}#broadcast-surprise:hover .break-return{color:#9be9f1;border-color:#9be9f1}
@keyframes breakTime{to{transform:scaleX(0)}}
@media(max-width:600px){#broadcast-surprise{inset:18% 4% 22%}.break-content{width:69%;padding:2cqw;gap:.8cqw}#break-label{font-size:1.55cqw;letter-spacing:.03em}#break-title{font-size:5.8cqw}#break-copy{font-size:2cqw}.break-return{left:2cqw;bottom:1.5cqw;font-size:1.9cqw}.break-return>span{font-size:2.8cqw}}
@media(prefers-reduced-motion:reduce){.break-progress{display:none}}