.board-panel{--arena-colour:#ffa975;--arena-glow:255,116,73;--arena-image:url('/arena-club.webp');isolation:isolate;background:#171216;border-color:#71636a;box-shadow:0 14px 50px #0005,inset 0 0 0 1px #ffffff08;padding:18px 22px 16px}
.arena-backdrop{position:absolute;inset:0;z-index:-3;background-image:linear-gradient(180deg,#06090d18,#08090c00 55%,#08090c55),var(--arena-image);background-size:cover;background-position:center;pointer-events:none}
.arena-wash{position:absolute;inset:0;z-index:-2;pointer-events:none;background:radial-gradient(ellipse at 50% 25%,#ffffed16,transparent 60%),linear-gradient(90deg,rgba(var(--arena-glow),.12),transparent 22%,transparent 78%,rgba(var(--arena-glow),.12))}
.board-panel:before,.board-panel:after{content:'';position:absolute;top:10%;bottom:12%;width:2px;z-index:1;pointer-events:none;background:var(--arena-colour);box-shadow:0 0 12px 3px rgba(var(--arena-glow),.4)}
.board-panel:before{left:1.4%}.board-panel:after{right:1.4%}
.board-panel .board-topline,.board-panel .board-bottomline{z-index:3;background:#070a0dcc;border:1px solid #ffffff16;border-radius:5px;padding:8px 11px;color:#e0e5eb;min-height:38px;backdrop-filter:blur(8px)}
.arena-name{font:600 14px/1.3 var(--body);color:var(--arena-colour);letter-spacing:.1px}
.board-panel .board-topline{gap:12px;justify-content:space-between}
.board-panel .board-topline #board-status{font-size:12px;color:#bec6ce;text-align:right}
.board-panel .board-container{z-index:2;margin:8px auto;filter:drop-shadow(0 12px 12px #0005)}
.board-panel .lane-note{color:#c4d0d6}.board-panel .lane-note.crowded{color:#ffc185}
.arena-sweep{position:absolute;inset:0;pointer-events:none;z-index:2;opacity:0;overflow:hidden;background:linear-gradient(115deg,transparent 15%,rgba(var(--arena-glow),.22) 35%,#ffffff18 40%,transparent 55%);background-size:220% 100%;background-position:160% 0}
.arena-bloom{position:absolute;inset:0;pointer-events:none;z-index:1;opacity:0;box-shadow:inset 0 0 75px 15px rgba(var(--arena-glow),.65)}
.board-panel[data-celebration] .arena-bloom{animation:arena-bloom 1s ease-out both}
.board-panel[data-celebration=maximum] .arena-bloom,.board-panel[data-celebration=win] .arena-bloom{animation-duration:2.4s;box-shadow:inset 0 0 90px 15px #f7c663a8}
.board-panel[data-celebration=maximum] .arena-sweep,.board-panel[data-celebration=win] .arena-sweep{animation:arena-sweep 2.4s ease-out both}
.board-panel[data-celebration=maximum],.board-panel[data-celebration=win]{border-color:#f5d68c}
.board-panel .hit-toast{z-index:5;box-shadow:0 8px 38px #0009;border-color:var(--arena-colour)}
.board-panel .maximum-toast{background:#17130bf2;box-shadow:0 0 40px #f7c66335}
.arena-settings{margin-top:24px!important;border-top:1px solid var(--line)!important;padding-top:20px!important}.arena-settings legend{padding-top:14px}.arena-settings .settings-row{margin-bottom:10px}.arena-settings .toggle-label{padding-bottom:8px}.arena-settings select{max-width:65%}
.audio-credits{margin:20px 0;font-size:12px;color:#aebdc0;line-height:1.6}.audio-credits summary{font-size:14px;cursor:pointer;color:#d9e3e6}.audio-credits a{text-decoration:underline;text-underline-offset:3px}.audio-credits p{margin:10px 0}
@keyframes arena-bloom{0%{opacity:0}20%{opacity:.65}100%{opacity:0}}
@keyframes arena-sweep{0%{opacity:0;background-position:160% 0}22%{opacity:.65}80%{opacity:.25}100%{opacity:0;background-position:-65% 0}}
@media(max-width:1100px){.board-panel{padding:14px}.arena-name{font-size:14px}}
@media(max-width:650px){.board-panel{padding:8px 0}.board-panel .board-topline,.board-panel .board-bottomline{margin:0 9px;padding:6px 8px;min-height:30px}.board-panel .board-container{margin:0 auto;width:100%;max-width:100%}.arena-name{font-size:14px}.board-panel .board-bottomline{gap:6px;font-size:12px}.board-panel:before{left:1%}.board-panel:after{right:1%}.board-panel .board-topline #board-status{display:none}}
@media(prefers-reduced-motion:reduce){.arena-sweep,.arena-bloom{display:none!important}}
.board-panel[data-effects=off] .arena-sweep,.board-panel[data-effects=off] .arena-bloom{display:none}