:root { color-scheme: dark; --bg:#0b1020; --panel:#151d31; --line:#29354e; --text:#f6f7fb; --muted:#aab5ca; --green:#4ade80; --red:#fb7185; --amber:#fbbf24; --blue:#60a5fa; }
* { box-sizing:border-box; }
body { margin:0; min-width:320px; background:radial-gradient(circle at top right,#1f3156,transparent 40%),var(--bg); color:var(--text); font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; }
.shell { width:min(960px,calc(100% - 32px)); margin:0 auto; padding:44px 0 28px; }
.hero,.summary,.section-heading { display:flex; justify-content:space-between; gap:24px; align-items:flex-start; }
.hero { border-bottom:1px solid var(--line); padding-bottom:30px; }
.eyebrow { margin:0 0 7px; color:var(--blue); font-size:.74rem; letter-spacing:.13em; font-weight:800; }
h1,h2,p { margin-top:0; } h1 { margin-bottom:8px; font-size:clamp(2rem,5vw,3.35rem); letter-spacing:-.045em; } h2 { margin-bottom:8px; font-size:1.25rem; } .subtitle,.meta,.disclaimer { color:var(--muted); }
.updated { white-space:nowrap; display:flex; gap:8px; align-items:center; color:var(--muted); font-size:.86rem; padding-top:7px; }.pulse { width:8px;height:8px;border-radius:999px;background:var(--green);box-shadow:0 0 0 5px #4ade801d; }
.summary { margin:28px 0; padding:24px; border:1px solid var(--line); border-radius:16px; background:#11192bba; }.summary h2 { font-size:1.55rem; }.summary .meta { margin:0; }.payout { text-align:right; color:var(--muted); font-size:.82rem; }.payout strong { display:block; color:var(--text); margin-top:6px; font-size:1.5rem; }
.section-heading { align-items:center; }.section-heading h2 { margin:0; }.section-heading span { color:var(--muted); font-size:.86rem; }.legs { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; margin-top:16px; }
.leg { min-height:176px; padding:18px; border:1px solid var(--line); border-radius:14px; background:var(--panel); }.leg-top { display:flex; gap:10px; justify-content:space-between; align-items:flex-start; }.leg h3 { margin:0; font-size:1rem; line-height:1.35; }.badge { flex:none; padding:4px 8px; border-radius:99px; font-size:.7rem; text-transform:uppercase; letter-spacing:.07em; font-weight:800; }.in-progress { background:#60a5fa21;color:var(--blue); }.not-started { background:#fbbf241d;color:var(--amber); }.hit { background:#4ade8020;color:var(--green); }.failed { background:#fb718522;color:var(--red); }.progress { margin:22px 0 8px; font-size:1.35rem; font-weight:800; letter-spacing:-.025em; }.game { color:var(--muted); font-size:.86rem; }.empty { border:1px dashed var(--line); color:var(--muted); padding:28px; border-radius:14px; text-align:center; }.disclaimer { margin:30px 0 0; font-size:.75rem; }
@media(max-width:640px){.shell{width:min(100% - 24px,960px);padding-top:26px}.hero,.summary{display:block}.updated{padding-top:16px}.payout{text-align:left;margin-top:20px}.legs{grid-template-columns:1fr}.leg{min-height:150px}}