@import url('https://fonts.googleapis.com/css2?family=Anton&family=Montserrat:wght@500;700;900&display=swap');

:root{--orange:#ff6a00;--yellow:#ffc21c;--red:#d51f0f;--ink:#090402}
*{box-sizing:border-box}
html,body{margin:0;min-height:100%;background:#050302;color:#fff;font-family:Montserrat,Arial,sans-serif;overflow:hidden}
body{min-height:100svh;background:#140a0b url('rock-bedroom-80s.webp') center center/cover no-repeat fixed}
button{font:inherit}
.stage{height:100svh;width:100vw;display:grid;place-items:center;position:relative;isolation:isolate}
.stage:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 50% 48%,rgba(0,0,0,.05) 0 38%,rgba(0,0,0,.24) 72%,rgba(0,0,0,.48) 100%),repeating-linear-gradient(90deg,transparent 0 5vw,rgba(255,90,0,.018) 5vw 5.1vw);pointer-events:none}
.tv{position:relative;width:min(100vw,143.8svh);aspect-ratio:614/427;filter:drop-shadow(0 3.2vh 2.5vh #000);transform:scale(1.018);transform-origin:center}
.tv-frame{position:absolute;inset:0;width:100%;height:100%;z-index:5;pointer-events:none;user-select:none}
.screen-shell{position:absolute;left:8.2%;top:9.97%;width:64.5%;height:68.68%;z-index:2;border-radius:9.5%/10.5%;overflow:hidden;background:#020202;transform:translateZ(0)}
.screen{position:absolute;inset:0;overflow:hidden;background:#0b0605;color:white;transition:filter .2s;box-shadow:inset 0 0 4.2vw #000,inset 0 0 1vw rgba(255,255,255,.12);cursor:pointer}
.screen:after{content:"";position:absolute;inset:0;z-index:30;border-radius:inherit;box-shadow:inset 0 0 3rem rgba(0,0,0,.8);pointer-events:none}
.screen.is-off{background:#050505}
.screen.is-off .channel,.screen.is-off .noise,.screen.is-off .scanlines,.screen.is-off .screen-glare{opacity:0}
.screen.is-off:before{content:"";position:absolute;left:50%;top:50%;width:0;height:2px;background:white;box-shadow:0 0 12px #fff;z-index:50;transform:translate(-50%,-50%)}
.screen.turning-on{animation:crt-on .75s ease-out both}
.screen.turning-off{animation:crt-off .45s ease-in both}
@keyframes crt-on{0%{transform:scaleY(.008) scaleX(0);filter:brightness(8)}35%{transform:scaleY(.008) scaleX(1);filter:brightness(5)}70%{transform:scaleY(1) scaleX(1);filter:brightness(1.8)}100%{transform:none;filter:none}}
@keyframes crt-off{0%{transform:none;filter:none}55%{transform:scaleY(.008) scaleX(1);filter:brightness(6)}100%{transform:scaleY(.008) scaleX(0);filter:brightness(10)}}
.off-label{display:none;position:absolute;inset:auto 0 14%;text-align:center;font-size:clamp(8px,1vw,14px);letter-spacing:.18em;color:#aaa;z-index:60}.screen.is-off .off-label{display:block;opacity:.65}
.channel{position:absolute;inset:0;display:flex;opacity:0;pointer-events:none;transition:opacity .12s;overflow:hidden}.channel.active{opacity:1;pointer-events:auto}
.channel-home{align-items:center;justify-content:center;flex-direction:column;background:radial-gradient(circle at 50% 46%,#9b1d10 0,#350509 42%,#090206 77%)}
.sunset{position:absolute;inset:0;background:linear-gradient(180deg,transparent 52%,rgba(255,73,0,.12)),repeating-linear-gradient(180deg,transparent 0 8%,rgba(255,89,0,.08) 8.5% 9%);animation:pulse 4s ease-in-out infinite}
.logo{position:relative;width:67%;max-height:69%;object-fit:contain;filter:drop-shadow(0 0 1.1rem rgba(255,70,0,.6));animation:logoFloat 5s ease-in-out infinite;will-change:transform,filter,opacity}
.screen.booting .logo{animation:logoBoot 2.35s steps(1) both}
.screen.booting .channel-home:after{content:"";position:absolute;inset:0;z-index:5;pointer-events:none;background:repeating-linear-gradient(0deg,transparent 0 6px,rgba(255,255,255,.12) 7px,transparent 8px);animation:bootTracking 2.35s linear both;mix-blend-mode:screen}
.tagline{position:relative;margin:-2% 0 0;font-weight:900;letter-spacing:.34em;font-size:clamp(8px,1.18vw,20px);color:#ffc62a;text-shadow:0 2px #6b1306}
.broadcast{position:absolute;bottom:6%;right:5%;margin:0;font-size:clamp(6px,.64vw,11px);letter-spacing:.15em;color:#fff8cc}
@keyframes logoFloat{50%{transform:scale(1.025);filter:drop-shadow(0 0 1.7rem rgba(255,70,0,.75))}}
@keyframes logoBoot{0%,16%{opacity:0;transform:scaleY(.018) scaleX(.12);filter:brightness(9)}17%{opacity:1;transform:scaleY(.025) scaleX(.88);filter:brightness(9) drop-shadow(0 0 .8rem #fff)}24%{opacity:.3;transform:scaleY(.68);filter:brightness(2.2)}31%{opacity:.72;transform:scale(1.015);filter:drop-shadow(-.12rem 0 rgba(255,45,10,.55)) drop-shadow(.12rem 0 rgba(0,210,255,.45))}38%{opacity:1;transform:scale(1.025);filter:brightness(1.25) drop-shadow(0 0 1.5rem rgba(255,70,0,.75))}48%{opacity:.82}52%,100%{opacity:1;transform:none;filter:drop-shadow(0 0 1.1rem rgba(255,70,0,.6))}}
@keyframes bootTracking{0%,15%{opacity:0;transform:translateY(-45%)}19%{opacity:.58;transform:translateY(32%)}31%{opacity:.2;transform:translateY(-7%)}45%,100%{opacity:0;transform:none}}
@keyframes pulse{50%{filter:hue-rotate(-9deg) brightness(1.14)}}
.channel-live{background:linear-gradient(125deg,#08000b,#20004b 45%,#d1183f);align-items:center;padding:9%}.spotlight{position:absolute;width:80%;height:180%;left:23%;top:-50%;background:linear-gradient(100deg,transparent 20%,rgba(255,255,255,.2) 50%,transparent 80%);transform:rotate(-22deg);animation:sweep 7s ease-in-out infinite alternate}.live-card{position:relative}.live-card h2{font:clamp(36px,7vw,105px)/.84 Anton,sans-serif;margin:3% 0;color:#fff;text-shadow:.04em .04em 0 #ff176f}.live-card p{font-size:clamp(8px,1.2vw,18px);font-weight:700}.live-badge{background:#ef174a;padding:.45em .8em;font-weight:900;font-size:clamp(8px,1vw,14px)}.lower-third{position:absolute;left:0;right:0;bottom:7%;background:linear-gradient(90deg,#ff1b58 0 34%,#fff 34%);color:#090319;display:flex;align-items:center;gap:7%;padding:1.5% 6%;transform:skewY(-1deg);font-size:clamp(8px,1vw,15px)}.lower-third b{color:#fff;font-size:1.25em}.lower-third span{font-weight:700}@keyframes sweep{to{transform:rotate(18deg) translateX(15%)}}
.channel-late{background:#040407;align-items:center;justify-content:center}.late-poster{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.channel-music,.channel-shop{background:#050505;align-items:center;justify-content:center}.music-video,.shop-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;background:#050505}
.channel-social{background:#050505;align-items:center;justify-content:center}.social-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;background:#050505}.social-links{position:absolute;inset:0;z-index:26;display:grid;grid-template-columns:1fr 1fr;pointer-events:none;opacity:0;transition:opacity .2s}.social-links.active{pointer-events:auto;opacity:1}.social-link{position:relative;display:block;border:0 solid transparent;color:#fff;text-decoration:none;-webkit-tap-highlight-color:transparent}.social-link span{position:absolute;bottom:4%;left:50%;transform:translateX(-50%) translateY(.4rem);opacity:0;padding:.42em .65em;background:rgba(4,0,45,.86);border:2px solid #24edff;color:#fff;font:900 clamp(7px,.72vw,11px) monospace;white-space:nowrap;transition:.18s}.social-link:hover,.social-link:focus-visible{outline:3px solid rgba(36,237,255,.75);outline-offset:-3px;background:rgba(21,224,255,.08)}.social-link:hover span,.social-link:focus-visible span{opacity:1;transform:translateX(-50%)}.social-youtube:hover,.social-youtube:focus-visible{outline-color:rgba(255,32,96,.82);background:rgba(255,32,96,.08)}.social-youtube span{border-color:#ff3266}
.contact-screen-link{position:absolute;inset:0;z-index:26;display:block;color:#fff;text-decoration:none;cursor:pointer;-webkit-tap-highlight-color:transparent}.contact-screen-link span{position:absolute;left:50%;bottom:4%;transform:translate(-50%,.4rem);opacity:0;padding:.45em .7em;background:rgba(4,0,45,.88);border:2px solid #25efc8;color:#fff;font:900 clamp(7px,.75vw,12px) monospace;white-space:nowrap;transition:.18s}.contact-screen-link:hover,.contact-screen-link:focus-visible{outline:3px solid rgba(37,239,200,.8);outline-offset:-3px;background:rgba(37,239,200,.06)}.contact-screen-link:hover span,.contact-screen-link:focus-visible span{opacity:1;transform:translate(-50%,0)}
.video-loader[hidden]{display:none}.video-loader{position:absolute;z-index:27;left:50%;top:50%;transform:translate(-50%,-50%) rotate(-1deg);min-width:34%;padding:1.2% 1.8%;border:.16vw solid #65f6ff;background:rgba(3,0,54,.9);color:#fff;font:900 clamp(7px,.8vw,12px) monospace;letter-spacing:.08em;text-align:center;box-shadow:.35vw .4vw 0 rgba(0,0,0,.65)}.video-loader i{display:block;height:.38rem;margin-top:.55rem;background:linear-gradient(90deg,#ffed21 0 22%,#f124ba 22% 44%,#12e8f2 44% 66%,transparent 66%);background-size:180% 100%;animation:tuningBar .8s steps(4) infinite}@keyframes tuningBar{to{background-position:-180% 0}}
.shop-cta{position:absolute;z-index:28;left:2.8%;bottom:3.5%;width:21.5%;border:0;background:transparent;padding:0;filter:drop-shadow(.35vw .48vw .28vw rgba(0,0,0,.72));transform:rotate(-2.2deg);transform-origin:45% 55%;cursor:pointer;animation:ctaRock 2.4s cubic-bezier(.45,0,.35,1) infinite}.shop-cta img{display:block;width:100%;height:auto;pointer-events:none}.shop-cta:before{content:"";position:absolute;z-index:2;left:29%;top:8%;width:5%;aspect-ratio:1;border-radius:50%;background:#fff;box-shadow:0 0 .45rem .2rem #fff,0 0 .9rem .35rem #45efff;opacity:0;animation:ctaSpark 2.4s steps(1) infinite}.shop-cta:hover,.shop-cta:focus-visible{outline:none;filter:brightness(1.15) saturate(1.12) drop-shadow(0 0 .7rem rgba(0,231,255,.75));animation-play-state:paused;transform:rotate(-1deg) scale(1.07)}.shop-cta:active{transform:rotate(-1deg) scale(.96)}
@keyframes ctaRock{0%,100%{transform:rotate(-2.2deg) scale(1)}8%{transform:rotate(-1deg) scale(1.055)}15%{transform:rotate(-2.8deg) scale(1.02)}23%{transform:rotate(-1.8deg) scale(1.045)}35%,78%{transform:rotate(-2.2deg) scale(1)}84%{filter:brightness(1.24) saturate(1.15) drop-shadow(0 0 .75rem rgba(255,37,210,.72))}92%{filter:drop-shadow(.35vw .48vw .28vw rgba(0,0,0,.72))}}@keyframes ctaSpark{0%,20%,100%{opacity:0;transform:scale(.2)}21%{opacity:1;transform:scale(1)}25%{opacity:0;transform:scale(1.8)}72%{left:83%;top:5%;opacity:1;transform:scale(.8)}76%{opacity:0;transform:scale(1.7)}}
.shop-dialog[hidden]{display:none}.shop-dialog{position:absolute;inset:0;z-index:70;background:#08004f;color:#fff;font-family:monospace;overflow:auto;animation:teletextIn .2s steps(3)}.shop-dialog-head{position:sticky;z-index:4;top:0;display:flex;align-items:center;justify-content:space-between;padding:2.1% 3%;background:#e31430;color:#fff;border-bottom:.45vw solid #ffed21;font-size:clamp(7px,.88vw,14px);font-weight:900;letter-spacing:.08em}.shop-dialog-head button{border:0;background:#ffed21;color:#06004d;padding:.5em .75em;font:900 inherit;cursor:pointer}.shop-dialog-body{padding:3% 3.5% 5%}.shop-copy{display:flex;align-items:end;justify-content:space-between;gap:3%;border-bottom:.18vw solid #00efff;padding-bottom:2%}.shop-copy .shop-eyebrow{margin:0;color:#ffed21;background:none;padding:0;font-size:clamp(6px,.66vw,10px)}.shop-copy h2{margin:0;font:clamp(20px,2.8vw,43px)/.9 Anton,sans-serif;color:#fff}.shop-copy>p:last-child{width:38%;margin:0;background:none;padding:0;color:#70f7ff;font-size:clamp(6px,.69vw,11px)}.product-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.4%;margin:3% 0}.product-card{border:.22vw solid #1fdff2;background:#000b87;color:#fff;padding:0;cursor:pointer;overflow:hidden;text-align:left}.product-card img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover;object-position:center 27%;filter:saturate(.95) contrast(1.05)}.product-card span{display:block;padding:5% 6%;font-size:clamp(6px,.72vw,11px);font-weight:900}.product-card b{color:#ffed21}.product-card:hover,.product-card:focus-visible,.product-card.selected{border-color:#ffed21;background:#d90c73;outline:none;box-shadow:0 0 0 .14vw #ffed21}.shop-options{display:grid;grid-template-columns:1fr 1.2fr .72fr;gap:2%;margin-top:3%}.shop-options fieldset{min-width:0;border:.14vw solid #2fe7f1;margin:0;padding:2.5%}.shop-options legend{padding:0 .5em;color:#ffed21;font-size:clamp(6px,.68vw,10px);font-weight:900}.choice-row{display:flex;gap:.35rem}.choice,.quantity-control button{flex:1;border:0;background:#001491;color:#fff;padding:.55em .35em;font:900 clamp(7px,.78vw,12px) monospace;cursor:pointer}.choice:hover,.choice:focus-visible,.choice.selected,.quantity-control button:hover{background:#ffed21;color:#06004d;outline:none}.quantity-control{display:grid;grid-template-columns:1fr 1fr 1fr;align-items:center;text-align:center;background:#001491}.quantity-control output{font-weight:900;color:#fff;font-size:clamp(8px,.9vw,14px)}.order-panel{display:grid;grid-template-columns:1.1fr 1fr;gap:2%;margin-top:3%;padding:2.5%;background:#000b72;border-left:.5vw solid #ffed21}.order-summary{display:flex;flex-direction:column;gap:.25em}.order-summary span{color:#70f7ff;font-size:clamp(6px,.66vw,10px)}.order-summary strong{font-size:clamp(8px,.86vw,13px)}.order-summary b{color:#ffed21;font:clamp(24px,3vw,46px) Anton,sans-serif}.buyer-fields{display:grid;grid-template-columns:1fr 1fr;gap:4%}.buyer-fields label{color:#70f7ff;font-size:clamp(6px,.66vw,10px);font-weight:900}.buyer-fields input{display:block;width:100%;margin-top:.4em;border:.12vw solid #2fe7f1;background:#05003d;color:#fff;padding:.65em;font:inherit;outline:none}.buyer-fields input:focus{border-color:#ffed21}.bizum-box{grid-column:1/2;border-top:.12vw solid #2fe7f1;padding-top:2%}.bizum-box span{color:#ffed21;font-weight:900;font-size:clamp(7px,.78vw,12px)}.bizum-box p{margin:.45em 0;background:none;padding:0;color:#fff;font-size:clamp(6px,.65vw,10px)}.bizum-box button,.payment-confirm{border:0;cursor:pointer;font:900 clamp(7px,.74vw,11px) monospace;padding:.65em .8em}.bizum-box button{background:#11dbe9;color:#05004d}.payment-confirm{grid-column:2/3;background:#e31430;color:#fff;font-size:clamp(8px,.9vw,14px)}.payment-confirm:hover,.payment-confirm:focus-visible{background:#ffed21;color:#05004d;outline:none}.shop-status{grid-column:1/-1;margin:0!important;background:none!important;padding:0!important;color:#ffed21;font-size:clamp(6px,.68vw,10px)!important;font-weight:900}
.channel-archive{background:linear-gradient(120deg,#050505,#2a2924);align-items:center;justify-content:center}.channel-archive:before{content:"";position:absolute;inset:0;background:linear-gradient(100deg,transparent 55%,rgba(255,255,255,.08) 55.5% 56%,transparent 56.5%),repeating-linear-gradient(0deg,rgba(255,255,255,.04) 0 1px,transparent 1px 7px);animation:tape 6s steps(2) infinite}.rec{position:absolute;top:7%;right:7%;color:#f02525;font-weight:900;font-size:clamp(8px,1vw,14px)}.tape-card{border:clamp(2px,.4vw,7px) solid #f4f0d5;width:70%;padding:6%;display:flex;flex-direction:column;transform:rotate(-2deg);box-shadow:1.1vw 1.1vw 0 #a72120}.tape-card span{font-size:clamp(9px,1.2vw,18px);letter-spacing:.4em}.tape-card strong{font:clamp(38px,6.5vw,100px)/1 Anton,sans-serif}.tape-card small{font-size:clamp(7px,.85vw,13px);letter-spacing:.12em}.timestamp{position:absolute;bottom:6%;left:7%;font:clamp(8px,1vw,15px) monospace}@keyframes tape{50%{transform:translate(-1%,.3%)}}
.channel-agenda{background:linear-gradient(160deg,#0e071d,#621215 68%,#dc5617);align-items:center;justify-content:center;flex-direction:column;text-align:center}.channel-agenda:before{content:"";position:absolute;inset:-20%;background:radial-gradient(ellipse at center,transparent 0 30%,rgba(255,162,0,.18) 31% 32%,transparent 33% 40%,rgba(255,52,0,.14) 41% 42%,transparent 43%);animation:pulse 4s infinite}.agenda-top,.agenda-bottom{position:relative;margin:0;font-weight:900;letter-spacing:.2em;font-size:clamp(7px,.9vw,14px);color:#ffbf24}.channel-agenda h2{position:relative;font:clamp(37px,6.5vw,100px)/.83 Anton,sans-serif;margin:4% 0;color:#fff;text-shadow:.05em .05em 0 #ef3914}.tour-lines{position:relative;display:flex;gap:1.6em;font:clamp(8px,1vw,15px) Anton,sans-serif}.tour-lines span{border:1px solid #ffb11b;padding:.5em .8em}.agenda-bottom{position:absolute;bottom:7%}
.noise{position:absolute;inset:-50%;z-index:20;opacity:.13;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.8'/%3E%3C/svg%3E");animation:noise .18s steps(2) infinite}.scanlines{position:absolute;inset:0;z-index:21;pointer-events:none;opacity:.24;background:repeating-linear-gradient(0deg,rgba(0,0,0,.45) 0 1px,transparent 1px 4px)}.screen-glare{position:absolute;inset:0;z-index:22;pointer-events:none;background:linear-gradient(118deg,rgba(255,255,255,.12),transparent 28% 71%,rgba(255,255,255,.05));mix-blend-mode:screen}.switch-flash{position:absolute;inset:0;z-index:40;opacity:0;pointer-events:none;background:repeating-linear-gradient(0deg,#fff 0 1px,#111 2px 6px)}.switch-flash.flash{animation:flash .44s steps(3)}@keyframes flash{0%,100%{opacity:0}20%{opacity:.88}55%{opacity:.28}}@keyframes noise{0%{transform:translate(0)}25%{transform:translate(4%,-3%)}50%{transform:translate(-3%,4%)}75%{transform:translate(2%,3%)}}
.logo-sticker{position:absolute;z-index:9;right:3.7%;top:1.25%;width:11.2%;aspect-ratio:1;pointer-events:none;transform:rotate(7deg);transform-origin:50% 54%;filter:drop-shadow(.28vw .42vw .32vw rgba(0,0,0,.78))}.logo-sticker img{width:100%;height:100%;object-fit:contain;display:block}
.teletext-menu[hidden]{display:none}.teletext-menu{position:absolute;inset:0;z-index:60;padding:4.5% 5%;background:#05004d;color:#fff;font-family:monospace;overflow:auto;animation:teletextIn .22s steps(3)}.teletext-head{display:flex;justify-content:space-between;align-items:center;background:#001bad;color:#fff;padding:1.6% 2.4%;font-size:clamp(8px,.92vw,15px);letter-spacing:.08em}.teletext-head strong{color:#ffed21;font-size:1.3em}.teletext-bars{display:grid;grid-template-columns:repeat(6,1fr);height:4%;margin:2% 0}.teletext-bars i:nth-child(1){background:#fff}.teletext-bars i:nth-child(2){background:#f4e500}.teletext-bars i:nth-child(3){background:#00e8e8}.teletext-bars i:nth-child(4){background:#20e328}.teletext-bars i:nth-child(5){background:#e724e7}.teletext-bars i:nth-child(6){background:#f02020}.teletext-intro{margin:2% 0;color:#00ffff;font-size:clamp(8px,.92vw,15px);font-weight:700}.teletext-list{display:grid;grid-template-columns:1fr 1fr;gap:2.2% 2.5%}.teletext-list button{min-width:0;display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;column-gap:6%;text-align:left;border:0;border-left:.35rem solid #f7e900;background:#001071;color:#fff;padding:3% 4%;cursor:pointer;font-family:monospace}.teletext-list button:hover,.teletext-list button:focus-visible{background:#db0b7f;color:#fff;outline:none}.teletext-list b{grid-row:1/3;align-self:center;color:#ffef1c;font-size:clamp(16px,2.4vw,36px)}.teletext-list span{font-size:clamp(8px,.95vw,15px);font-weight:900;color:#fff}.teletext-list small{font-size:clamp(6px,.72vw,11px);color:#65ffff}.teletext-menu footer{display:flex;justify-content:space-between;align-items:center;margin-top:3%;color:#52ffff;font-size:clamp(6px,.72vw,11px)}.teletext-menu footer button{border:0;background:#e22222;color:#fff;padding:.55em .8em;font:700 inherit;cursor:pointer}.teletext-menu footer button:hover,.teletext-menu footer button:focus-visible{background:#ffe51e;color:#080052;outline:none}@keyframes teletextIn{0%{opacity:0;transform:translateY(-3%);filter:brightness(2)}50%{opacity:.55;transform:translateY(1%)}100%{opacity:1;transform:none;filter:none}}
.controls{position:absolute;z-index:7;inset:0;pointer-events:none}.controls button{position:absolute;pointer-events:auto;border:0;cursor:pointer;padding:0;background-color:transparent;background-repeat:no-repeat;background-position:center;background-size:100% 100%;-webkit-tap-highlight-color:transparent;transform-origin:50% 50%}.controls button:focus-visible{outline:.16rem solid #ffad35;outline-offset:.14rem}.power{left:81.15%;top:48.81%;width:2.69%;height:3.93%;border-radius:50%;background-image:url('control-power-red.png');transition:filter .16s,scale .08s}.power:active{scale:.88}.power:hover,.power:focus-visible{filter:brightness(1.16) drop-shadow(0 0 .28rem rgba(255,181,90,.65))}.power.on{filter:brightness(1.2) drop-shadow(0 0 .38rem rgba(255,76,22,.72))}.dial{border-radius:50%;transition:filter .16s,transform .3s cubic-bezier(.2,.8,.3,1);filter:drop-shadow(0 .1rem .1rem #000)}.dial:hover,.dial:focus-visible{filter:brightness(1.12) drop-shadow(0 0 .28rem rgba(255,181,90,.55))}.dial:active{filter:brightness(.9)}.channel-dial{left:87.79%;top:49.65%;width:5.27%;aspect-ratio:1;background-image:url('control-channel.png')}.volume-dial{left:88.09%;top:66.78%;width:5.08%;aspect-ratio:1;background-image:url('control-volume.png')}.control-tip{position:absolute;pointer-events:none;opacity:0;transform:translateY(.25rem);transition:.18s;z-index:10;background:rgba(9,5,3,.9);border:1px solid #8d6946;color:#f0c28b;border-radius:.25rem;padding:.32em .48em;font:700 clamp(7px,.62vw,11px) monospace;white-space:nowrap}.channel-tip{left:87.7%;top:46.5%}.volume-tip{left:87.8%;top:64%}.channel-dial:hover~.channel-tip,.channel-dial:focus-visible~.channel-tip,.volume-dial:hover~.volume-tip,.volume-dial:focus-visible~.volume-tip{opacity:1;transform:none}
.menu-button{left:81.15%;top:55.2%;width:2.69%;height:3.93%;border-radius:50%;background-image:url('control-power.png');transition:filter .16s,scale .08s}.menu-button:active{scale:.88}.menu-button:hover,.menu-button:focus-visible{filter:brightness(1.16) drop-shadow(0 0 .28rem rgba(255,181,90,.65))}.menu-button[aria-expanded="true"]{filter:brightness(1.16) drop-shadow(0 0 .3rem rgba(255,181,90,.55))}
.hint{position:fixed;z-index:20;bottom:1.4vh;margin:0;color:#967761;font-size:clamp(9px,.72vw,12px);letter-spacing:.08em;text-transform:uppercase;opacity:.9}.mobile-controls{display:none}.fullscreen-button,.orientation-tip{display:none}
@media (max-aspect-ratio: 1/1){body{overflow:hidden}.stage{align-items:center}.tv{width:148vw;max-width:none;transform:translateX(-8.5%) scale(1.02)}.controls{display:none}.logo-sticker{right:3.8%;width:11.5%}.hint{display:none}.mobile-controls{display:flex;position:fixed;z-index:30;bottom:max(2.4vh,env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);align-items:center;gap:.35rem;padding:.42rem;background:#1b100a;border:1px solid #6e4d30;border-radius:999px;box-shadow:0 .5rem 1.4rem #000}.mobile-controls button,.mobile-controls span{border:0;border-radius:999px;background:#392215;color:#f0bb77;padding:.7rem .9rem;font-size:.78rem;font-weight:900}.mobile-controls span{background:#090604;min-width:3rem;text-align:center;color:#ff9b2b}.mobile-power{color:#ff6a38!important}.tagline{font-size:2.6vw}.broadcast{font-size:1.6vw}.channel-live{padding:8%}.live-card h2{font-size:11vw}.channel-late h2{font-size:9vw}.channel-shop h2{font-size:9vw}.tape-card strong{font-size:11vw}.channel-agenda h2{font-size:11vw}.teletext-list{grid-template-columns:1fr}.teletext-list button{padding:2% 3%}.teletext-menu{padding:4%}.teletext-menu footer span{display:none}.shop-dialog-head{padding:1.5% 3%}.shop-dialog-body{padding:2.2% 3% 4%}.shop-copy>p:last-child{display:none}.product-grid{gap:1%;margin:2% 0}.product-card img{aspect-ratio:1/1}.product-card span{padding:3%}.shop-options{grid-template-columns:1fr 1fr;gap:1.5%;margin-top:2%}.shop-options fieldset:last-child{grid-column:1/-1}.order-panel{grid-template-columns:1fr;margin-top:2%}.buyer-fields,.bizum-box,.payment-confirm{grid-column:1}.buyer-fields{margin-top:2%}.shop-cta{left:3%;bottom:8%;width:23.5%;padding:0}}
@media (hover:none) and (pointer:coarse){.hint{display:none}.fullscreen-button{display:grid;place-items:center;position:fixed;z-index:45;top:max(.55rem,env(safe-area-inset-top));right:max(.55rem,env(safe-area-inset-right));width:2.6rem;height:2.6rem;border:1px solid #ad7647;border-radius:50%;background:rgba(25,12,6,.88);color:#ffd09a;font-size:1.4rem;line-height:1;box-shadow:0 .3rem 1rem #000;cursor:pointer}.fullscreen-button.active{color:#ff6b3d;border-color:#ff6b3d}.orientation-tip{display:flex;flex-direction:column;position:fixed;z-index:44;top:max(.6rem,env(safe-area-inset-top));left:50%;transform:translateX(-50%) rotate(-1deg);align-items:flex-start;gap:.08rem;width:max-content;max-width:calc(100vw - 7rem);padding:.45rem 2rem .45rem .65rem;border:2px solid #ffb126;background:#171008;color:#fff3cf;box-shadow:.25rem .3rem 0 rgba(0,0,0,.7);font-size:.61rem;text-transform:uppercase}.orientation-tip strong{color:#ff6b35;white-space:nowrap}.orientation-tip span{line-height:1.25}.orientation-tip button{position:absolute;right:.3rem;top:50%;transform:translateY(-50%);border:0;background:transparent;color:#fff;font-size:1.1rem}.orientation-tip.dismissed{display:none}}
@media (hover:none) and (pointer:coarse) and (orientation:landscape){.tv{width:min(112vw,158svh);max-width:none}.orientation-tip{display:none}.mobile-controls{display:none}}
@media (prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important}}
.shop-dialog:after{content:"";position:fixed;inset:0;z-index:10;pointer-events:none;opacity:.1;background:repeating-linear-gradient(0deg,rgba(0,0,0,.6) 0 1px,transparent 1px 4px)}

/* Ajuda contextual dels controls */
.touch-guide,.touch-guide[hidden]{display:none}
.control-tip{background:rgba(9,5,3,.94);border-color:#c89054;color:#ffd39e;padding:.38em .55em;font-weight:800;letter-spacing:.04em;box-shadow:.18rem .22rem .4rem rgba(0,0,0,.72)}
.power-tip{left:auto;right:18.4%;top:48.25%}
.menu-tip{left:auto;right:18.4%;top:54.65%}
.channel-tip{left:auto;right:6.1%;top:45.9%}
.volume-tip{left:auto;right:6.1%;top:63.1%}
.power:hover~.power-tip,.power:focus-visible~.power-tip,.menu-button:hover~.menu-tip,.menu-button:focus-visible~.menu-tip,.channel-dial:hover~.channel-tip,.channel-dial:focus-visible~.channel-tip,.volume-dial:hover~.volume-tip,.volume-dial:focus-visible~.volume-tip{opacity:1;transform:none}

@media (hover:none) and (pointer:coarse){
  .touch-guide:not([hidden]){display:flex;position:fixed;z-index:46;left:50%;bottom:calc(max(2.4vh,env(safe-area-inset-bottom)) + 4.8rem);transform:translateX(-50%) rotate(-1deg);flex-direction:column;gap:.2rem;width:min(82vw,21rem);padding:.7rem .85rem;border:2px solid #19e4ec;background:rgba(4,0,67,.94);color:#fff;font:700 .68rem/1.25 monospace;box-shadow:.3rem .36rem 0 rgba(0,0,0,.72);animation:touchGuide 7.5s ease both}
  .touch-guide strong{color:#ffed21;font-size:.82rem;letter-spacing:.08em}
  .touch-guide b{color:#49f5ff}
  .tv.show-control-help .power-tip{animation:controlTour 1.75s .25s both}
  .tv.show-control-help .menu-tip{animation:controlTour 1.75s 1.7s both}
  .tv.show-control-help .channel-tip{animation:controlTour 1.75s 3.15s both}
  .tv.show-control-help .volume-tip{animation:controlTour 1.75s 4.6s both}
}
@media (hover:none) and (pointer:coarse) and (orientation:landscape){.touch-guide{display:none!important}}
@keyframes controlTour{0%,100%{opacity:0;transform:translateY(.25rem)}12%,82%{opacity:1;transform:none}}
@keyframes touchGuide{0%,100%{opacity:0;transform:translate(-50%,.5rem) rotate(-1deg)}7%,86%{opacity:1;transform:translateX(-50%) rotate(-1deg)}}