:root{--blue:#319cff;--cyan:#64dcff;--violet:#744cff;--bg:#01040b;--glass:rgba(3,10,28,.82);--line:rgba(91,179,255,.48)}
*{box-sizing:border-box}html{background:var(--bg);color:#fff;font-family:Inter,Segoe UI,Arial,sans-serif}body{margin:0;background:radial-gradient(circle at 50% 15%,#0b1d4a 0,#01040b 60%);min-height:100vh}button,a{font:inherit}.focusable:focus-visible{outline:3px solid #7fe7ff;outline-offset:3px;box-shadow:0 0 26px rgba(57,167,255,.72)}
.app-shell{min-height:100vh}.topbar{position:sticky;top:0;z-index:50;display:grid;grid-template-columns:260px 1fr 220px;align-items:center;gap:16px;padding:12px 22px;background:linear-gradient(180deg,rgba(1,5,17,.97),rgba(1,5,17,.72));border-bottom:1px solid rgba(64,147,255,.2);backdrop-filter:blur(14px)}
.brand{border:0;background:transparent;padding:0;cursor:pointer}.brand img{display:block;width:220px;max-height:68px;object-fit:contain}.nav{display:flex;gap:8px;justify-content:center;flex-wrap:wrap}.nav-btn{border:1px solid transparent;background:transparent;color:#dceaff;padding:11px 14px;border-radius:12px;font-weight:800;font-size:13px;letter-spacing:.06em;cursor:pointer;text-decoration:none}.nav-btn:hover,.nav-btn.active{border-color:rgba(76,171,255,.42);background:rgba(41,113,255,.1);color:#fff}.domain{text-align:right;color:#80caff;font-weight:800;letter-spacing:.04em}
.hero{position:relative;min-height:72vh;overflow:hidden;border-bottom:1px solid rgba(80,154,255,.25)}.skin-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.55;filter:saturate(1.08) contrast(1.08)}.vignette{position:absolute;inset:0;background:linear-gradient(90deg,rgba(1,5,18,.72) 0,rgba(1,5,18,.18) 48%,rgba(1,5,18,.6) 100%),linear-gradient(180deg,rgba(0,0,0,.06),rgba(0,0,0,.55))}
.player-card{position:absolute;left:8%;top:11%;width:min(62vw,980px);aspect-ratio:16/9;border-radius:26px;overflow:hidden;background:#000;border:1px solid rgba(74,185,255,.55);box-shadow:0 0 50px rgba(0,100,255,.26),inset 0 0 35px rgba(61,114,255,.13)}#liveVideo,#offAirVideo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;background:#000}#offAirVideo{display:none}.player-overlay{position:absolute;inset:0;background:linear-gradient(180deg,transparent 55%,rgba(0,0,0,.78));pointer-events:none}.live-status{position:absolute;left:22px;top:20px;display:flex;align-items:center;gap:9px;background:rgba(0,0,0,.54);border:1px solid rgba(255,255,255,.12);border-radius:999px;padding:9px 13px;font-size:12px;font-weight:900;letter-spacing:.08em}.dot{width:10px;height:10px;border-radius:50%;background:#ff304b;box-shadow:0 0 12px #ff304b}.live-status.offline .dot{background:#9aa5b8;box-shadow:none}.show-meta{position:absolute;left:28px;bottom:25px;max-width:64%}.eyebrow{color:#6ed9ff;font-weight:900;letter-spacing:.14em;font-size:12px}.show-meta h1{margin:5px 0 4px;font-size:clamp(24px,3vw,52px);line-height:1}.show-meta p{margin:0;color:#c6ddff;font-size:15px}.controls{position:absolute;right:20px;bottom:20px;display:flex;gap:9px}.control{width:46px;height:46px;border-radius:50%;border:1px solid var(--line);background:rgba(2,12,35,.72);color:#fff;cursor:pointer;backdrop-filter:blur(8px)}
.actions{position:absolute;left:8%;top:82%;display:flex;gap:12px}.cta{border:1px solid rgba(90,183,255,.56);background:rgba(6,18,49,.8);color:white;border-radius:15px;padding:14px 19px;font-weight:900;letter-spacing:.04em;cursor:pointer;box-shadow:0 0 22px rgba(0,84,255,.13)}.cta.primary{background:linear-gradient(90deg,#176cff,#6949ff);box-shadow:0 0 28px rgba(48,104,255,.35)}
.schedule-card{position:absolute;right:5%;top:18%;width:23%;min-width:260px;border:1px solid rgba(81,172,255,.42);border-radius:24px;background:linear-gradient(160deg,rgba(8,23,58,.9),rgba(1,6,21,.82));backdrop-filter:blur(14px);box-shadow:0 0 40px rgba(0,87,255,.19);padding:18px}.schedule-block{padding:15px;border-bottom:1px solid rgba(100,160,255,.14)}.schedule-block:last-child{border-bottom:0}.schedule-block span{display:block;color:#67d8ff;font-size:11px;font-weight:900;letter-spacing:.13em;margin-bottom:7px}.schedule-block strong{font-size:16px;line-height:1.25}
.universes{padding:34px 5% 44px;background:linear-gradient(180deg,#020713,#01040b)}.universes h2{margin:0 0 20px;font-size:20px;letter-spacing:.12em}.section-grid{display:grid;grid-template-columns:repeat(7,minmax(120px,1fr));gap:12px}.universe-card{min-height:112px;border:1px solid rgba(91,171,255,.32);border-radius:20px;background:radial-gradient(circle at 25% 15%,rgba(64,137,255,.16),transparent 60%),rgba(255,255,255,.025);color:#fff;padding:16px;text-align:left;cursor:pointer;position:relative;overflow:hidden}.universe-card:before{content:"N";position:absolute;right:-3px;bottom:-22px;font-size:92px;font-weight:1000;color:rgba(71,133,255,.08)}.universe-card strong{display:block;font-size:16px;margin-bottom:5px}.universe-card small{color:#8ecfff}.footer{display:flex;justify-content:space-between;gap:16px;padding:18px 5%;border-top:1px solid rgba(80,150,255,.18);color:#9bbce5;font-size:12px;letter-spacing:.07em}.footer a{color:#71d8ff;text-decoration:none;font-weight:800}
.dialog{width:min(760px,90vw);border:1px solid rgba(92,185,255,.55);border-radius:26px;background:linear-gradient(145deg,#071738,#020613);color:white;padding:32px;box-shadow:0 0 80px rgba(0,78,255,.38)}.dialog::backdrop{background:rgba(0,4,14,.8);backdrop-filter:blur(8px)}.dialog-close{position:absolute;right:16px;top:12px;border:0;background:transparent;color:white;font-size:34px;cursor:pointer}.dialog h2{font-size:34px;margin:0 0 12px}.dialog p{color:#c8ddff;line-height:1.6}.dialog a{color:#67d7ff}.dialog-logo{display:block;max-width:330px;width:55%;margin:0 auto 22px}
@media(max-width:1100px){.topbar{grid-template-columns:180px 1fr}.brand img{width:170px}.domain{display:none}.schedule-card{right:3%;width:27%}.player-card{left:3%;width:66vw}.actions{left:3%}.section-grid{grid-template-columns:repeat(4,1fr)}}
@media(max-width:780px){.topbar{position:relative;grid-template-columns:1fr}.brand img{margin:auto}.nav{overflow:auto;justify-content:flex-start;flex-wrap:nowrap}.hero{min-height:760px}.skin-bg{opacity:.34}.player-card{left:4%;top:7%;width:92%;border-radius:18px}.schedule-card{left:4%;right:auto;top:54%;width:92%}.actions{left:4%;top:45%;width:92%}.cta{flex:1}.section-grid{grid-template-columns:repeat(2,1fr)}.footer{flex-direction:column;text-align:center}.show-meta{max-width:70%}}