/* Page themes and rank materials are deliberately independent. */
.arena,.appearance-theme-swatch,.background-preview{
 --theme-bg:radial-gradient(ellipse at 0 20%,#16b8d959,transparent 48%),radial-gradient(ellipse at 100% 0,#2954e780,transparent 55%),linear-gradient(155deg,#073b82,#05266b 55%,#09225b);
 --theme-header-a:#0a4284e6;--theme-header-b:#06296fed;--theme-panel-a:#176ebf85;--theme-panel-b:#123b8980;--theme-edge:#83d6ff;--theme-accent:#baff4d;--theme-footer:#0c438599;
}
:is(.arena,.appearance-theme-swatch,.background-preview)[data-theme="navy"]{--theme-bg:radial-gradient(ellipse at 5% 5%,#14557b66,transparent 50%),linear-gradient(135deg,#081b3a,#122d5a 55%,#070e24);--theme-header-a:#10274aee;--theme-header-b:#081529f2;--theme-panel-a:#1b365c9c;--theme-panel-b:#101f4299;--theme-edge:#6eaae8;--theme-accent:#9ee6ff;--theme-footer:#101c3dbd}
:is(.arena,.appearance-theme-swatch,.background-preview)[data-theme="crimson"]{--theme-bg:radial-gradient(ellipse at 95% 0,#f1505e45,transparent 45%),linear-gradient(135deg,#6e152d,#3a1229 55%,#180f26);--theme-header-a:#7b2339e8;--theme-header-b:#351429f0;--theme-panel-a:#9d3a5552;--theme-panel-b:#32152e7a;--theme-edge:#f39baa;--theme-accent:#ffd58a;--theme-footer:#46172cb8}
:is(.arena,.appearance-theme-swatch,.background-preview)[data-theme="violet"]{--theme-bg:radial-gradient(ellipse at 0 0,#a362ef45,transparent 50%),linear-gradient(135deg,#42277c,#25256a 55%,#151439);--theme-header-a:#543285e8;--theme-header-b:#201e4eed;--theme-panel-a:#7450b86b;--theme-panel-b:#28295c85;--theme-edge:#cbb1ff;--theme-accent:#d0ff91;--theme-footer:#352456b8}
:is(.arena,.appearance-theme-swatch,.background-preview)[data-theme="teal"]{--theme-bg:radial-gradient(ellipse at 10% 0,#47dfc849,transparent 50%),linear-gradient(135deg,#07565f,#06424d 55%,#0a253c);--theme-header-a:#086c73e6;--theme-header-b:#073748ed;--theme-panel-a:#128a875e;--theme-panel-b:#0b3e5588;--theme-edge:#7af2df;--theme-accent:#e1ff93;--theme-footer:#073f4caf}
:is(.arena,.appearance-theme-swatch,.background-preview)[data-theme="sunset"]{--theme-bg:radial-gradient(ellipse at 90% 0,#fbc05d45,transparent 50%),linear-gradient(135deg,#75401e,#4e2833 55%,#1c1b38);--theme-header-a:#804b2ce8;--theme-header-b:#3d2336ed;--theme-panel-a:#9a633755;--theme-panel-b:#35284488;--theme-edge:#ffc789;--theme-accent:#ffe4a3;--theme-footer:#4d2b36b8}
.arena[data-theme]{background:var(--theme-bg)}
.arena[data-theme] .arena-top,.arena[data-theme].has-background .arena-top{background:linear-gradient(105deg,var(--theme-header-a),var(--theme-header-b));border-color:var(--theme-edge)}
.arena[data-theme] .arena-panel,.arena[data-theme].has-background .arena-panel{border:1px solid transparent;background:linear-gradient(145deg,#102b4df5,#07172ef7 60%,#0b1e38f5) padding-box,linear-gradient(135deg,#fff0bd,#b68a42 26%,#715023 48%,#dfbd72 76%,#fff2c7) border-box;box-shadow:0 10px 26px #000c2399,inset 0 1px 1px #ffe9b329,inset 0 -2px 2px #020b1bcc}
.arena[data-theme] .arena-footer{background:var(--theme-footer)}
.arena[data-theme] .arena-nav button.selected{background:var(--theme-accent);border-color:var(--theme-accent);color:#17303c}
.arena[data-theme] .arena-section-dot{background:var(--theme-accent)}
.background-preview[data-theme],.appearance-theme-swatch[data-theme]{background:var(--theme-bg)}
.theme-options{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;margin-bottom:12px}.theme-choice{padding:8px;border:1px solid #80a8d33b;border-radius:10px;background:#0a2147;min-width:0;text-align:left;position:relative}.theme-choice.selected{border-color:#baff4d;box-shadow:0 0 0 1px #baff4d44}.theme-choice.selected::after{content:'✓';position:absolute;right:11px;top:11px;background:#baff4d;color:#173724;border-radius:50%;width:18px;height:18px;display:grid;place-items:center;font-size:11px}.appearance-theme-swatch{height:57px;display:flex;flex-direction:column;gap:4px;padding:10px;border:1px solid #c1e3ff40;border-radius:6px}.appearance-theme-swatch i{height:7px;width:80%;border-radius:2px;background:#ffffff4d}.appearance-theme-swatch i:nth-child(2){width:65%;background:#ffffff33}.appearance-theme-swatch i:nth-child(3){width:72%;background:#ffffff26}.theme-choice b{font-size:11px;color:#d7eaff;display:block;margin:9px 2px 4px;font-weight:550}.theme-choice small{font-size:8px;color:#8eb0d1;display:block;margin:0 2px 2px}.background-settings .theme-options+.hint{margin-bottom:22px}.appearance-actions{gap:8px}.appearance-actions .btn{font-size:11px;padding:10px 11px}
/* Fixed materials for every member frame, in both layouts and every page theme. */
.arena .arena-row,.arena .daily-player,.arena .daily-small{
 --member-a:#0c2d63f5;--member-b:#071b40f7;--member-edge-a:#76b8e2b3;--member-edge-b:#426aadb3;
 border:1px solid transparent;
 background:linear-gradient(116deg,var(--member-a),var(--member-b)) padding-box,linear-gradient(130deg,var(--member-edge-a),#49679240 42%,var(--member-edge-b) 75%,#84aee19c) border-box;
 box-shadow:0 5px 12px #00113a80,inset 0 1px 1px #e9f8ff26,inset 0 -2px 1px #000b2599;
}
.arena .arena-row.rank-1,.arena .daily-player.daily-top-1{--member-a:#9b7c3df2;--member-b:#544124f7;--member-edge-a:#fff0b0;--member-edge-b:#d2a45ce6;box-shadow:0 5px 12px #1d150999,inset 0 2px 1px #fff0ad57,inset 0 -2px 1px #33250fcc}
.arena .arena-row.rank-2,.arena .daily-player.daily-top-2{--member-a:#5e7083f2;--member-b:#37485df7;--member-edge-a:#f4fbff;--member-edge-b:#acc3dce6;box-shadow:0 5px 12px #07132a99,inset 0 2px 1px #f2fbff57,inset 0 -2px 1px #1b2d46cc}
.arena .arena-row.rank-3,.arena .daily-player.daily-top-3{--member-a:#906249f2;--member-b:#50382ef7;--member-edge-a:#ffdfba;--member-edge-b:#d49a75e6;box-shadow:0 5px 12px #28150e99,inset 0 2px 1px #ffe4c057,inset 0 -2px 1px #352016cc}
.arena .arena-row::before{background:linear-gradient(90deg,#6088b014,#30537b0a);border-right-color:#86b9e84d;box-shadow:3px 0 10px #8dc8f51a}
.arena .arena-row.rank-1::before{background:linear-gradient(90deg,#fff0a71a,#f0ce7207);border-right-color:#ffe7a266}
.arena .arena-row.rank-2::before{background:linear-gradient(90deg,#f5fbff1c,#afc6e407);border-right-color:#ecf7ff66}
.arena .arena-row.rank-3::before{background:linear-gradient(90deg,#ffe3bd1a,#e6ac7e07);border-right-color:#ffd7b266}
.arena .daily-player::before{border-color:#e7f4ff12}.arena .daily-player::after,.arena .arena-row::after{background:linear-gradient(115deg,#ffffff0a,transparent 35%,transparent 72%,#ffffff04)}
.arena .arena-person small,.arena .daily-person small{color:#cae0f4b3}
@media(max-width:1100px){.theme-options{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}}
@media(max-width:580px){.theme-options{gap:8px}.theme-choice{padding:6px;border-radius:8px}.appearance-theme-swatch{height:43px;padding:8px;gap:3px}.appearance-theme-swatch i{height:5px}.theme-choice b{font-size:10px;margin:7px 1px 4px}.theme-choice small{font-size:7px}.theme-choice.selected::after{width:15px;height:15px;right:9px;top:9px;font-size:10px}.appearance-actions .btn{flex:1;min-width:105px;font-size:10px;padding:10px 8px}}
/* Configured leaderboard playlist with a real crossfade. */
.rotation-enable{display:flex;gap:10px;align-items:center;font-size:13px;color:#d8f0ff;padding:12px 0 20px;cursor:pointer}.rotation-enable input{width:auto;accent-color:#baff4d}.rotation-heading{display:flex;justify-content:space-between;gap:14px;margin-bottom:12px}.rotation-heading b{font-size:12px;font-weight:500;color:#b6d6ee}.rotation-heading small{font-size:10px;color:#baff4d}.rotation-board-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;max-height:240px;overflow:auto;padding:2px}.rotation-board-list>label{display:flex;align-items:center;gap:9px;padding:14px 12px;border:1px solid #7bbcff42;border-radius:8px;background:#0b28566b;cursor:pointer;min-width:0}.rotation-board-list input{width:auto;accent-color:#baff4d;flex-shrink:0}.rotation-board-list span{font-size:11px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#cce8ff}.rotation-board-list small{margin-left:auto;white-space:nowrap;font-size:8px;color:#8faecb}.rotation-board-list label:has(input:checked){border-color:#baff4d99;background:#baff4d09}.rotation-board-list label:has(input:checked) small{color:#baff4d}.rotation-duration{display:flex;align-items:flex-end;gap:20px;margin-top:20px}.rotation-duration .field{max-width:260px;margin-bottom:0}.rotation-duration .field input{font-family:Orbitron,monospace;max-width:140px;color:#d2ff9b}.rotation-presets{display:flex;gap:8px}.rotation-presets .btn{margin:0;font-size:11px}.rotation-settings>.hint{margin:16px 0}.rotation-settings>.btn{margin-top:0}.arena-body.is-board-transition{isolation:isolate}.arena-body.is-board-transition>.arena-boards,.arena-body.is-board-transition>.daily-arena{animation:boardCrossfadeIn .7s ease both}.board-transition-overlay{position:absolute;inset:0;z-index:5;pointer-events:none;overflow:hidden;box-sizing:border-box;animation:boardCrossfadeOut .7s ease both}.board-transition-overlay *{pointer-events:none!important}@keyframes boardCrossfadeIn{from{opacity:0}to{opacity:1}}@keyframes boardCrossfadeOut{from{opacity:1}to{opacity:0}}@media(max-width:850px){.rotation-board-list{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:580px){.rotation-board-list{grid-template-columns:1fr;max-height:240px}.rotation-board-list>label{padding:12px}.rotation-duration{display:block}.rotation-duration .field{max-width:100%}.rotation-presets{margin-top:12px}.rotation-presets .btn{flex:1;font-size:11px}.rotation-heading b{font-size:11px}.rotation-heading small{font-size:9px}.rotation-enable{font-size:12px}}@media(prefers-reduced-motion:reduce){.arena-body.is-board-transition>.arena-boards,.arena-body.is-board-transition>.daily-arena,.board-transition-overlay{animation:none!important}}