.arena{isolation:isolate;min-height:100dvh;padding-block:clamp(2rem,5vw,4rem) 4rem;position:relative;overflow:clip}.arena-beam{filter:blur(90px);opacity:.5;pointer-events:none;z-index:-1;width:60%;height:90%;position:absolute;inset-block-start:-30%}.arena-beam-a{background:radial-gradient(closest-side, color-mix(in oklab, var(--messi) 55%, transparent), transparent);inset-inline-start:-15%}.arena-beam-b{background:radial-gradient(closest-side, color-mix(in oklab, var(--ronaldo) 55%, transparent), transparent);inset-inline-end:-15%}.arena-wrap{width:min(1180px,100% - 3rem);margin-inline:auto}.arena-meta{font:500 .75rem/1 var(--font-numeric);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);flex-wrap:wrap;justify-content:space-between;gap:.75rem 1.5rem;display:flex}.arena-meta b{color:var(--accent);font-weight:500}.arena h1{font:800 clamp(2.75rem, 9vw, 5.5rem) / .9 var(--font-display);letter-spacing:-.02em;text-transform:uppercase;margin:1.5rem 0 .5rem}.arena h1 em{color:var(--accent);font-style:italic}.arena-subtitle{max-width:34ch;color:var(--muted);margin:0;font-size:1.05rem}.arena-split{background:var(--surface);border:1px solid var(--line);border-radius:999px;height:.75rem;margin-block:2.5rem .75rem;display:flex;overflow:hidden}.arena-split span{transition:width .6s cubic-bezier(.2,.7,.3,1);display:block}.arena-split-a{background:var(--messi)}.arena-split-b{background:var(--ronaldo)}.arena-split-labels{font:500 .8rem/1 var(--font-numeric);color:var(--muted);justify-content:space-between;display:flex}.arena-match{grid-template-columns:1fr 1fr;gap:clamp(1rem,3vw,2.5rem);margin-top:2rem;display:grid}.arena-camp{--camp:var(--messi);isolation:isolate;border:1px solid color-mix(in oklab, var(--camp) 35%, transparent);background:linear-gradient(135deg, color-mix(in oklab, var(--camp) 14%, transparent), color-mix(in oklab, var(--surface) 92%, transparent) 60%), var(--surface);min-width:0;box-shadow:inset 0 1px 0 color-mix(in oklab, var(--camp) 22%, transparent);border-radius:14px;padding:clamp(1.25rem,3vw,2rem);position:relative;overflow:hidden}.arena-camp-b{--camp:var(--ronaldo)}.arena-camp:after{content:"";border:1px solid color-mix(in oklab, var(--camp) 12%, transparent);width:26rem;height:26rem;box-shadow:0 0 0 2rem color-mix(in oklab, var(--camp) 5%, transparent), 0 0 0 4rem color-mix(in oklab, var(--camp) 3%, transparent);z-index:-1;pointer-events:none;border-radius:50%;position:absolute;bottom:4rem;right:-15rem}.arena-camp-role{font:500 .7rem/1 var(--font-numeric);letter-spacing:.12em;text-transform:uppercase;color:color-mix(in oklab, var(--camp) 80%, var(--text))}.arena-camp h2{font:800 clamp(2rem, 5vw, 3.25rem) / .9 var(--font-display);letter-spacing:-.015em;text-transform:uppercase;margin:.5rem 0 0}.arena-score{flex-wrap:wrap;align-items:baseline;gap:1.25rem;margin-top:1.25rem;display:flex}.arena-score-percent{font:800 clamp(2.5rem, 7vw, 4.25rem) / .9 var(--font-display);letter-spacing:-.03em;font-variant-numeric:tabular-nums;color:var(--camp)}.arena-score-percent small{color:var(--muted);margin-left:.15em;font-size:.45em}.arena-score-detail{border-left:1px solid var(--line);flex-direction:column;gap:.25rem;padding-left:1.25rem;display:flex}.arena-score-detail b{font:500 1rem/1 var(--font-numeric);font-variant-numeric:tabular-nums}.arena-score-detail span{color:var(--muted);font-size:.8rem}.arena-pick{background:var(--camp);color:#08110a;width:100%;font:700 1rem/1 var(--font);cursor:pointer;border:0;border-radius:10px;margin-top:1.5rem;padding:.9rem 1.25rem;transition:filter .15s,transform .15s}.arena-pick:hover{filter:brightness(1.08)}.arena-pick:active{transform:translateY(1px)}.arena-pick[aria-pressed=true]{outline:2px solid var(--text);outline-offset:3px}.arena-checkout{border:1px solid var(--line);background:var(--surface);border-radius:14px;margin-top:2.5rem;padding:clamp(1.25rem,3vw,2rem);scroll-margin-top:1.5rem}.arena-checkout h2{font:800 1.5rem/1 var(--font-display);text-transform:uppercase;letter-spacing:.01em;margin:0 0 1rem}.arena-disclosure{color:var(--muted);margin-top:2rem;font-size:.85rem}.arena-live{align-items:center;gap:.4rem;display:inline-flex}.arena-live i{background:var(--muted);border-radius:50%;width:.5rem;height:.5rem;transition:background .3s}.arena-live[data-live=true] i{background:var(--accent);box-shadow:0 0 0 3px color-mix(in oklab, var(--accent) 25%, transparent)}@media (max-width:720px){.arena-match{grid-template-columns:1fr}.arena-wrap{width:min(1180px,100% - 2rem)}}@media (prefers-reduced-motion:reduce){.arena-split span,.arena-pick,.arena-live i{transition:none}}.vote-form fieldset{border:0;margin:0 0 1.5rem;padding:0}.vote-form legend{font:500 .72rem/1 var(--font-numeric);letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin-bottom:.6rem;padding:0}.vote-form fieldset label{border:1px solid var(--line);background:color-mix(in oklab, var(--bg) 60%, transparent);cursor:pointer;border-radius:999px;align-items:center;gap:.45rem;margin:0 .5rem .5rem 0;padding:.5rem .85rem;font-size:.92rem;transition:border-color .15s,background .15s;display:inline-flex}.vote-form fieldset label:hover{border-color:color-mix(in oklab, var(--accent) 45%, var(--line))}.vote-form fieldset label:has(input:checked){border-color:var(--accent);background:color-mix(in oklab, var(--accent) 12%, transparent)}.vote-form fieldset>label:has(input:focus-visible){outline:2px solid var(--accent);outline-offset:2px}.vote-form fieldset p label{cursor:default;font:500 .72rem/1.6 var(--font-numeric);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);background:0 0;border:0;border-radius:0;margin:0;padding:0;display:block}.vote-form fieldset p{margin:0 0 1rem}.vote-form input[type=text],.vote-form input[type=url],.vote-form input[type=number],.vote-form input:not([type]),.vote-form select{border:1px solid var(--line);background:var(--bg);width:100%;max-width:24rem;color:var(--text);font:1rem/1.2 var(--font);border-radius:8px;margin-top:.35rem;padding:.65rem .8rem}.vote-form fieldset>label input[type=number]{width:6rem;margin:0 0 0 .35rem;padding:.25rem .5rem}.vote-form input:focus-visible,.vote-form select:focus-visible{outline:2px solid var(--accent);outline-offset:1px;border-color:var(--accent)}.avatar-field input[type=file]{max-width:24rem;font:.85rem/1.2 var(--font);color:var(--muted);margin-top:.35rem}.avatar-field input[type=file]::file-selector-button{border:1px solid var(--line);background:color-mix(in oklab, var(--bg) 60%, transparent);color:var(--text);font:500 .8rem/1 var(--font);cursor:pointer;border-radius:999px;margin-right:.6rem;padding:.5rem .85rem}.avatar-field input[type=file]::file-selector-button:hover{border-color:var(--accent)}.avatar-field button{border:1px solid var(--line);color:var(--muted);font:500 .75rem/1 var(--font);cursor:pointer;background:0 0;border-radius:999px;padding:.35rem .7rem}.avatar-field small{color:var(--muted);margin-top:.4rem;font-size:.78rem;display:block}.vote-form>p>label{color:var(--muted);grid-template-columns:auto 1fr;align-items:start;gap:.6rem;font-size:.9rem;line-height:1.5;display:grid}.vote-form>p>label input[type=checkbox]{width:1.05rem;height:1.05rem;accent-color:var(--accent);margin-top:.15rem}.vote-form [role=alert]{color:var(--ronaldo);font-size:.85rem}.vote-form button[type=submit]{background:var(--accent);color:#10180a;font:700 1rem/1 var(--font);cursor:pointer;border:0;border-radius:10px;margin-top:1rem;padding:.9rem 1.5rem}.vote-form button[type=submit]:disabled{opacity:.45;cursor:not-allowed}.vote-form-paying>div{background:#fff;border-radius:12px;margin-top:1rem;padding:.75rem}.board{border:1px solid var(--line);background:color-mix(in oklab, var(--surface) 70%, transparent);border-radius:14px;margin-top:2.5rem;padding:clamp(1.25rem,3vw,1.75rem)}.board h2{font:800 1.15rem/1 var(--font-display);letter-spacing:.02em;text-transform:uppercase;margin:0 0 1rem}.board h3{font:500 .72rem/1 var(--font-numeric);letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin:0 0 .75rem}.board-country-line{margin:0;font-size:1.05rem}.board-country-line b{font-family:var(--font-numeric);font-variant-numeric:tabular-nums;color:var(--accent)}.board-note{color:var(--muted);margin:.6rem 0 0;font-size:.8rem}.board-ladders{grid-template-columns:1fr 1fr;gap:clamp(1rem,3vw,2rem);display:grid}.board-ladder-a h3{color:var(--messi)}.board-ladder-b h3{color:var(--ronaldo)}.board-ladder ol{flex-direction:column;gap:.5rem;margin:0;padding:0;list-style:none;display:flex}.board-ladder li,.board-recent li{border:1px solid var(--line);background:var(--bg);border-radius:8px;grid-template-columns:auto 1fr auto;align-items:baseline;gap:.75rem;padding:.5rem .65rem;font-size:.92rem;display:grid}.board-card-number{font:500 .78rem/1 var(--font-numeric);color:var(--muted)}.board-card-name{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.board-card-votes{font:500 .85rem/1 var(--font-numeric);font-variant-numeric:tabular-nums;color:var(--accent)}.board-empty{color:var(--muted);margin:0;font-size:.88rem}.board-recent{flex-direction:column;gap:.5rem;margin:0;padding:0;list-style:none;display:flex}.board-recent-side{font:500 .75rem/1 var(--font-numeric);letter-spacing:.06em;text-transform:uppercase;color:var(--muted);text-align:right}.board-recent li{grid-template-columns:1fr auto auto}.board-sr{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (max-width:720px){.board-ladders{grid-template-columns:1fr}}.vote-form-terms{border-top:1px solid var(--line);color:var(--muted);max-width:60ch;margin:1.25rem 0 0;padding-top:1rem;font-size:.85rem;line-height:1.55}.arena-greeting{margin-top:1.25rem}