:root{color-scheme:dark;}
*{box-sizing:border-box;}
body{margin:0; --ink:#0D1730; --surface:#141F3D; --surface-2:#1B2A52; --line:#2A3B66; --red:#E32C40; --gold:#CDAA66; --text:#EDF0F7; --muted:#93A0C0;
  background:var(--ink); color:var(--text); font-family:'Inter',system-ui,sans-serif; padding:0 16px; line-height:1.55;}
.wrap{max-width:1180px; margin:0 auto;}
a{color:inherit;} img{max-width:100%; display:block;}
.display{font-family:'Oswald',system-ui,sans-serif; text-transform:uppercase; letter-spacing:.02em; text-wrap:balance;}
.mono{font-family:'JetBrains Mono',monospace; font-variant-numeric:tabular-nums;}

.appbar{position:sticky; top:0; z-index:60; background:rgba(13,23,48,.92); backdrop-filter:blur(10px); border-bottom:1px solid var(--line); margin:0 -16px;}
.appbar-in{max-width:1180px; margin:0 auto; padding:12px 16px; display:flex; align-items:center; justify-content:space-between; gap:14px;}
.brand{display:flex; align-items:center; gap:10px; text-decoration:none;}
.brand img{width:38px; height:38px; border-radius:50%; object-fit:cover; border:1px solid var(--line);}
.brand .name{font-family:'Oswald'; font-size:1.25rem; letter-spacing:.03em; text-transform:uppercase;}
.appbar-actions{display:flex; gap:10px; align-items:center;}
.icon-btn{width:44px; height:44px; border-radius:50%; background:var(--surface); border:1px solid var(--line); display:grid; place-items:center; cursor:pointer; text-decoration:none; font:inherit; color:var(--text);}
.applinks{display:flex; gap:18px; font-size:.82rem; font-weight:700; text-transform:uppercase; letter-spacing:.03em;}
.applinks a{color:var(--muted); text-decoration:none; padding-block:14px; border-bottom:2px solid transparent;}
.applinks a:hover,.applinks a[aria-current]{color:var(--text); border-color:var(--red);}
.menu-btn{display:none;}
@media (max-width:980px){.applinks{display:none;} .menu-btn{display:grid;}}
#mobileMenu{display:none; flex-direction:column; gap:2px; padding:8px 16px 14px; border-top:1px solid var(--line); max-width:1180px; margin:0 auto;}
#mobileMenu.open{display:flex;}
#mobileMenu a{color:var(--muted); text-decoration:none; padding:12px 4px; min-height:44px; display:flex; align-items:center; font-weight:600; text-transform:uppercase; font-size:.85rem; border-bottom:1px solid var(--line);}

.crumbs{font-size:.78rem; color:var(--muted); padding:16px 0 0;}
.crumbs a{color:var(--muted); display:inline-flex; align-items:center; min-height:44px; min-width:44px;}
.hero{padding:6px 0 10px;}
.hero h1{font-size:clamp(2rem,6vw,3.4rem); line-height:1; margin:0 0 12px;}
.hero h1 span{color:var(--red);}
.hero p.lede{color:var(--muted); max-width:62ch; font-size:1rem; margin:0 0 18px;}
.updated{font-family:'JetBrains Mono',monospace; font-size:.72rem; color:var(--gold); text-transform:uppercase; letter-spacing:.06em; margin:0 0 10px;}
.hero-actions{display:flex; gap:12px; flex-wrap:wrap;}
.btn{padding:13px 22px; min-height:44px; border-radius:999px; font-weight:700; font-size:.85rem; text-decoration:none; display:inline-flex; align-items:center; gap:8px;}
.btn.solid{background:var(--red); color:#fff;} .btn.solid:hover{background:#c11c2f;}
.btn.line{border:1px solid var(--line); color:var(--text);} .btn.line:hover{border-color:var(--gold);}

section{padding:26px 0;}
.section-head{display:flex; align-items:baseline; justify-content:space-between; gap:14px; margin-bottom:16px; flex-wrap:wrap;}
.section-head h2{font-family:'Oswald'; font-size:1.6rem; letter-spacing:.02em; margin:0; text-transform:uppercase;}
.section-head span{color:var(--muted); font-family:'JetBrains Mono'; font-size:.72rem; text-transform:uppercase;}
.prose p{color:var(--muted); max-width:72ch; margin:0 0 14px;}
.prose h3{font-size:1.05rem; margin:22px 0 6px;}
.note{color:var(--muted); font-size:.78rem; margin:12px 0 0;}
.note a{color:var(--gold);}

.tiles{display:grid; grid-template-columns:repeat(auto-fit,minmax(150px,1fr)); gap:12px;}
.tile{background:var(--surface-2); border:1px solid var(--line); border-radius:12px; padding:16px; text-align:center;}
.tile .v{font-family:'Oswald'; font-size:1.9rem; color:var(--gold); line-height:1.1;}
.tile .l{color:var(--muted); font-size:.7rem; text-transform:uppercase; margin-top:4px; letter-spacing:.03em;}

.card{background:var(--surface); border:1px solid var(--line); border-radius:14px; padding:18px 20px;}
.cards{display:grid; grid-template-columns:repeat(auto-fit,minmax(260px,1fr)); gap:14px;}
.card h3{margin:0 0 6px; font-size:1.05rem; font-weight:800; line-height:1.3;}
.card p{margin:0 0 8px; color:var(--muted); font-size:.88rem;}
.tag{display:inline-block; font-family:'JetBrains Mono',monospace; font-size:.66rem; text-transform:uppercase; letter-spacing:.06em; padding:3px 8px; border-radius:4px; background:var(--surface-2); color:var(--gold); border:1px solid var(--line);}
.tag.red{background:var(--red); color:#fff; border-color:var(--red);}
.tag.out{background:rgba(227,44,64,.15); color:#ff8c98; border-color:var(--red);}
.tag.watch{background:rgba(205,170,102,.15); color:var(--gold); border-color:var(--gold);}

.tablewrap{overflow-x:auto; border:1px solid var(--line); border-radius:14px; background:var(--surface);}
table{width:100%; border-collapse:collapse; font-size:.88rem;}
th,td{text-align:left; padding:11px 14px; border-bottom:1px solid var(--line); vertical-align:top;}
th{font-family:'JetBrains Mono',monospace; font-size:.68rem; text-transform:uppercase; letter-spacing:.06em; color:var(--muted); background:var(--surface-2); white-space:nowrap;}
tr:last-child td{border-bottom:0;}
td.num,th.num{text-align:right; white-space:nowrap;}
tr.rival td{background:rgba(227,44,64,.08);}
tr.next td{background:rgba(205,170,102,.16); outline:1px solid var(--gold);}
tr.past td{opacity:.6;}

.timeline{list-style:none; margin:0; padding:0; border-left:2px solid var(--line);}
.timeline li{position:relative; padding:0 0 18px 20px;}
.timeline li::before{content:''; position:absolute; left:-7px; top:6px; width:12px; height:12px; border-radius:50%; background:var(--red); border:2px solid var(--ink);}
.timeline .when{font-family:'JetBrains Mono',monospace; font-size:.72rem; color:var(--gold); text-transform:uppercase; letter-spacing:.05em;}
.timeline p{margin:2px 0 0; color:var(--text); font-size:.92rem;}
.timeline p small{color:var(--muted);}

.yhub{background:var(--surface); border:1px solid var(--line); border-radius:18px; padding:20px; display:grid; grid-template-columns:1.2fr 1fr; gap:22px; align-items:center;}
@media (max-width:860px){.yhub{grid-template-columns:1fr;}}
.yplayer{display:block; width:100%; padding:0; font:inherit; cursor:pointer; aspect-ratio:16/9; border-radius:12px; background:#0a1024; position:relative; overflow:hidden; border:1px solid var(--line);}
.yplayer img,.yplayer iframe{position:absolute; inset:0; width:100%; height:100%; object-fit:cover; border:0;}
.yplayer .cp{position:absolute; inset:0; display:grid; place-items:center;}
.yplayer .cp span{width:64px; height:64px; border-radius:50%; background:rgba(227,44,64,.9); display:grid; place-items:center;}
.yplayer .cp svg{width:22px; height:22px; fill:#fff; margin-left:3px;}
.yhub h3{font-family:'Oswald'; text-transform:uppercase; font-size:1.4rem; margin:0 0 8px; letter-spacing:.02em;}
.yhub p{color:var(--muted); margin:0 0 16px; font-size:.92rem;}

.band{background:linear-gradient(120deg,var(--surface),#0a1024); border:1px solid var(--line); border-radius:18px; padding:26px; display:flex; align-items:center; justify-content:space-between; gap:20px; flex-wrap:wrap;}
.band h3{font-family:'Oswald'; font-size:1.4rem; margin:0 0 4px; letter-spacing:.02em; text-transform:uppercase;}
.band p{margin:0; color:var(--muted); font-size:.88rem;}
.alert-form{display:flex; gap:10px; flex-wrap:wrap; margin-top:14px; max-width:460px;}
.alert-form input[type=email]{flex:1 1 220px; min-height:44px; padding:10px 16px; border-radius:999px; border:1px solid var(--line); background:var(--ink); color:var(--text); font:inherit; font-size:.9rem;}
.alert-form input[type=email]:focus{outline:2px solid var(--gold); outline-offset:2px;}
.alert-form button{border:0; cursor:pointer; font-family:inherit;}
.alert-note{margin-top:8px !important; font-size:.75rem !important;}
.alert-note a{color:var(--gold);}
.sr{position:absolute; left:-9999px;}

.related{display:grid; grid-template-columns:repeat(auto-fit,minmax(200px,1fr)); gap:12px;}
.related a{background:var(--surface); border:1px solid var(--line); border-radius:12px; padding:14px 16px; text-decoration:none; font-weight:700; font-size:.88rem; min-height:44px; display:flex; align-items:center; justify-content:space-between; gap:8px;}
.related a:hover{border-color:var(--gold);}
.related a span{color:var(--gold);}
footer{border-top:1px solid var(--line); padding:26px 0 40px; color:var(--muted); font-size:.82rem; display:flex; justify-content:space-between; flex-wrap:wrap; gap:12px; margin-top:20px;}
@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto !important; transition:none !important; animation:none !important;}}
.brand{min-height:44px;}
td a{display:inline-flex; align-items:center; min-height:44px;}