/* Spectator theme: stadium lights, luminous scores, quiet data surfaces. */
.arena-public-page{min-height:100svh}
.arena-public{max-width:1200px;padding-top:24px}
.arena-public-header{padding-bottom:14px}
.arena-public-brand{font-size:13px}
.arena-public .live-status{font-size:11px;color:var(--muted);padding-bottom:18px}
.arena-public .live-status:before{background:var(--arena-teal)}
.arena-public .live-status[data-offline=true]:before{background:#d69a39}
.arena-public .public-event-hero{
 isolation:isolate;padding:30px 34px 24px;border:1px solid #4277a9;border-radius:24px;
 background:radial-gradient(ellipse at 90% 110%,#078c8b99,transparent 55%),radial-gradient(ellipse at 88% -40%,#407bff,transparent 66%),linear-gradient(115deg,#112747,#133f80 65%,#145b78);
 box-shadow:0 18px 50px #07367320;color:#fff;
}
.public-event-hero:before{
 content:"";position:absolute;z-index:-1;inset:0;pointer-events:none;
 background:repeating-linear-gradient(120deg,transparent 0 70px,#ffffff04 71px 72px,transparent 73px 140px);
}
.public-event-hero:after{content:"";position:absolute;top:0;left:34px;width:64px;height:4px;background:#d1fb78;border-radius:0 0 4px 4px}
.arena-public .public-event-heading{position:relative;z-index:1;gap:12px;align-items:center}
.arena-public .public-event-hero .eyebrow{font-size:10px;color:#cedfff;letter-spacing:.12em}
.arena-public .event-state{color:#ddff9e;border:1px solid #d2fa7e50;background:#112b35b3;padding:6px 11px;font-size:10px;font-weight:600}
.arena-public .public-event-hero h1{font-size:clamp(32px,4.4vw,56px);font-weight:800;letter-spacing:-.045em;line-height:1.1;max-width:74%;margin:25px 0 0;text-wrap:balance}
.arena-public .public-event-hero>p{font-size:13px;color:#ccddf3;margin-top:10px;max-width:70%}
.arena-public .public-event-hero .arena-meta{font-size:11px;color:#d1e4f6;margin-top:18px;gap:8px 18px;max-width:72%}
.event-art{position:absolute;right:35px;top:45px;width:225px;color:#b9e5ff35;pointer-events:none;z-index:-1;transform:rotate(8deg)}
.event-art svg{width:100%;height:auto;filter:drop-shadow(0 12px 20px #03264666)}
.arena-public .event-summary{display:flex;gap:0;margin-top:26px;padding-top:19px;border-color:#e0efff26}
.arena-public .event-summary>div{display:grid;gap:5px;flex:1;padding-left:24px;border-left:1px solid #ffffff26}
.arena-public .event-summary>div:first-child{padding-left:0;border:0}
.arena-public .event-summary strong{font-size:27px;font-weight:700;letter-spacing:-.04em;color:#fff}
.arena-public .event-summary strong small{font-size:13px;color:#c2d3ed}
.arena-public .event-summary span{font-size:11px;color:#c7daef}
.arena-public .event-summary .event-goals strong{color:#d3ff84}
.arena-public .event-progress{margin-top:20px;background:#d1e4ff24;height:4px}
.arena-public .event-progress>span{background:linear-gradient(90deg,#6ce4da,#d5ff7e)}
.arena-public .public-arena-nav{margin:23px 0 26px;border-radius:16px;padding:6px;box-shadow:0 6px 24px #061e4210}
.arena-public .public-arena-nav a{padding:13px 8px;font-weight:600;transition:background .18s,color .18s}
.arena-public .public-arena-nav a:hover{background:var(--hover);color:var(--text)}
.arena-public .public-arena-nav a[aria-selected=true]{background:var(--accent);color:var(--accent-ink);box-shadow:0 2px 9px #6c9e1918}
.arena-public [data-public-panel]:focus{outline:none}
.arena-public [data-public-panel]:focus-visible{outline:2px solid var(--arena-blue);outline-offset:6px;border-radius:12px}
.arena-public .public-section-heading{margin-bottom:18px}
.arena-public .public-section-heading .eyebrow{display:block;font-size:9px;color:var(--arena-teal);letter-spacing:.14em}
.arena-public .public-section-heading h2{font-size:28px;font-weight:800}
.arena-public .table-state{background:var(--panel);font-size:10px}
.arena-public .standings-rules{font-size:11px}
.arena-public .match-section>h3{display:flex;align-items:center;border:0;padding:0;gap:9px;font-size:15px;margin-bottom:13px}
.arena-public .match-section>h3:before{content:"";width:7px;height:18px;background:#467bdf;border-radius:3px;transform:skew(-14deg)}
.arena-public .match-section:nth-of-type(even)>h3:before{background:#19ac9b}
.arena-public .competition-table,.arena-public .americano-board,.arena-public .scorers-board{box-shadow:0 8px 30px #06295c08;border-color:var(--line);border-radius:18px}
.arena-public .competition-table thead,.arena-public .americano-board thead,.arena-public .scorers-board-head{background:var(--hover);color:var(--muted)}
.arena-public .competition-table td:last-child b{background:color-mix(in srgb,var(--arena-blue) 10%,var(--panel));color:var(--arena-blue);min-width:30px;font-size:15px}
.arena-public .competition-table tbody tr:hover{filter:brightness(.98)}
html[data-theme=dark] .arena-public .competition-table tbody tr:hover{filter:brightness(1.12)}
.arena-public .match-card{position:relative;border-color:var(--line);box-shadow:0 6px 22px #05244b08;transition:border-color .2s,box-shadow .2s}
.arena-public .match-card:hover{border-color:var(--arena-blue);box-shadow:0 8px 26px #09295416}
.arena-public .match-card.is-finished{border-top:3px solid #25b7a0}
.arena-public .match-card.is-finished,html[data-theme=dark] .arena-public .match-card.is-finished{background:var(--panel);border-color:var(--line);border-top-color:#25b7a0}
.arena-public .match-card.is-finished .match-top,html[data-theme=dark] .arena-public .match-card.is-finished .match-top{color:var(--muted)}
.arena-public .match-state{color:var(--muted)}
.arena-public .is-finished .match-top>.match-state{background:color-mix(in srgb,var(--arena-teal) 12%,var(--panel));color:var(--arena-teal)}
.arena-public .match-teams{margin:26px 0;align-items:start}
.arena-public .match-teams>strong{background:var(--hover);border:1px solid var(--line);border-radius:12px;font-size:28px;min-width:80px;text-align:center;padding:10px 12px}
.arena-public .is-finished .match-teams>strong{background:#ccf77b;color:#1b3618;border-color:#ccf77b;box-shadow:0 4px 18px #b1ed4220}
.arena-public .team-scorers{color:var(--muted)}
.arena-public .team-scorers em{border:0;background:var(--hover);color:var(--arena-teal)}
.arena-public .scorers-board-row.is-leading{background:linear-gradient(110deg,#f8eec9,#fffcf2)}
.arena-public .is-leading .scorer-rank{background:#efca61;color:#473207}
.arena-public .is-leading>strong{color:#805e0b}
html[data-theme=dark] .arena-public .scorers-board-row.is-leading{background:linear-gradient(110deg,#38321c,#202b2f)}
html[data-theme=dark] .arena-public .is-leading>strong{color:#f3d578}
.arena-public .scorers-board-row>strong{font-size:30px}
.arena-public .public-arena-footer{font-size:11px;margin-top:36px}
@media(min-width:900px){.arena-public .competition-table table{font-size:12px}.arena-public .competition-table th:nth-child(2){width:40%}}
@media(max-width:700px){
 .arena-public{padding-top:16px}
 .arena-public .public-event-hero{padding:22px;border-radius:20px}
 .arena-public .public-event-hero h1{font-size:34px;max-width:82%;margin-top:20px}
 .event-art{width:160px;right:-20px;top:66px;opacity:.4}
 .arena-public .public-event-hero .arena-meta{max-width:85%;margin-top:14px}
 .arena-public .event-summary{margin-top:23px;padding-top:16px}
 .arena-public .event-summary>div{padding-left:14px}
 .arena-public .event-summary strong{font-size:23px}
 .arena-public .event-summary span{font-size:10px}
 .arena-public .public-arena-nav{margin:18px 0 22px}
 .arena-public .public-arena-nav a{padding:12px 5px;font-size:11px}
 .arena-public .public-section-heading h2{font-size:25px}
}
@media(max-width:400px){
 .arena-public .public-event-hero{padding:19px 16px}
 .arena-public .public-event-hero .eyebrow{font-size:8px;letter-spacing:.07em}
 .arena-public .public-event-hero h1{font-size:30px}
 .arena-public .event-state{font-size:9px;padding:4px 8px}
 .arena-public .event-summary>div{padding-left:10px}
 .arena-public .event-summary strong{font-size:21px}
 .arena-public .event-summary strong small{font-size:10px}
 .arena-public .event-summary span{font-size:9px}
 .arena-public .match-teams{gap:8px}
 .arena-public .match-teams>strong{font-size:24px;min-width:68px;padding:9px}
}
@media(prefers-reduced-motion:reduce){.arena-public *{transition:none!important}}
@media print{.arena-public .public-event-hero{box-shadow:none}.event-art{display:none}.arena-public .public-arena-nav{position:static}}