/* Fantasy Contests — extracted from html/cricbun-fantasy-contests.html */
.hero{background:var(--navy);color:var(--paper);padding:28px 0}
.hero h1{font-size:clamp(1.8rem,5vw,3rem);letter-spacing:-.06em}
.hero p{font-size:.62rem;color:oklch(74% .015 230);margin-top:6px}
.hero .match{display:flex;gap:10px;margin-top:18px;align-items:center}
.flag{width:38px;height:30px;border-radius:7px;background:var(--cyan);color:var(--paper);display:grid;place-items:center;font-size:.5rem;font-weight:800}
.hero .match b{font-size:.72rem}
.hero .match span{font-size:.52rem;color:oklch(72% .015 230)}
main{padding:20px 0 75px}
.tabs,.filters{display:flex;gap:7px;overflow:auto;scrollbar-width:none}
.tabs{margin-bottom:10px}
.filters{margin-bottom:15px}
.tab,.filter{white-space:nowrap;border:1px solid var(--line);border-radius:999px;background:var(--paper);padding:8px 11px;font-size:.57rem;color:var(--muted)}
.tab.on{background:var(--navy);color:var(--paper)}
.filter.on{background:var(--cyan-p);color:var(--cyan-d)}
.layout{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:15px}
.stack{display:grid;gap:12px}
.contest{background:var(--paper);border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow-sm);overflow:hidden}
.contesttop{display:flex;justify-content:space-between;padding:14px}
.contest h3{font-size:.66rem}
.contest p{font-size:.48rem;color:var(--muted);margin-top:3px}
.prize{text-align:right}
.prize b{display:block;font-size:.84rem}
.prize span{font-size:.45rem;color:var(--muted)}
.stats{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.stat{padding:10px 14px;border-right:1px solid var(--line)}
.stat:last-child{border:0}
.stat b{display:block;font-size:.61rem}
.stat span{font-size:.43rem;color:var(--muted)}
.fill{padding:11px 14px;display:flex;align-items:center;gap:10px}
.track{height:6px;background:var(--line);border-radius:8px;overflow:hidden;flex:1}
.track i{display:block;height:100%;background:var(--cyan)}
.fill span{font-size:.46rem;color:var(--muted)}
.join{height:32px;border:0;border-radius:7px;background:var(--cyan-d);color:var(--paper);padding:0 11px;font-size:.52rem;font-weight:700}
.panel{background:var(--paper);border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow-sm);overflow:hidden}
.head{height:44px;padding:0 13px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}
.head h2{font-size:.72rem}
.head span{font-size:.48rem;color:var(--cyan-d)}
.sidebody{padding:13px}
.summary{display:grid;gap:8px}
.row{display:flex;justify-content:space-between;font-size:.53rem}
.row span{color:var(--muted)}
@media(max-width:760px){.layout{grid-template-columns:1fr}.aside{display:grid;grid-template-columns:1fr 1fr}}
@media(max-width:520px){.aside{grid-template-columns:1fr}.stats{display:flex;overflow:auto}.stat{min-width:34vw}}