:root{color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:#090d16;color:#f3f5fa}*{box-sizing:border-box}body{margin:0}header,main,footer{max-width:1440px;margin:auto;padding:26px 48px}header{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #222b3a}.brand{font-size:25px;font-weight:850;letter-spacing:3px;color:white;text-decoration:none}.brand span{display:block;font-size:10px;letter-spacing:4px;color:#97a8bf;margin-top:3px}nav{display:flex;gap:24px}nav a{color:#b9c3d2;text-decoration:none;font-size:13px}.intro{display:flex;align-items:center;justify-content:space-between;padding:30px 0}.eyebrow{font-size:10px;font-weight:750;letter-spacing:2px;color:#7ea8ff}h1{font-size:clamp(28px,3vw,43px);letter-spacing:-1.5px;margin:12px 0}p{color:#96a3b6;font-size:14px;line-height:1.6}.live-badge{padding:10px 13px;border:1px solid #313a4c;border-radius:25px;font-size:10px;letter-spacing:1px;color:#c5d2e5}.stage{background:#111824;border:1px solid #263044;border-radius:15px;overflow:hidden}.screen{background:#030508;position:relative;aspect-ratio:16/8.3;display:flex;align-items:center;justify-content:center}.screen video{width:100%;height:100%;position:absolute;object-fit:contain}.empty{padding:30px;text-align:center;z-index:1;color:#94a4bd;pointer-events:none}.empty[hidden]{display:none}.playing{padding:22px 26px;display:flex;justify-content:space-between;align-items:center;gap:16px}h2{font-size:21px;margin:8px 0}#status{margin:6px 0 0}button{font:inherit;cursor:pointer}#join{border:0;background:#4b79ef;color:white;border-radius:7px;padding:12px 20px;white-space:nowrap;font-size:13px;font-weight:650}.guide{margin:38px 0}.guide-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.guide-heading span{font-size:12px;color:#8090a8}.channels{display:grid;grid-template-columns:repeat(auto-fit,minmax(175px,1fr));gap:12px}.channel{position:relative;border:1px solid #293346;background:#111824;color:white;border-radius:10px;text-align:left;padding:22px 18px;min-height:145px;transition:border-color .15s,background .15s}.channel:hover{border-color:#7185a7}.channel[aria-pressed=true]{border-color:#729aff;background:#18253d}.channel .number{color:#7188ab;font-size:10px;letter-spacing:1px}.channel strong{display:block;font-size:20px;margin:13px 0 7px}.channel small{display:block;font-size:11px;color:#9baac0;line-height:1.5}.channel img{width:45px;height:45px;object-fit:cover;border-radius:5px;float:right}.channel.off{opacity:.6}.upcoming{display:grid;grid-template-columns:1fr 2fr;gap:36px;border-top:1px solid #263044;padding-top:28px}.upcoming ol{padding:0;margin:0;list-style:none}.upcoming li{padding:13px 0;border-bottom:1px solid #202939;display:flex;gap:20px;font-size:13px}.upcoming time{color:#8094b2;min-width:80px}.upcoming li span{line-height:1.5}footer{font-size:11px;color:#72829a;display:flex;justify-content:space-between;border-top:1px solid #202939;margin-top:36px;padding-top:24px;padding-bottom:30px}button:focus-visible,a:focus-visible{outline:3px solid #a6bfff;outline-offset:4px}body[data-medium=radio] .screen{aspect-ratio:16/5;background:radial-gradient(ellipse at center,#20375c,#080d19)}body[data-medium=radio] .screen:before{content:'JASTORM RADIO';font-size:clamp(20px,5vw,65px);font-weight:800;letter-spacing:8px;color:#45638d}body[data-medium=radio] audio{position:absolute;bottom:20px;width:80%;height:40px;z-index:2}@media(max-width:700px){header,main,footer{padding:20px}.intro{padding:22px 0}.live-badge{display:none}nav{gap:15px}h1{letter-spacing:-.7px}.screen{aspect-ratio:16/9}.playing{padding:18px;align-items:flex-start}.playing h2{font-size:17px}.channels{display:flex;overflow:auto;scroll-snap-type:x mandatory;padding:4px 2px 12px}.channel{min-width:175px;scroll-snap-align:start}.upcoming{grid-template-columns:1fr;gap:10px}footer{display:block}footer span{display:block;margin-top:10px}.guide-heading span{font-size:10px}}

/* Owner-provided JASTORM logo, shared by both public players. */
.brand{display:block;text-align:center;flex-shrink:0}.brand img{display:block;width:150px;height:75px;object-fit:contain}.brand span{margin-top:2px}body[data-medium=radio] .screen{min-height:240px;background:#000}body[data-medium=radio] .screen:before{content:"";position:absolute;inset:12px 20px 76px;background:url("/logo.v3.png") center/contain no-repeat}body[data-medium=radio] .empty{background:#000c;border-radius:8px}body[data-medium=radio] audio{width:calc(100% - 40px)}@media(max-width:700px){.brand img{width:120px;height:60px}nav{gap:12px}nav a{font-size:11px}body[data-medium=radio] .screen{min-height:230px}}

/* One responsive JastormAds leaderboard below the player; no-fill leaves no gap. */
.broadcast-ad{max-width:728px;margin:24px auto 0;text-align:center}.broadcast-ad:empty{display:none}.broadcast-ad img{max-width:100%;height:auto}body:has(:fullscreen) .broadcast-ad{display:none}