@font-face{font-display:swap;font-family:Anton;font-style:normal;font-weight:400;src:url(../fonts/Anton-Regular.woff2) format("woff2")}@font-face{font-display:swap;font-family:Manrope;font-style:normal;font-weight:300 800;src:url(../fonts/Manrope.woff2) format("woff2")}@font-face{font-display:swap;font-family:JetBrains Mono;font-style:normal;font-weight:400 700;src:url(../fonts/JetBrainsMono.woff2) format("woff2")}:root{--bg:#0b0b0c;--bg-2:#131416;--ink:#f4f1ea;--mute:#8a8a8e;--line:#26272b;--acid:#d6ff3f;--warm:#ff5b1f;--display:"Anton","Arial Narrow",sans-serif;--sans:"Manrope",system-ui,sans-serif;--mono:"JetBrains Mono",ui-monospace,monospace}*{box-sizing:border-box}body,html{background:var(--bg);color:var(--ink);font-family:var(--sans);margin:0;padding:0;-webkit-font-smoothing:antialiased;overflow-x:hidden}::-moz-selection{background:var(--acid);color:#000}::selection{background:var(--acid);color:#000}a{color:inherit}button{font-family:inherit}.page{margin:0 auto;max-width:1480px;overflow-x:hidden;padding:28px 36px 60px}.topbar{align-items:center;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;padding-bottom:24px}.brand{align-items:baseline;display:flex;font-family:var(--display);font-size:28px;gap:14px;letter-spacing:.04em}.brand .dot{background:var(--acid);border-radius:50%;display:inline-block;height:10px;transform:translateY(-2px);width:10px}.brand .v{letter-spacing:.1em}.brand .v,.topnav{color:var(--mute);font-family:var(--mono);font-size:12px}.topnav{display:flex;gap:28px;letter-spacing:.08em;text-transform:uppercase}.topnav .live{align-items:center;color:var(--acid);display:flex;gap:8px}.topnav .live:before{animation:pulse 1.4s infinite;background:var(--acid);border-radius:50%;content:"";height:8px;width:8px}@keyframes pulse{0%,to{opacity:1}50%{opacity:.3}}.hero{align-items:end;border-bottom:1px solid var(--line);display:grid;gap:48px;grid-template-columns:1.1fr .9fr;padding:56px 0 36px}.h-eyebrow{align-items:center;color:var(--mute);display:flex;font-family:var(--mono);font-size:12px;gap:14px;letter-spacing:.18em;margin-bottom:22px;text-transform:uppercase}.h-eyebrow .pill{border:1px solid var(--acid);border-radius:999px;color:var(--acid);font-size:10px;padding:4px 10px}h1{font-family:var(--display);font-size:clamp(72px,11vw,188px);font-weight:400;letter-spacing:-.01em;line-height:.86;margin:0;text-transform:uppercase}h1 .ink-acid{color:var(--acid)}h1 em{font-style:normal;-webkit-text-stroke:1.5px var(--ink);color:transparent}.h-meta{display:grid;gap:28px;grid-template-columns:repeat(3,1fr);padding-bottom:8px}.h-meta .cell .k{color:var(--mute);font-family:var(--mono);font-size:10px;letter-spacing:.16em;margin-bottom:8px;text-transform:uppercase}.h-meta .cell .v{font-family:var(--display);font-size:36px;line-height:1}.h-meta .cell .v.small{font-family:var(--sans);font-size:16px;font-weight:700}.gen{background:radial-gradient(1200px 400px at 20% -20%,rgba(214,255,63,.07),transparent 60%),radial-gradient(800px 300px at 90% 110%,rgba(255,91,31,.06),transparent 60%),var(--bg-2);border:1px solid var(--line);border-radius:4px;margin-top:56px;overflow:hidden}.gen-head{align-items:center;border-bottom:1px solid var(--line);color:var(--mute);display:flex;font-family:var(--mono);font-size:11px;justify-content:space-between;letter-spacing:.14em;padding:18px 24px;text-transform:uppercase}.gen-head .id{color:var(--ink)}.gen-head .actions{align-items:center;display:flex;gap:14px}.gen-head .swap{background:transparent;border:1px solid var(--line);border-radius:999px;color:var(--mute);cursor:pointer;font-family:var(--mono);font-size:10px;letter-spacing:.14em;padding:6px 12px;text-transform:uppercase}.gen-head .swap:hover{border-color:var(--ink);color:var(--ink)}.gen-head .swap:disabled{cursor:not-allowed;opacity:.3}.matchup{align-items:stretch;display:grid;grid-template-columns:1fr 120px 1fr;min-height:320px}.slot{cursor:pointer;display:flex;flex-direction:column;justify-content:space-between;padding:36px;position:relative;transition:background .2s}.slot:hover{background:#ffffff05}.slot.right{border-left:1px solid var(--line)}.slot .label{color:var(--mute);font-family:var(--mono);font-size:10px;letter-spacing:.18em;text-transform:uppercase}.slot .pickline{align-items:baseline;display:flex;gap:16px;margin-top:14px}.slot .flag{filter:saturate(1.05);font-size:84px;line-height:1}.slot .country{font-family:var(--display);font-size:clamp(48px,6vw,96px);letter-spacing:-.005em;line-height:.9;text-transform:uppercase}.slot .country.empty{color:#2c2d31;-webkit-text-stroke:1px var(--line);-webkit-text-fill-color:transparent}.slot .submeta{color:var(--mute);display:flex;flex-wrap:wrap;font-family:var(--mono);font-size:11px;gap:24px;margin-top:24px}.slot .submeta span{white-space:nowrap}.slot .submeta b{color:var(--ink);font-weight:500}.vs{background:#00000040;border-left:1px solid var(--line);border-right:1px solid var(--line);color:var(--acid);display:flex;font-family:var(--display);font-size:64px;justify-content:center;letter-spacing:.04em}.gen-foot,.vs{align-items:center}.gen-foot{border-top:1px solid var(--line);display:grid;gap:24px;grid-template-columns:1fr auto;padding:22px 24px}.knobs{display:flex;flex-wrap:wrap;gap:22px}.knob{display:flex;flex-direction:column;gap:6px}.knob .k{color:var(--mute);font-family:var(--mono);font-size:9px;letter-spacing:.18em;text-transform:uppercase}.knob-row{display:flex;gap:4px}.knob-row button{background:transparent;border:1px solid var(--line);border-radius:0;color:var(--mute);cursor:pointer;font-family:var(--mono);font-size:11px;letter-spacing:.06em;padding:7px 12px;text-transform:uppercase}.knob-row button.on{background:var(--acid);border-color:var(--acid);color:#000}.knob-row button:not(.on):hover{border-color:var(--ink);color:var(--ink)}.cta{align-items:center;background:var(--acid);border:none;color:#000;cursor:pointer;display:flex;font-family:var(--display);font-size:26px;gap:14px;letter-spacing:.04em;line-height:1;padding:18px 28px;text-transform:uppercase;transition:transform .15s,background .15s}.cta:hover:not(:disabled){background:var(--ink)}.cta:disabled{cursor:not-allowed;opacity:.35}.cta .arrow{align-items:center;align-self:center;background:#000;border-radius:50%;color:var(--acid);display:flex;flex-shrink:0;font-size:14px;height:28px;justify-content:center;width:28px}.cta:hover:not(:disabled) .arrow{background:var(--acid);color:#000}.out{display:grid;gap:28px;grid-template-columns:1.3fr .7fr;margin-top:56px}.card{background:var(--bg-2);border:1px solid var(--line);border-radius:4px;padding:28px}.card h3{color:var(--mute);font-family:var(--mono);font-size:11px;font-weight:500;letter-spacing:.18em;margin:0 0 18px;text-transform:uppercase}.scoreline{align-items:center;display:grid;gap:12px;grid-template-columns:1fr auto 1fr;margin-bottom:28px}.scoreline .name{font-family:var(--display);font-size:clamp(44px,5vw,76px);line-height:.9;text-transform:uppercase}.scoreline .name.right{text-align:right}.scoreline .score{color:var(--acid);font-family:var(--display);font-size:clamp(70px,8vw,120px);line-height:.85;padding:0 28px}.aet-line{color:var(--mute);font-family:var(--mono);font-size:11px;letter-spacing:.14em;margin-bottom:24px;margin-top:-18px;text-align:center;text-transform:uppercase}.probs{display:grid;gap:12px;margin-bottom:28px}.prob{align-items:center;display:grid;font-family:var(--mono);font-size:12px;gap:14px;grid-template-columns:130px 1fr 50px}.prob .pl{color:var(--mute);font-size:11px;letter-spacing:.12em;text-transform:uppercase}.prob .bar{background:#1c1d20;height:8px;overflow:hidden;position:relative}.prob .bar i{background:var(--acid);bottom:0;left:0;position:absolute;top:0;transition:width 1.1s cubic-bezier(.2,.8,.2,1)}.prob.draw .bar i{background:var(--mute)}.prob.away .bar i{background:var(--warm)}.prob .pv{color:var(--ink);font-weight:700;text-align:right}.narrative{border-top:1px solid var(--line);color:#d8d4cb;font-size:16px;line-height:1.55;padding-top:22px}.narrative p+p{margin-top:12px}.narrative .lead{color:var(--ink);font-family:var(--display);font-size:28px;letter-spacing:.005em;line-height:1.05;margin-bottom:16px;text-transform:uppercase}.sidebar{align-self:stretch;display:flex;flex-direction:column;gap:18px}.stat{background:var(--bg-2);border:1px solid var(--line);border-radius:4px;display:flex;flex:1;flex-direction:column;justify-content:center;padding:18px 20px}.stat .lbl{color:var(--mute);font-family:var(--mono);font-size:10px;letter-spacing:.18em;text-transform:uppercase}.stat .val{font-family:var(--display);font-size:56px;line-height:1;margin-top:6px}.stat .val.acid{color:var(--acid)}.stat .sub{margin-top:6px}.factors h4,.stat .sub{color:var(--mute);font-family:var(--mono);font-size:11px}.factors h4{font-weight:500;letter-spacing:.18em;margin:0 0 14px;text-transform:uppercase}.factors ul{display:grid;gap:10px;list-style:none;margin:0;padding:0}.factors li{border-bottom:1px dashed var(--line);color:#d8d4cb;display:grid;font-size:13px;gap:10px;grid-template-columns:26px 1fr;line-height:1.45;padding-bottom:10px}.factors li:last-child{border-bottom:none}.factors li .n{align-items:center;border:1px solid var(--acid);border-radius:999px;color:var(--acid);display:inline-flex;flex-shrink:0;font-family:var(--mono);font-size:11px;height:22px;justify-content:center;width:22px}.empty-out{border:1px dashed var(--line);border-radius:4px;grid-column:1/-1;padding:64px 28px;text-align:center}.empty-out .big{color:#34353a;font-family:var(--display);font-size:56px;line-height:1;text-transform:uppercase}.empty-out .small{color:var(--mute);font-family:var(--mono);font-size:12px;letter-spacing:.16em;margin-top:16px;text-transform:uppercase}.loading-card{background:var(--bg-2);border:1px solid var(--line);border-radius:4px;grid-column:1/-1;padding:40px}.loading-card .row{align-items:center;color:var(--mute);display:flex;font-family:var(--mono);font-size:12px;gap:18px;letter-spacing:.14em;padding:6px 0;text-transform:uppercase}.loading-card .row.done{color:var(--ink)}.loading-card .row.active{color:var(--acid)}.loading-card .row .tick{align-items:center;border:1px solid var(--line);border-radius:50%;display:inline-flex;flex-shrink:0;height:14px;justify-content:center;width:14px}.loading-card .row.done .tick{background:var(--ink);border-color:var(--ink);color:#000;font-size:9px}.loading-card .row.active .tick{border-color:var(--acid);position:relative}.loading-card .row.active .tick:after{animation:blip .9s infinite;background:var(--acid);border-radius:50%;content:"";inset:2px;position:absolute}@keyframes blip{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(.4)}}.modal-bg{align-items:center;animation:fadein .18s ease;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:#000000b3;display:flex;inset:0;justify-content:center;position:fixed;z-index:50}@keyframes fadein{0%{opacity:0}to{opacity:1}}.modal{background:var(--bg-2);border:1px solid var(--line);border-radius:4px;display:flex;flex-direction:column;max-height:84vh;overflow:hidden;width:min(880px,92vw)}.modal-head{align-items:center;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;padding:20px 24px}.modal-head .t{font-family:var(--display);font-size:24px;letter-spacing:.02em;text-transform:uppercase}.modal-head .x{background:transparent;border:1px solid var(--line);border-radius:50%;color:var(--mute);cursor:pointer;height:32px;width:32px}.modal-head .x:hover{border-color:var(--ink);color:var(--ink)}.modal-search{border-bottom:1px solid var(--line);padding:14px 20px}.modal-search input{background:transparent;border:none;color:var(--ink);font-family:var(--mono);font-size:13px;letter-spacing:.04em;outline:none;width:100%}.modal-search input::-moz-placeholder{color:var(--mute)}.modal-search input::placeholder{color:var(--mute)}.modal-list{display:grid;gap:6px;grid-template-columns:repeat(4,1fr);overflow-y:auto;padding:12px}.team-btn{align-items:center;background:transparent;border:1px solid transparent;border-radius:4px;color:var(--ink);cursor:pointer;display:flex;font-family:var(--sans);font-size:13px;font-weight:500;gap:12px;padding:12px;text-align:left}.team-btn:hover{background:#d6ff3f0d;border-color:var(--line)}.team-btn.taken{cursor:not-allowed;opacity:.25}.team-btn .fl{font-size:22px}.team-btn .nm{line-height:1.1}.team-btn .nm small{display:block;font-size:9px;margin-top:4px}.team-btn .nm small,footer{color:var(--mute);font-family:var(--mono);letter-spacing:.12em}footer{align-items:baseline;border-top:1px solid var(--line);display:flex;font-size:11px;justify-content:space-between;margin-top:80px;padding-top:28px;text-transform:uppercase}footer .big{color:#1f2024;font-family:var(--display);font-size:80px;letter-spacing:.02em;line-height:1}footer .foot-nav{display:flex;gap:24px}footer .foot-nav a{color:var(--mute);text-decoration:none}footer .foot-nav a:hover{color:var(--ink)}.static-page{margin:0 auto;max-width:720px;padding:60px 36px 100px}.static-page .back{color:var(--mute);display:inline-block;font-family:var(--mono);font-size:11px;letter-spacing:.12em;margin-bottom:48px;text-decoration:none;text-transform:uppercase}.static-page .back:hover{color:var(--ink)}.static-page h1{font-family:var(--display);font-size:clamp(40px,6vw,80px);font-weight:400;line-height:.9;margin:0 0 48px;text-transform:uppercase}.static-page h2{color:var(--acid);font-family:var(--mono);font-size:11px;font-weight:500;letter-spacing:.18em;margin:40px 0 12px;text-transform:uppercase}.static-page p{color:#c8c4bc;font-size:15px;line-height:1.65;margin:0 0 16px}.static-page a{color:var(--acid);text-decoration:none}.static-page a:hover{text-decoration:underline}@media(max-width:1100px){.hero,.matchup,.out{grid-template-columns:1fr}.vs{border-bottom:1px solid var(--line);border-right:none;border-top:1px solid var(--line);padding:16px}.slot.right,.vs{border-left:none}footer{flex-direction:column;gap:16px}footer .foot-nav{flex-wrap:wrap;gap:12px 20px}.modal-list{grid-template-columns:repeat(2,1fr)}.knob-row button{font-size:10px;padding:5px 8px}.gen-foot{grid-template-columns:1fr}.cta{justify-content:center;width:100%}.prob{grid-template-columns:90px 1fr 44px}.card{padding:18px}.scoreline .name{font-size:32px}.scoreline .score{font-size:56px;padding:0 12px}.page{padding:20px 16px 60px}}
