/* The existing Arena chrome owns its height; this page shares the remainder.
   Keep the safe inset here once, outside the independently scrolling drum. */
#arenaFull:has(.pr-race){max-height:var(--pr-viewport-height,100%)}
#arenaFull #arenaBody:has(>.pr-race){padding:0 0 max(6px,var(--safe-bot,0px));overflow:hidden}
#arenaFull .pr-race{--pr-ice:#b9dff4;--pr-gold:#ffd36c;--pr-edge:#607f91;--pr-ink:#f1f4f5;position:relative;min-width:0;min-height:0;flex:1;display:flex;flex-direction:column;height:var(--pr-page-height,auto);padding:0;color:var(--pr-ink);background:radial-gradient(ellipse at 80% 0%,#10394b 0,transparent 55%),#001b2b}
#arenaFull .pr-race *{box-sizing:border-box}
#arenaFull .pr-race h2{font:600 29px/1.1 var(--app-serif,Georgia,serif);text-align:center;letter-spacing:.15px;margin:7px 0 8px;color:#f4f4f3}
#arenaFull .pr-race button{cursor:pointer}
#arenaFull .pr-filters{display:flex;flex:none;margin:0 8px;padding:1px 0 3px;border-bottom:1px solid #7d909f66;position:relative;z-index:2}
#arenaFull .pr-filter{flex:1;min-width:0;border:0;height:28px;background:none;box-shadow:none;color:#e6f1f7;font:600 12px/1.2 Arial,sans-serif;display:flex;align-items:center;justify-content:center;gap:8px;padding:0 6px}
#arenaFull .pr-filter+.pr-filter{border-left:1px solid #8a9ba966}
#arenaFull .pr-filter.active{color:#c7e9ff}
#arenaFull .pr-filter span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#arenaFull .pr-filter i{width:8px;height:8px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:translateY(-2px) rotate(45deg);flex-shrink:0}
#arenaFull .pr-filter[aria-expanded=true] i{transform:translateY(2px) rotate(225deg)}
#arenaFull .pr-popover{position:absolute;z-index:20;top:33px;left:9px;right:9px;max-height:min(70%,390px);overflow-y:auto;overscroll-behavior:contain;border:1px solid #688da4;background:#142f46;border-radius:7px;padding:5px 10px;box-shadow:0 12px 22px #0008;color:#e4eff7}
#arenaFull .pr-choice{width:100%;display:grid;grid-template-columns:1fr auto;align-items:center;gap:10px;min-height:44px;padding:0 9px;background:transparent;border:0;border-bottom:1px solid #7093a12b;border-radius:0;box-shadow:none;text-align:left;font:14px/1.2 Arial,sans-serif;color:#e4eff7}
#arenaFull .pr-choice:last-child{border-bottom:0}
#arenaFull .pr-choice.selected{background:rgba(42,143,190,.25);color:#cdebff;font-weight:700}
#arenaFull .pr-choice b{font:600 12px/1 Arial,sans-serif;color:#c0d8e4;border:1px solid #6d90a2;border-radius:9px;min-width:21px;padding:3px;text-align:center}
#arenaFull .pr-graph{margin:4px 8px 0;position:relative;flex:1;min-height:115px;border:1px solid #607f91;border-radius:10px;overflow:hidden;background:radial-gradient(ellipse at 45% -20%,#244c6260,transparent 68%),linear-gradient(165deg,#032536,#00131f 84%);box-shadow:inset 0 0 0 2px #00101f,inset 0 0 0 3px #8ba7b51a,0 1px 0 #adc6d01a}
#arenaFull .pr-graph:before{content:'';position:absolute;inset:0;pointer-events:none;border-radius:inherit;box-shadow:inset 0 1px 0 #c7e4ec7a,inset 0 -1px 0 #000a;z-index:2}
#arenaFull .pr-graph-content{height:100%;width:100%}
#arenaFull .pr-chart{display:block;width:100%;height:100%;overflow:visible}
#arenaFull .pr-chart text{font-family:var(--app-serif,Georgia,serif);font-size:15px;fill:#b8cddd;font-weight:500;font-variant-numeric:tabular-nums}
#arenaFull .pr-chart .pr-y{font-size:13px}
#arenaFull .pr-grid{stroke:#b8d2df;stroke-opacity:.105;stroke-width:1;shape-rendering:crispEdges}
#arenaFull .pr-axis{stroke:#b9deef;stroke-opacity:.9;stroke-width:1.6;fill:none;vector-effect:non-scaling-stroke}
#arenaFull .pr-tick{stroke:#a4c4d5;stroke-opacity:.7;stroke-width:1;fill:none}
#arenaFull .pr-tick.minor{stroke-opacity:.27}
#arenaFull .pr-trace{fill:none;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round;opacity:.49;vector-effect:non-scaling-stroke;cursor:pointer}
#arenaFull .pr-trace.selected{stroke-width:2.5;opacity:1;filter:url(#prGlow)}
#arenaFull .pr-trace.own{stroke-width:2.8;opacity:1;filter:url(#prGlow)}
#arenaFull .pr-hit{fill:none;stroke:transparent;stroke-width:14;stroke-linecap:round;pointer-events:stroke;cursor:pointer;vector-effect:non-scaling-stroke}
#arenaFull .pr-single{cursor:pointer}
#arenaFull .pr-end{fill:#072334;stroke-width:2;vector-effect:non-scaling-stroke}
#arenaFull .pr-metric{position:absolute;top:5px;left:22px;z-index:3;display:flex;height:24px;border:1px solid #6d97ac60;border-radius:4px;background:#072334;box-shadow:inset 0 1px 3px #0007}
#arenaFull .pr-metric button{min-width:52px;padding:0 8px;border:0;border-radius:0;box-shadow:none;background:none;color:#a9b8c1;font:500 15px/1 var(--app-serif,Georgia,serif)}
#arenaFull .pr-metric button+button{border-left:1px solid #7892a038}
#arenaFull .pr-metric button[aria-pressed=true]{background:linear-gradient(#91bdd329,#38546b36);color:#e0f4ff;box-shadow:inset 0 1px 0 #acccdc33}
#arenaFull .pr-pin{position:absolute;z-index:3;top:0;right:7px;display:flex;align-items:center;gap:5px;min-height:34px;padding:0 2px;border:0;background:none;color:#d0e4ee;font:11px/1.2 Arial,sans-serif;cursor:pointer}
#arenaFull .pr-pin input{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:inherit}
#arenaFull .pr-toggle{position:relative;flex:none;width:13px;height:13px;border:1.5px solid #b5d4e4;border-radius:50%;background:transparent;box-sizing:border-box}
#arenaFull .pr-toggle:after{content:'';position:absolute;inset:2px;border-radius:50%;background:#d5edfa;opacity:0}
#arenaFull .pr-pin input:checked+.pr-toggle:after{opacity:1}
#arenaFull .pr-pin input:focus-visible+.pr-toggle{outline:2px solid #e8c879;outline-offset:2px}
#arenaFull .pr-pin input:disabled+.pr-toggle{opacity:.45}
#arenaFull .pr-periods{height:32px;flex:none;display:flex;justify-content:center;align-items:center;gap:0;margin:0 16px}
#arenaFull .pr-periods button{min-width:75px;height:25px;padding:0 12px;border:0;border-radius:0;background:none;box-shadow:none;font:500 16px/1 var(--app-serif,Georgia,serif);color:#adc6d4}
#arenaFull .pr-periods button+button{border-left:1px solid #6c93a855}
#arenaFull .pr-periods button[aria-pressed=true]{color:#e6f4fc;background:linear-gradient(transparent,#8fc7e621);text-shadow:0 0 9px #c1eaff3f}
#arenaFull .pr-housing{height:clamp(260px,48%,333px);flex:0 0 clamp(260px,48%,333px);position:relative;margin:0 8px;border:1px solid #648091;border-radius:10px;background:linear-gradient(100deg,#091c29,#2a414b 12%,#06131f 50%,#29424c 90%,#03121d);box-shadow:inset 0 1px 0 #d6e9ed7a,inset 0 -2px 0 #000d,0 3px 8px #0005;overflow:hidden;isolation:isolate}
#arenaFull .pr-drum{position:absolute;inset:5px 22px;border-radius:4px;overflow:hidden;background:linear-gradient(180deg,#000b13 0%,#102c3c 12%,#315568 36%,#416377 49%,#36586c 57%,#122c3b 86%,#000b13 100%);box-shadow:inset 5px 0 8px #0008,inset -5px 0 8px #0008}
#arenaFull .pr-drum:before{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,#0003,transparent 12%,#b8d5df09 48%,transparent 87%,#0004);z-index:2}
#arenaFull .pr-drum:after{content:'';position:absolute;inset:0;pointer-events:none;border-top:2px solid #9fbbc54d;border-bottom:2px solid #000c;box-shadow:inset 0 11px 14px -8px #000,inset 0 -11px 14px -8px #000;z-index:4}
#arenaFull .pr-surface{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:1}
#arenaFull .pr-wheel{height:100%;overflow-y:auto;overflow-x:hidden;padding:0;scrollbar-width:none;scroll-snap-type:none;overscroll-behavior:contain;overflow-anchor:none;position:relative;z-index:3;touch-action:pan-y;scroll-behavior:auto}
#arenaFull .pr-track{position:relative;width:100%}
#arenaFull .pr-wheel::-webkit-scrollbar{display:none}
#arenaFull .pr-person{height:30px;min-height:0;left:14px;right:14px;width:auto;padding:0 2px;display:grid;grid-template-columns:23px 10px minmax(0,1fr) 47px;gap:4px;align-items:center;border:0;border-radius:0;box-shadow:none;background:none;text-align:left;position:absolute;color:#edf4f7;font:400 max(16px,1rem)/1 Arial,sans-serif;transform-origin:center;backface-visibility:hidden;text-shadow:0 1px 1px #04152188}
#arenaFull .pr-person[hidden]{display:none}
#arenaFull .pr-person .pr-rank{color:#c1d8e4;text-align:right;font-size:13px;font-variant-numeric:tabular-nums}
#arenaFull .pr-person .pr-swatch{height:2px;background:var(--person-color);box-shadow:0 0 4px #d3e3ee22;border-radius:2px}
#arenaFull .pr-person .pr-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:500}
#arenaFull .pr-person .pr-name small{font:400 10px/1 Arial,sans-serif;margin-left:3px;opacity:.85;text-transform:lowercase}
#arenaFull .pr-person .pr-score{text-align:right;font-size:12px;color:#c1d8e4;font-variant-numeric:tabular-nums;white-space:nowrap}
#arenaFull .pr-person.own,#arenaFull .pr-person.own .pr-rank,#arenaFull .pr-person.own .pr-score{color:var(--pr-gold)}
#arenaFull .pr-person[aria-pressed=true]{background:linear-gradient(90deg,#c7e9f311,#c7e9f326,#c7e9f311);box-shadow:inset 0 1px 0 #d3e6f33d,inset 0 -1px 0 #8aafc03d}
#arenaFull .pr-person.own[aria-pressed=true]{background:linear-gradient(90deg,#c5a75b12,#c5a75b30,#c5a75b12);box-shadow:inset 0 1px 0 #e2cf8b44,inset 0 -1px 0 #e2cf8b44}
#arenaFull .pr-collar{position:absolute;top:5px;bottom:5px;width:32px;border-radius:2px;z-index:5;overflow:visible;background:#142732;box-shadow:inset 0 0 0 1px #536a77,0 1px 4px #000d;pointer-events:none}
#arenaFull .pr-collar.left{left:5px}
#arenaFull .pr-collar.right{right:5px;transform:scaleX(-1)}
#arenaFull .pr-collar:after{content:'';position:absolute;inset:0;background:linear-gradient(#00101f99,transparent 28%,#d7e9f51a 44%,transparent 66%,#0009);box-shadow:inset 1px 0 1px #c8d8df55,inset -1px 0 1px #000a;pointer-events:none}
#arenaFull .pr-collar canvas{display:block;width:100%;height:100%;border-radius:2px}
#arenaFull .pr-pointer{position:absolute;top:calc(50% - 3px);width:8px;height:6px;background:#d3e9f2;clip-path:polygon(0 0,100% 50%,0 100%);z-index:6;filter:drop-shadow(0 1px 1px #000)}
#arenaFull .pr-pointer.left{left:1px}
#arenaFull .pr-pointer.right{right:1px;transform:rotate(180deg)}
/* Live region remains available without taking height from the graph or drum. */
#arenaFull .pr-status{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
#arenaFull .pr-rank-empty{display:grid;place-items:center;height:100%;padding:22px;color:#b8cddd;font:14px/1.3 Arial,sans-serif;text-align:center}
#arenaFull .pr-race button:focus-visible,#arenaFull .pr-race input:focus-visible{outline:2px solid var(--pr-gold);outline-offset:2px}
html:not(.dark) #arenaFull .pr-race{background:radial-gradient(ellipse at 80% 0%,#10394b 0,transparent 55%),#001b2b;color:#f1f4f5}
@media(max-width:365px){#arenaFull .pr-person{font-size:max(15px,1rem);gap:3px;left:14px;right:14px;grid-template-columns:21px 8px minmax(0,1fr) 43px}#arenaFull .pr-person .pr-name small{display:none}#arenaFull .pr-periods button{min-width:70px}}
/* When very short space or enlarged text requires it, retain ordinary access
   to every control rather than concealing overflowing content. */
@media(max-height:500px){#arenaFull #arenaBody:has(>.pr-race){overflow-y:auto}#arenaFull .pr-race{flex:none;min-height:450px}}
#arenaFull #arenaBody:has(>.pr-race[data-large-text]){overflow-y:auto}
#arenaFull .pr-race[data-large-text]{flex:none;min-height:calc(var(--pr-readable-roller-height) + 190px)}
#arenaFull .pr-race[data-large-text] .pr-housing{min-height:var(--pr-readable-roller-height)}