@font-face{font-family:Cinzel;src:url(/assets/cinzel-700.woff2) format("woff2");font-weight:700;font-display:swap}
:root{--bg:#120a2a;--bg2:#1c1240;--card:#211650;--line:#5b4a9a;--gold:#e8c15c;--text:#f5f0ff;--soft:#beb4e1;--hit:#4fd18b;--miss:#ff7a7a;--pend:#9d93c7}
*{box-sizing:border-box}
html{background:var(--bg)}
body{margin:0;color:var(--text);font:16px/1.65 system-ui,-apple-system,"Segoe UI",Roboto,Montserrat,sans-serif;
background:radial-gradient(1px 1px at 10% 20%,#fff8 50%,transparent 51%),radial-gradient(1px 1px at 70% 10%,#fff6 50%,transparent 51%),radial-gradient(1.5px 1.5px at 40% 70%,#fff5 50%,transparent 51%),radial-gradient(1px 1px at 85% 55%,#fff7 50%,transparent 51%),radial-gradient(1px 1px at 25% 90%,#fff5 50%,transparent 51%),linear-gradient(180deg,#1b1045 0%,#120a2a 60%,#0d0720 100%);background-size:420px 420px,380px 380px,520px 520px,300px 300px,460px 460px,100% 100%;background-attachment:fixed}
a{color:var(--gold)}
.wrap{max-width:860px;margin:0 auto;padding:0 18px}
.top{border-bottom:1px solid #ffffff14;background:#120a2acc}
.top .wrap{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px;padding-top:12px;padding-bottom:12px}
.brand{font:700 1.5rem/1 Cinzel,Georgia,"Times New Roman",serif;letter-spacing:.06em;color:var(--gold);text-decoration:none}
.brand span{display:block;font:500 .7rem/1.6 system-ui,sans-serif;letter-spacing:.18em;text-transform:uppercase;color:var(--soft)}
nav a{color:var(--text);text-decoration:none;margin-left:14px;font-size:.95rem}
nav a:first-child{margin-left:0}
nav a:hover{color:var(--gold)}
main{padding:22px 18px 40px}
h1,h2{font-family:Cinzel,Georgia,"Times New Roman",serif;color:var(--gold);line-height:1.25}
h1{font-size:1.75rem;margin:.3em 0 .4em}
h2{font-size:1.25rem;margin-top:1.8em}
.kicker,.comp{text-transform:uppercase;letter-spacing:.14em;font-size:.75rem;color:var(--soft);margin:0}
.meta{color:var(--soft);margin-top:0}
.muted,.small{color:var(--soft);font-size:.85rem}
.hero{padding:18px 0 6px}
.note{font-size:.9rem;color:var(--soft)}
.btn{display:inline-block;background:var(--gold);color:#1a0f3a;font-weight:700;padding:10px 16px;border-radius:10px;text-decoration:none;margin:4px 6px 4px 0}
.btn.ghost{background:transparent;color:var(--gold);border:1px solid var(--gold)}
.grid{display:grid;gap:12px;grid-template-columns:1fr}
@media(min-width:640px){.grid{grid-template-columns:1fr 1fr}h1{font-size:2.1rem}}
.mcard{display:block;background:linear-gradient(160deg,var(--card),var(--bg2));border:1px solid var(--line);border-radius:14px;padding:14px;text-decoration:none;color:var(--text)}
.mcard:hover{border-color:var(--gold)}
.mcard span{display:block}
.mcard .badge{display:inline-block}
.mcard .teams{font-weight:800;font-size:1.1rem;margin:4px 0}
.mcard .teams i{font-weight:400;color:var(--soft);font-style:normal}
.mcard .meta{font-size:.85rem}
.mcard .picks{font-size:.9rem;margin-top:6px}
.badge{display:inline-block;font-size:.72rem;font-weight:700;padding:1px 8px;border-radius:99px;margin-right:6px;vertical-align:middle;text-transform:uppercase;letter-spacing:.05em}
.badge.hit{background:#4fd18b26;color:var(--hit);border:1px solid var(--hit)}
.badge.miss{background:#ff7a7a22;color:var(--miss);border:1px solid var(--miss)}
.badge.pending,.badge.void{background:#9d93c71f;color:var(--pend);border:1px solid #9d93c766}
.picks-box{display:grid;gap:12px;grid-template-columns:1fr 1fr;margin:16px 0}
.pick{border:1.5px solid var(--gold);border-radius:14px;padding:12px;background:#1a1042;text-align:center}
.pick span{display:block}
.pick .lbl{color:var(--gold);font-weight:700;font-size:.8rem;letter-spacing:.12em;text-transform:uppercase}
.pick .val{font-weight:800;font-size:1.2rem;margin:4px 0}
.pick .res{font-size:.85rem;color:var(--soft)}
.cosmic{border:1px solid var(--line);border-radius:12px;padding:10px 12px;text-align:center;background:#ffffff08}
.cosmic span{display:block;color:var(--gold);font-weight:700;font-size:.75rem;letter-spacing:.14em;text-transform:uppercase}
.crumbs{font-size:.85rem;color:var(--soft)}
.crumbs a{color:var(--soft)}
.stats{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.stats div{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:12px}
.stats span{display:block}.stats .lbl{color:var(--gold);font-size:.8rem;text-transform:uppercase;letter-spacing:.1em}.stats .val{font-weight:800;font-size:1.1rem}
.tablewrap{overflow-x:auto;margin-top:16px}
table{width:100%;border-collapse:collapse;font-size:.9rem}
th,td{padding:8px 6px;border-bottom:1px solid #ffffff1a;text-align:left;white-space:nowrap}
th{color:var(--gold);font-weight:700}
.prose table{display:block;overflow-x:auto}
.prose td{white-space:normal}
.draft{background:#e8c15c22;border:1px solid var(--gold);border-radius:10px;padding:10px 12px;color:var(--gold);font-weight:700}
.missing{background:#ffffff14;border-radius:4px;padding:0 4px;color:var(--soft);font-style:italic}
footer{border-top:1px solid #ffffff14;padding:18px 0 28px;font-size:.88rem;color:var(--soft);background:#0d0720cc}
footer .disc{color:var(--text);font-weight:700}
footer a{color:var(--soft)}