:root{
    --bg:#0b0d10; --panel:#13171c; --panel-2:#171c22; --line:#242b33;
    --ink:#eef2f4; --muted:#8b97a3; --faint:#5c6772;
    --lime:#c8ff42; --amber:#ffb13d; --coral:#ff6b6b; --blue:#5ab0ff;
    --mono:'JetBrains Mono',monospace;
  }
  *{box-sizing:border-box;margin:0;padding:0}
  body{
    background:var(--bg); color:var(--ink);
    font-family:'Archivo',sans-serif; line-height:1.45;
    background-image:radial-gradient(1200px 600px at 80% -10%, rgba(200,255,66,.07), transparent 60%),
                     radial-gradient(900px 500px at 0% 0%, rgba(90,176,255,.05), transparent 55%);
    min-height:100vh;
  }
  body::before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.025;z-index:0;
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");}
  .wrap{max-width:1180px;margin:0 auto;padding:40px 24px 80px;position:relative;z-index:1}

  header{display:flex;justify-content:space-between;align-items:flex-end;
    border-bottom:1px solid var(--line);padding-bottom:22px;margin-bottom:36px;flex-wrap:wrap;gap:16px}
  .brand .kicker{font-family:var(--mono);font-size:11px;letter-spacing:.35em;color:var(--lime);text-transform:uppercase}
  h1{font-family:'Anton',sans-serif;font-weight:400;font-size:clamp(40px,7vw,76px);
     line-height:.92;letter-spacing:.01em;text-transform:uppercase;margin-top:6px}
  h1 .em{color:var(--lime)}
  .updated{font-family:var(--mono);font-size:12px;color:var(--faint);text-align:right}
  .updated b{color:var(--muted);font-weight:700}
  .updated .kicker-live{display:inline-flex;align-items:center;gap:6px;justify-content:flex-end}
  .live-dot{width:7px;height:7px;border-radius:50%;background:var(--lime);box-shadow:0 0 0 0 rgba(200,255,66,.6);
    animation:pulse 2s infinite}
  @keyframes pulse{0%{box-shadow:0 0 0 0 rgba(200,255,66,.5)}70%{box-shadow:0 0 0 7px rgba(200,255,66,0)}100%{box-shadow:0 0 0 0 rgba(200,255,66,0)}}
  @media(prefers-reduced-motion:reduce){.live-dot{animation:none}.reveal{animation:none;opacity:1;transform:none}.bar>i{transition:none}}

  .stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:14px;margin-bottom:46px}
  .stat{background:linear-gradient(160deg,var(--panel-2),var(--panel));border:1px solid var(--line);border-radius:12px;
    padding:18px 18px 16px;position:relative;overflow:hidden;transition:transform .18s ease,border-color .18s ease}
  .stat:hover{transform:translateY(-2px);border-color:#33404c}
  .stat::after{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--lime);box-shadow:0 0 14px rgba(200,255,66,.4)}
  .stat .label{font-family:var(--mono);font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:var(--muted)}
  .stat .val{font-family:'Anton',sans-serif;font-size:38px;line-height:1.1;margin-top:6px;font-variant-numeric:tabular-nums}
  .stat .sub{font-size:12px;color:var(--faint);font-family:var(--mono);margin-top:2px}

  section{margin-bottom:48px}
  .sec-head{display:flex;align-items:baseline;gap:14px;margin-bottom:18px}
  .sec-head h2{font-family:'Anton',sans-serif;font-weight:400;font-size:24px;letter-spacing:.04em;text-transform:uppercase}
  .sec-head .dot{width:9px;height:9px;border-radius:50%;background:var(--lime)}
  .sec-head .note{font-family:var(--mono);font-size:11px;color:var(--faint);margin-left:auto}

  /* title odds */
  .odds{background:var(--panel);border:1px solid var(--line);border-radius:14px;overflow:hidden}
  .orow{display:grid;grid-template-columns:38px minmax(140px,1.1fr) 2.4fr 76px;gap:18px;align-items:center;
    padding:12px 20px;border-bottom:1px solid var(--line);transition:background .15s ease}
  .orow:last-child{border-bottom:none}
  .orow:hover{background:rgba(255,255,255,.03)}
  .orow:nth-child(-n+3){background:linear-gradient(90deg,rgba(200,255,66,.07),transparent 55%)}
  .orow:nth-child(-n+3):hover{background:linear-gradient(90deg,rgba(200,255,66,.11),transparent 55%)}
  .rank{font-family:var(--mono);font-size:13px;color:var(--faint);font-variant-numeric:tabular-nums}
  .orow:nth-child(-n+3) .rank{color:var(--lime)}
  .team{display:flex;align-items:center;gap:10px;min-width:0}
  .team .name{font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .grp{font-family:var(--mono);font-size:10px;color:var(--bg);background:var(--muted);
    border-radius:4px;padding:1px 5px;font-weight:700;flex:none}
  .orow:nth-child(-n+3) .grp{background:var(--lime)}
  .winpct{font-family:'Anton',sans-serif;font-size:22px;text-align:right;font-variant-numeric:tabular-nums}
  .bar{height:9px;background:#0c1016;border-radius:5px;overflow:hidden;border:1px solid rgba(255,255,255,.04)}
  .bar > i{display:block;height:100%;background:linear-gradient(90deg,#8fd000,var(--lime));border-radius:5px;
    box-shadow:0 0 12px rgba(200,255,66,.35);transition:width .6s cubic-bezier(.2,.7,.3,1)}
  .more{display:block;width:100%;background:none;border:none;border-top:1px solid var(--line);
    color:var(--muted);font-family:var(--mono);font-size:12px;padding:12px;cursor:pointer;letter-spacing:.1em}
  .more:hover{color:var(--lime)}
  @media(max-width:560px){
    .orow{grid-template-columns:30px 1fr auto;grid-template-areas:"rank team pct" "bar bar bar";
      gap:7px 12px;padding:12px 16px}
    .rank{grid-area:rank}.team{grid-area:team}.winpct{grid-area:pct}
    .bar{grid-area:bar;margin-top:2px}
  }

  /* fixtures */
  .fixtures{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:14px}
  .fx{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:16px;
    transition:transform .18s ease,border-color .18s ease}
  .fx:hover{transform:translateY(-2px);border-color:#33404c}
  .fx .date{font-family:var(--mono);font-size:10px;letter-spacing:.15em;color:var(--faint);text-transform:uppercase}
  /* results-pending (played upstream, score not yet published) */
  .pending-banner{grid-column:1/-1;display:flex;align-items:flex-start;gap:10px;
    background:rgba(255,177,61,.08);border:1px solid rgba(255,177,61,.32);border-radius:12px;
    padding:13px 16px;font-size:13px;line-height:1.5;color:var(--muted)}
  .pending-banner b{color:var(--amber);font-weight:700}
  .pending-banner .pdot{flex:none;width:8px;height:8px;border-radius:50%;background:var(--amber);margin-top:5px;
    box-shadow:0 0 0 0 rgba(255,177,61,.6);animation:pulse-amber 2s infinite}
  @keyframes pulse-amber{0%{box-shadow:0 0 0 0 rgba(255,177,61,.5)}70%{box-shadow:0 0 0 7px rgba(255,177,61,0)}100%{box-shadow:0 0 0 0 rgba(255,177,61,0)}}
  .fx.pending{border-color:rgba(255,177,61,.4)}
  .fx.pending .date{color:var(--amber)}
  .pending-tag{display:inline-block;background:var(--amber);color:var(--bg);font-weight:700;
    border-radius:4px;padding:1px 6px;margin-right:7px;letter-spacing:.06em}
  @media(prefers-reduced-motion:reduce){.pending-banner .pdot{animation:none}}
  .fx .match{font-weight:600;font-size:15px;margin:7px 0 14px;display:flex;justify-content:space-between;gap:8px}
  .fx .match .vs{color:var(--faint);font-family:var(--mono)}
  .seg{display:flex;height:30px;border-radius:7px;overflow:hidden;font-family:var(--mono);font-size:11px;font-weight:700}
  .seg > div{display:flex;align-items:center;justify-content:center;color:#0b0d10;min-width:0;transition:flex-basis .5s ease}
  .seg .h{background:var(--lime)} .seg .d{background:#3b444d;color:var(--ink)} .seg .a{background:var(--coral)}
  .leg{display:flex;justify-content:space-between;margin-top:8px;font-family:var(--mono);font-size:10px;color:var(--muted)}

  /* model vs market */
  .mvm{background:var(--panel);border:1px solid var(--line);border-radius:14px;overflow:hidden}
  .mvrow{display:grid;grid-template-columns:1fr 150px 150px 48px;gap:14px;align-items:center;
    padding:13px 18px;border-bottom:1px solid var(--line);transition:background .15s ease}
  .mvrow:last-child{border-bottom:none}
  .mvrow:hover{background:rgba(255,255,255,.03)}
  .mvrow:first-child{background:linear-gradient(90deg,rgba(255,177,61,.08),transparent 45%)}
  .mvfx .date{font-family:var(--mono);font-size:10px;letter-spacing:.12em;color:var(--faint);text-transform:uppercase}
  .mvfx .mvteams{font-weight:600;font-size:14px;margin-top:3px}
  .mvfx .mvteams .vs{color:var(--faint);font-family:var(--mono);font-weight:400}
  .mvcol .lbl{font-family:var(--mono);font-size:9px;letter-spacing:.18em;color:var(--muted)}
  .mvcol .mini{display:flex;height:13px;border-radius:4px;overflow:hidden;margin:4px 0 3px}
  .mvcol .mini > i{display:block;height:100%}
  .mini .h{background:var(--lime)} .mini .d{background:#3b444d} .mini .a{background:var(--coral)}
  .mvcol .nums{font-family:var(--mono);font-size:10px;color:var(--muted)}
  .mvtvd{text-align:right}
  .mvtvd .tvdval{font-family:'Anton',sans-serif;font-size:26px;color:var(--amber);display:block;line-height:1}
  .mvtvd .tvdlbl{font-family:var(--mono);font-size:9px;letter-spacing:.15em;color:var(--faint);text-transform:uppercase}
  .mvkey{font-family:var(--mono);font-size:10px;color:var(--faint);padding:11px 18px;border-top:1px solid var(--line)}
  @media(max-width:640px){.mvrow{grid-template-columns:1fr 48px}.mvcol{display:none}}

  .calbox{display:grid;grid-template-columns:300px 1fr;gap:26px;background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:22px 24px;align-items:center}
  .caldiag svg{width:100%;height:auto;display:block}
  .calexp .ece{font-family:'Anton',sans-serif;font-size:46px;color:var(--lime);line-height:.9}
  .calexp .ecelbl{font-family:var(--mono);font-size:10px;letter-spacing:.14em;color:var(--faint);text-transform:uppercase;display:block;margin-top:4px}
  .calexp p{color:var(--muted);font-size:13.5px;margin-top:14px;max-width:42ch}
  .calexp .cav{font-family:var(--mono);font-size:10px;color:var(--faint);margin-top:12px}
  @media(max-width:640px){.calbox{grid-template-columns:1fr}}

  /* bracket — road to the final */
  .bracket-wrap{overflow-x:auto;overflow-y:hidden;padding-bottom:10px;-webkit-overflow-scrolling:touch}
  .bhead{display:flex;min-width:1180px;margin-bottom:8px}
  .bhcell{flex:1;text-align:center;font-family:var(--mono);font-size:9.5px;letter-spacing:.18em;
    text-transform:uppercase;color:var(--faint)}
  .bhcell.center{flex:0 0 168px;color:var(--lime)}
  .bracket{position:relative;display:flex;min-width:1180px;height:520px}
  .bconn{position:absolute;inset:0;z-index:0;pointer-events:none;overflow:visible}
  .bcol{display:flex;flex-direction:column;justify-content:space-around;align-items:center;
    flex:1;padding:0 7px;position:relative;z-index:1}
  .bcol.center{flex:0 0 168px;justify-content:center}
  .bmatch{background:var(--panel-2);border:1px solid var(--line);border-radius:9px;overflow:hidden;
    width:100%;max-width:174px;transition:border-color .15s ease,transform .15s ease}
  .bmatch:hover{border-color:#33404c;transform:translateY(-1px)}
  .bteam{display:grid;grid-template-columns:19px 1fr auto;gap:7px;align-items:center;padding:6px 9px}
  .bteam+.bteam{border-top:1px solid var(--line)}
  .bteam .bgrp{font-family:var(--mono);font-size:9px;font-weight:700;background:#2a323b;color:var(--muted);
    border-radius:3px;padding:1px 0;text-align:center;align-self:center}
  .bmain{min-width:0;display:flex;flex-direction:column;gap:1px}
  .bteam .bname{font-weight:600;font-size:12.5px;line-height:1.15;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .bteam .bsub{font-family:var(--mono);font-size:8.5px;letter-spacing:.02em;color:var(--faint);line-height:1.2;
    white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .bteam.fav .bsub{color:#a6cf5a}
  .bteam .bp{font-family:var(--mono);font-size:11px;color:var(--faint);font-variant-numeric:tabular-nums;align-self:center}
  .bteam.fav{background:linear-gradient(90deg,rgba(200,255,66,.13),transparent 80%)}
  .bteam.fav .bname{color:var(--lime)}
  .bteam.fav .bp{color:var(--lime);font-weight:700}
  .bteam.fav .bgrp{background:var(--lime);color:#0b0d10}
  .bteam.out{opacity:.5}
  .bchamp{text-align:center;display:flex;flex-direction:column;align-items:center;gap:3px}
  .bchamp .trophy{filter:drop-shadow(0 0 14px rgba(200,255,66,.45));margin-bottom:4px}
  .bchamp .clabel{font-family:var(--mono);font-size:9px;letter-spacing:.2em;text-transform:uppercase;color:var(--faint)}
  .bchamp .cname{font-family:'Anton',sans-serif;font-size:clamp(22px,2.4vw,30px);line-height:.95;
    color:var(--lime);text-transform:uppercase;margin-top:2px}
  .bchamp .codds{font-family:var(--mono);font-size:10px;color:var(--muted);margin-top:3px}
  .bnote{font-family:var(--mono);font-size:11px;color:var(--faint);margin-top:12px;line-height:1.55;max-width:96ch}

  /* recent */
  .recent{background:var(--panel);border:1px solid var(--line);border-radius:14px;overflow:hidden}
  .rrow{display:grid;grid-template-columns:80px 1fr 54px 52px 28px;gap:10px;align-items:center;
    padding:10px 18px;border-bottom:1px solid var(--line);font-size:14px;transition:background .15s ease}
  .rrow:last-child{border-bottom:none}
  .rrow:hover{background:rgba(255,255,255,.03)}
  .rrow .d{font-family:var(--mono);font-size:11px;color:var(--faint)}
  .rrow .sc{font-family:var(--mono);font-weight:700}
  .rrow .pk{font-family:var(--mono);font-size:12px;color:var(--muted);text-align:center}
  .mark{font-weight:700;text-align:center}
  .ok{color:var(--lime)} .no{color:var(--coral)}

  .empty{background:var(--panel);border:1px dashed var(--line);border-radius:14px;padding:34px;text-align:center;color:var(--muted)}
  .empty b{color:var(--ink)}
  footer{border-top:1px solid var(--line);margin-top:40px;padding-top:18px;
    font-family:var(--mono);font-size:11px;color:var(--faint);display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px}
  .reveal{opacity:0;transform:translateY(12px);animation:rise .6s cubic-bezier(.2,.7,.3,1) forwards}
  @keyframes rise{to{opacity:1;transform:none}}

  /* group-stage tables */
  .groups{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
  @media(max-width:900px){.groups{grid-template-columns:repeat(3,1fr)}}
  @media(max-width:660px){.groups{grid-template-columns:repeat(2,1fr)}}
  @media(max-width:440px){.groups{grid-template-columns:1fr}}
  .gcard{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:11px 12px 7px;transition:border-color .2s,transform .2s}
  .gcard:hover{border-color:#323b45;transform:translateY(-2px)}
  .ghead{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}
  .gletter{font-family:var(--mono);font-size:17px;font-weight:800;letter-spacing:.06em;color:var(--ink)}
  .gtag{font-family:var(--mono);font-size:9px;letter-spacing:.16em;text-transform:uppercase;color:var(--faint);border:1px solid var(--line);border-radius:999px;padding:2px 7px}
  .gtag.final{color:var(--lime);border-color:rgba(200,255,66,.35)}
  .grow,.gcols{display:grid;grid-template-columns:15px 1fr 38px 38px;align-items:center;gap:6px}
  .gcols{padding:0 0 5px}
  .gcols span{font-family:var(--mono);font-size:8.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--faint);text-align:right}
  .gcols span:nth-child(2){text-align:left}
  .grow{padding:5px 0;border-top:1px solid var(--line);font-size:13px}
  .gcols + .grow{border-top:none}
  .gpos{font-family:var(--mono);font-size:11px;color:var(--faint);text-align:center}
  .gteam{color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .gpct{font-family:var(--mono);font-size:11.5px;font-variant-numeric:tabular-nums;text-align:right}
  .gwin{color:var(--ink)} .gqual{color:var(--muted)}
  .grow.q1 .gpos,.grow.q2 .gpos{color:var(--lime)}
  .grow.q1 .gteam,.grow.q2 .gteam{font-weight:600}
  .grow.q3 .gpos{color:var(--amber)}
  .grow.q4{opacity:.48}

  /* nav */
  header{flex-wrap:wrap;gap:14px}
  .nav{display:flex;gap:6px;align-items:center;flex-wrap:wrap}
  .nav a{font-family:var(--mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);text-decoration:none;padding:7px 13px;border:1px solid var(--line);border-radius:999px;transition:all .15s;white-space:nowrap}
  .nav a:hover{color:var(--ink);border-color:#39424d}
  .nav a.active{color:var(--bg);background:var(--lime);border-color:var(--lime);font-weight:700}
  @media(max-width:720px){.nav{order:3;width:100%}}
  /* model report */
  .report{max-width:760px;margin:0 auto;padding:6px 0 20px}
  .report .lead{font-size:17px;line-height:1.6;color:var(--ink);margin:0 0 8px}
  .report h2{font-family:var(--mono);font-size:12.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--lime);margin:32px 0 10px;padding-top:18px;border-top:1px solid var(--line)}
  .report h3{font-size:15px;color:var(--ink);margin:22px 0 8px;font-weight:600}
  .report p{font-size:14.5px;line-height:1.72;color:var(--muted);margin:0 0 14px}
  .report b{color:var(--ink);font-weight:600}
  .report i{color:var(--ink);font-style:italic}
  .report a{color:var(--lime);text-decoration:none;border-bottom:1px solid rgba(200,255,66,.3)}
  .report a:hover{border-bottom-color:var(--lime)}
  .rtbl{width:100%;border-collapse:collapse;margin:10px 0 18px;font-size:13.5px}
  .rtbl th{font-family:var(--mono);font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--faint);text-align:left;padding:8px 10px;border-bottom:1px solid var(--line)}
  .rtbl td{padding:9px 10px;border-bottom:1px solid var(--line);color:var(--muted);font-variant-numeric:tabular-nums}
  .rtbl tbody tr:first-child td{color:var(--ink);font-weight:600}
  .rtbl td:first-child{color:var(--ink)}