@font-face{font-family:Overused;src:url("../fonts/overused-grotesk.woff2") format("woff2");font-display:swap}*{box-sizing:border-box}body{margin:0;background:#070707;color:#f4f4f4;font-family:Overused,Arial,sans-serif}button,select{font:inherit}button{cursor:pointer;color:#f4f4f4;background:#111;border:1px solid #303030;border-radius:.65rem;padding:.65rem .85rem}button:hover{background:#1a1a1a}.topbar{height:4.25rem;display:flex;align-items:center;gap:1.5rem;padding:0 1.25rem;border-bottom:1px solid #282828}.brand{display:flex;align-items:center;gap:.48rem;color:#f4f4f4;text-decoration:none;font-size:1.1rem;font-weight:800}.brand img{width:1.75rem;height:1.75rem;object-fit:contain}.topbar nav{display:flex;height:100%;gap:.5rem}.topbar nav button{border:0;border-radius:0;background:transparent}.topbar nav button.active{box-shadow:inset 0 3px #ffe066}.top-actions{margin-left:auto;display:flex;gap:.6rem;align-items:center}.top-actions #clock{color:#a2a2a2;font-variant-numeric:tabular-nums}main{min-height:calc(100vh - 4.25rem)}.screen{display:grid;grid-template-columns:minmax(0,1.78fr) minmax(25rem,.9fr);height:calc(100vh - 4.25rem);overflow:hidden}.player-area{min-width:0;overflow:auto;border-right:1px solid #282828}.video-shell{position:relative;aspect-ratio:16/9;background:#171717}.video-shell video,.video-shell>#idle-logo{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}.video-shell>#idle-logo{display:block;padding:12%;background:#171717}.video-shell.has-video>#idle-logo{display:none}.video-controls{position:absolute;z-index:3;right:.75rem;bottom:.75rem;left:.75rem;display:flex;align-items:center;gap:.5rem;padding:.5rem;background:rgb(0 0 0/.64);border-radius:.7rem;opacity:0;pointer-events:none;transition:.15s}.video-shell:hover .video-controls,.video-shell.controls .video-controls{opacity:1;pointer-events:auto}.video-controls button{display:grid;place-items:center;width:2.25rem;height:2.25rem;padding:0;border:0;border-radius:50%;background:rgb(0 0 0/.62)}.video-controls #live{margin-right:auto;font-size:.75rem;font-weight:800;letter-spacing:.1em}.video-controls #mute svg{display:block;width:1.22rem;height:1.22rem}.video-controls #mute.muted{opacity:.55}.programme-detail{padding:1.6rem;background:#0d0d0d}.programme-detail>div{display:flex;gap:1.2rem}.programme-detail img{width:5rem;height:5rem;object-fit:contain;background:#171717;border-radius:.55rem}.eyebrow{margin:0;color:#a2a2a2;font-size:.72rem;font-weight:650;letter-spacing:.075em;text-transform:uppercase}.programme-detail h1{margin:.18rem 0 .8rem;font-size:1.65rem}.programme{display:grid;gap:.35rem;color:#bbb}.programme-card{position:relative;display:grid;grid-template-columns:2.5rem minmax(0,1fr);gap:.65rem;align-items:center;min-height:3.5rem;padding:.45rem;overflow:hidden;background:#171717;border-radius:.45rem}.programme-card img{width:2.5rem;height:2.5rem;background:#202020;border-radius:.3rem}.programme-card strong,.programme-card em{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.programme-card em{margin-top:.2rem;color:#a2a2a2;font-style:normal;font-size:.78rem}.programme-card i{position:absolute;bottom:0;left:0;height:.2rem;background:#323232}.programme-empty{color:#a2a2a2}.guide{display:grid;grid-template-rows:auto minmax(0,1fr);min-width:0;min-height:0;padding:1rem;background:#0d0d0d}.guide-head{display:flex;align-items:end;justify-content:space-between;gap:.65rem;margin-bottom:1rem}.category-choice{display:grid;gap:.25rem;color:#a2a2a2;font-size:.65rem;font-weight:700;letter-spacing:.07em;text-transform:uppercase}.category-choice select{min-width:9rem;padding:.56rem .7rem;color:#f4f4f4;background:#111;border:1px solid #303030;border-radius:.55rem;text-transform:none}.guide-table{display:grid;grid-template-rows:auto minmax(0,1fr);min-height:0;overflow:hidden;border:1px solid #282828;border-radius:.65rem}.guide-labels{display:grid;grid-template-columns:4rem minmax(0,1fr);padding:.45rem .6rem;color:#a2a2a2;font-size:.66rem;font-weight:650;letter-spacing:.075em}.guide-labels span:last-child{grid-column:2}.guide-list,#guide-list{min-height:0;overflow-y:auto;overscroll-behavior:contain}.guide-row{display:grid;grid-template-columns:4rem minmax(0,1fr);align-items:center;width:100%;min-height:4.9rem;padding:.5rem .6rem;border:0;border-top:1px solid #282828;border-radius:0;background:#111;text-align:left}.guide-row:hover,.guide-row.active{background:#181818}.guide-row.active{box-shadow:inset 3px 0 #ffe066}.guide-row img{width:3.35rem;height:3.35rem;object-fit:contain;background:#171717;border-radius:.45rem}.guide-row span{min-width:0;padding-left:.65rem}.guide-row strong,.guide-row em{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.guide-row strong{font-size:.92rem}.guide-row em{margin-top:.25rem;color:#a2a2a2;font-size:.75rem;font-style:normal}.empty-list{padding:1rem;color:#a2a2a2}#fullscreen-banner,#edge-guide{display:none}.video-shell:fullscreen #fullscreen-banner,.video-shell:-webkit-full-screen #fullscreen-banner{position:absolute;z-index:4;top:.65rem;left:.65rem;display:grid;grid-template-columns:5.75rem minmax(0,1fr);gap:1rem;align-items:center;max-width:min(54rem,72vw);padding:.75rem 1rem;background:rgb(8 8 8/.76);border-radius:.7rem;opacity:0;pointer-events:none;transition:opacity .2s}.video-shell.controls:fullscreen #fullscreen-banner,.video-shell.controls:-webkit-full-screen #fullscreen-banner{opacity:1}.video-shell:fullscreen #fullscreen-banner img,.video-shell:-webkit-full-screen #fullscreen-banner img{width:5.5rem;height:5.5rem;object-fit:contain;background:#171717;border-radius:.55rem}.video-shell:fullscreen #fullscreen-banner strong,.video-shell:-webkit-full-screen #fullscreen-banner strong{display:block;margin-bottom:.4rem;font-size:1.45rem}.video-shell:fullscreen #fullscreen-banner span,.video-shell:-webkit-full-screen #fullscreen-banner span{display:grid;grid-template-columns:5rem minmax(0,1fr);gap:.5rem;line-height:1.45}.video-shell:fullscreen #fullscreen-banner b,.video-shell:-webkit-full-screen #fullscreen-banner b{font-size:.9rem}.video-shell:fullscreen #fullscreen-banner em,.video-shell:-webkit-full-screen #fullscreen-banner em{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#ddd;font-style:normal;font-size:.9rem}.video-shell:fullscreen #edge-guide,.video-shell:-webkit-full-screen #edge-guide{position:absolute;z-index:5;top:0;right:0;bottom:0;display:flex;flex-direction:column;width:min(25rem,42vw);padding:.75rem;background:rgb(13 13 13/.97);overflow-y:auto;transform:translateX(102%);transition:transform .2s}.video-shell.show-edge-guide:fullscreen #edge-guide,.video-shell.show-edge-guide:-webkit-full-screen #edge-guide{transform:translateX(0)}#edge-guide h2{margin:.25rem .25rem .8rem;font-size:1rem}#edge-guide button{display:grid;grid-template-columns:3rem minmax(0,1fr);gap:.65rem;align-items:center;width:100%;padding:.5rem;border:0;border-radius:.45rem;background:transparent;text-align:left}#edge-guide button:hover,#edge-guide button.active{background:#202020}#edge-guide img{width:3rem;height:3rem;object-fit:contain;background:#171717;border-radius:.35rem}#edge-guide span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media(max-width:900px){.screen{grid-template-columns:1fr;height:auto;overflow:visible}.player-area{overflow:visible;border-right:0}.guide{height:70vh;border-top:1px solid #282828}}@media(max-width:560px){.topbar{gap:.45rem;padding:0 .6rem}.topbar nav button{padding:.4rem}.top-actions #clock{display:none}.guide{padding:.55rem}.guide-head{flex-wrap:wrap}.guide-head button:first-child{display:none}.guide-labels,.guide-row{grid-template-columns:3.5rem minmax(0,1fr)}.guide-row img{width:2.9rem;height:2.9rem}.programme-detail{padding:1rem}.programme-detail h1{font-size:1.3rem}}

/* Keep the full-screen station picker clear of the top banner and controls. */
.video-shell:fullscreen #edge-guide,.video-shell:-webkit-full-screen #edge-guide{top:12.5rem;right:auto;bottom:5.25rem;left:0;transform:translateX(-102%)}
.video-shell.show-edge-guide:fullscreen #edge-guide,.video-shell.show-edge-guide:-webkit-full-screen #edge-guide{transform:translateX(0)}