@font-face{font-family:Grid;src:url(assets/PrevueGrid.ttf)}*{box-sizing:border-box}body{margin:0;background:#15161a;background-image:repeating-linear-gradient(115deg,#fff1 0 1px,transparent 1px 8px);color:#f7f3e7;font:16px Grid,monospace}.shell{max-width:1210px;margin:3vh auto;padding:0 clamp(8px,2vw,25px)}header,footer,.tvlabel,.strap,#status,h2 small,.guide-head{font:700 12px monospace;letter-spacing:.11em}header,footer{display:flex;justify-content:space-between;align-items:center;padding:12px 2px;color:#e2dfd5}.case{border:4px ridge #8e8b88;background:#191a20;box-shadow:0 15px 40px #0008}.top{display:grid;grid-template-columns:1fr 1.15fr;background:linear-gradient(115deg,#300b10,#17161c 63%)}.info{padding:clamp(16px,3vw,38px)}.brand{font:italic 1000 clamp(29px,4.8vw,64px)/.98 Impact,'Arial Black',sans-serif;letter-spacing:-.055em;text-shadow:3px 3px #180407}.brand span{color:#ff6356}.strap{color:#e0c9b4;padding:10px 0 16px;border-bottom:2px solid #993c40}#status{color:#ffc66e;margin:18px 0 8px}h1{font-size:clamp(23px,3vw,37px);line-height:1.08;margin:0 0 8px}#event{color:#feb793}.description{margin:10px 0 0;font-size:17px}.tv-side{padding:clamp(12px,2.4vw,32px);align-self:center}.tv{padding:10px;border:4px ridge #716e70;border-radius:15px;background:#19191a;box-shadow:0 4px 15px #0008}#tube{position:relative;aspect-ratio:16/9;overflow:hidden;border-radius:7px;background:#060508}#tube img,#tube iframe{height:100%;width:100%;object-fit:cover;border:0}#tube button{position:absolute;inset:0;width:100%;background:linear-gradient(transparent 40%,#0009);color:white;border:0;cursor:pointer}#tube button span{font:bold 14px monospace;background:#a71927;padding:10px 16px;box-shadow:3px 3px #111}.tvlabel{margin-top:8px;text-align:right;color:#e89b8d}.tvlabel a{color:#fff1d5}h2{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;margin:0;background:#89192b;font-size:23px}h2 small{font-size:10px}.guide-head,.row{display:grid;grid-template-columns:22% 39% 39%}.guide-head b{padding:8px 10px;background:#ded6c4;color:#282226}.station,.pick{border:2px ridge #666574;padding:12px;text-align:left}.station{background:#212331;display:flex;flex-direction:column;justify-content:center}.station em,.pick small{font:12px monospace;display:block;color:#e7c6a0;margin-bottom:5px}.pick{font:inherit;color:white;background:linear-gradient(#333447,#262838);cursor:pointer}.pick[aria-pressed=true]{background:#f5cf84;color:#241d22}.pick[aria-pressed=true] small{color:#5b3c24}button:focus-visible,a:focus-visible{outline:3px solid cyan;outline-offset:-3px}footer img{width:96px;height:38px;object-fit:contain}footer span{font-size:10px}@media(max-width:690px){.shell{margin:0 auto}.top{grid-template-columns:1fr}.brand{font-size:42px}.info{padding:14px}.tv-side{padding:0 14px 12px}.strap{padding-bottom:8px}.guide-head,.row{grid-template-columns:24% 38% 38%}.pick,.station{padding:8px 5px;font-size:14px}h2{font-size:17px}h2 small{font-size:8px}header{font-size:10px}}

#tube video {width:100%;height:100%;background:#080809}
#stations {display:grid;grid-template-columns:repeat(4,1fr)}
#stations button,.broadcast,select {font:inherit;color:#fff;background:#2e3040}
#stations button {cursor:pointer;padding:13px 5px;border:2px ridge #656477}
#stations [aria-pressed=true],.broadcast[aria-pressed=true] {background:#f5cf84;color:#251d22}
.selectors {display:flex;gap:18px;flex-wrap:wrap;padding:12px;background:#242432}
.selectors label {display:flex;align-items:center;gap:6px}
select {max-width:100%;padding:4px}
#guideRows {max-height:285px;overflow:auto}
.guide-head,.broadcast {display:grid;grid-template-columns:25% 55% 20%}
.broadcast {width:100%;border:1px solid #595969;text-align:left;cursor:pointer}
.broadcast span {padding:8px;overflow-wrap:anywhere}
details {padding:12px;color:#f6debd}summary {cursor:pointer}
#ppvs {max-height:290px;overflow:auto;padding-left:24px}#ppvs a {color:#fff1d5}
@media(max-width:650px){#stations {grid-template-columns:1fr 1fr}.selectors {gap:8px}.selectors label {max-width:100%;min-width:0}select {min-width:0}.broadcast span {padding:6px 3px;font-size:14px}}

#stations {grid-template-columns:repeat(3,minmax(0,1fr))}
.mtv-logo {width:38px;height:30px;object-fit:contain;vertical-align:middle;margin-right:8px}
.ppv-bank {background:#272630;border-top:1px solid #777}
#ppvStations {display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:4px;margin-top:9px}
#ppvStations button {font:inherit;padding:8px;text-align:left;cursor:pointer;color:#fff;background:#323343;border:2px ridge #666575}
#ppvStations button[aria-pressed=true] {background:#f5cf84;color:#251d22}
@media(max-width:650px){#stations {grid-template-columns:1fr 1fr}}

#categories {display:flex;background:#211d24;border-bottom:2px solid #9f2937}
#categories button {flex:1;border:0;border-right:1px solid #584e51;background:#27252c;color:#e8e3d7;padding:12px;font:700 18px Grid,monospace;cursor:pointer}
#categories button[aria-pressed="true"] {background:#8d1929;color:white;box-shadow:inset 0 -3px #f5cf84}
#stations {grid-template-columns:repeat(auto-fill,minmax(145px,1fr));max-height:340px;overflow:auto}
#stations button {display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;min-height:81px;padding:8px;color:#fff}
#stations button img {width:112px;height:40px;object-fit:contain;filter:drop-shadow(0 1px 1px #000b)}
#stations button span {font:600 12px/1.25 monospace}
#stations button[aria-pressed="true"] {color:#241d22}
@media(max-width:650px){#stations {grid-template-columns:repeat(3,minmax(0,1fr));max-height:255px}#stations button img {max-width:94%;height:34px}}

.selectors label[hidden] { display: none; }

.program-panel {display:grid;grid-template-columns:minmax(0,1fr) 40%;align-items:end;min-height:150px;gap:3px}
.program-panel #infoContent {align-self:start;overflow-wrap:anywhere}
#programPortrait {width:100%;height:clamp(150px,17vw,220px);object-fit:contain;object-position:center bottom;mask-image:linear-gradient(to top,transparent,#000 12%);pointer-events:none}