#menu .training-kind.mode-switch{display:flex;align-items:center;gap:4px;background:#05151e;border:1px solid #42545a;padding:4px;border-radius:4px;min-width:0}
#menu .mode-switch button{border:0;background:transparent;color:#a9bdc6;padding:9px 15px;font:600 14px 'Spiegel',sans-serif;white-space:nowrap;transition:background .15s,color .15s}
#menu .mode-switch button[aria-pressed=true]{color:#f0e6cd;background:linear-gradient(#134151,#0a2836);box-shadow:inset 0 -2px #55cedb}
#menu .mode-switch button:hover{background:#163846;color:white}#menu .mode-switch button:focus-visible,#menu .arena-segment button:focus-visible{outline:2px solid #6ee3f0;outline-offset:2px}
.mode-switch button span{font-size:8px;color:#66d8e4;margin-left:4px;letter-spacing:.7px}
#menu .arena-setup{background:linear-gradient(135deg,#0b2633ed,#061820f5);border:1px solid #7c704c;padding:clamp(16px,1.7vw,28px);display:flex;flex-direction:column;gap:clamp(10px,1.5vh,20px);min-height:0}
#menu .arena-setup[hidden],#menu .rank-showcase[hidden]{display:none!important}
.arena-heading{display:flex;gap:18px;align-items:center}.arena-emblem{font-size:48px;color:#6ed7df;text-shadow:0 0 24px #2cb8c45c}.arena-heading small{font:11px 'Spiegel',sans-serif;letter-spacing:2px;color:#8fc3cc}.arena-heading h3{font-size:clamp(22px,2.3vw,36px);margin:4px 0;color:#f4ead5}.arena-heading p{font:14px/1.5 'Spiegel',sans-serif;margin:0;color:#a7bbc4;max-width:360px}
.arena-setup fieldset{border:0;padding:0;margin:0}.arena-setup legend{font:11px 'Spiegel',sans-serif;letter-spacing:1.6px;color:#bbcbd3;margin-bottom:8px}.arena-segment{display:flex;gap:8px}.arena-segment button{flex:1;min-width:0;padding:12px 8px;border:1px solid #3a5361;border-radius:3px;background:#06141d;color:#cad9de;transition:background .15s,border-color .15s}.arena-segment strong{display:block;font:600 18px 'Spiegel',sans-serif}.arena-segment small{display:block;font:11px/1.5 'Spiegel',sans-serif;color:#94adb9;margin-top:4px}.arena-segment button[aria-pressed=true]{border-color:#51d1de;background:#103947;box-shadow:inset 0 0 14px #2faabe19}.arena-segment button:hover{border-color:#74d7e1}.health-options strong span{font-size:13px;color:#b56560}.arena-instructions p{font:12px/1.65 'Spiegel',sans-serif;margin:2px 0;color:#b2c5cf}.arena-instructions kbd{font:10px 'Spiegel',sans-serif;color:#e8d9b2;border:1px solid #55626a;border-radius:2px;padding:2px 4px}.arena-instructions p>span{margin:0 7px}.arena-best{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #34484b;padding-top:10px;color:#cbbd95;font:11px 'Spiegel',sans-serif;letter-spacing:1px}.arena-best small{display:block;color:#7e9da9;letter-spacing:0;font-size:10px;margin-top:4px}.arena-best strong{font-size:26px;color:#f0e4c7}
#arenaTargets{position:fixed;inset:0;pointer-events:none;overflow:hidden;z-index:8}.arena-enemy-bar{position:absolute;top:0;left:0;width:74px;will-change:transform;text-align:center}.arena-enemy-bar>span{color:#f8eadb;font:10px 'Spiegel',sans-serif;text-shadow:0 1px 3px #000}.arena-enemy-bar>div{height:7px;border:1px solid #200d10;background:#37191e;box-shadow:0 1px 3px #000}.arena-enemy-bar i{height:100%;display:block;background:linear-gradient(#f9917e,#cb4e48)}.arena-enemy-bar.selected>div{outline:1px solid #f4d57d;outline-offset:2px}
#menuSpells .arena-offensive{opacity:1;filter:none;border-color:#60cbd7}
.arena-result-score{text-align:center;margin:22px 0;color:#90afbd}.arena-result-score small{letter-spacing:3px;font:11px 'Spiegel',sans-serif}.arena-result-score strong{display:block;font-size:62px;line-height:1.2;color:#ecd5a1}.arena-result-score>span{font:13px 'Spiegel',sans-serif}.arena-records article{display:grid;grid-template-columns:1fr 1fr 100px 1.7fr 60px;gap:12px;padding:16px;border-bottom:1px solid #304451;align-items:center;font:13px 'Spiegel',sans-serif}.arena-records small{display:block;font-size:9px;color:#8fabb9;margin-top:4px}.arena-records strong{color:#e9ce8c}.arena-records time{color:#94cbd4}
@media(max-height:800px) and (min-width:900px){#menu .arena-setup{padding:12px 18px;gap:10px}.arena-heading h3{font-size:24px}.arena-heading p{font-size:12px}.arena-emblem{font-size:36px}.arena-segment button{padding:7px}.arena-instructions p{font-size:11px}.arena-best{padding-top:6px}.arena-best strong{font-size:20px}}
@media(max-width:800px){#menu .mode-switch button{padding:8px;font-size:12px}.arena-records article{grid-template-columns:1fr 1fr auto}.arena-records article>span:nth-last-child(2){grid-column:1/3}.arena-heading h3{font-size:25px}}
/* Fit the inherited lobby's fixed-height composition, without overflowing its panel. */
#menu .arena-setup{flex:1;padding:calc(16 * var(--rs));gap:calc(14 * var(--rs));justify-content:space-between}
#menu .arena-heading{gap:calc(12 * var(--rs))}#menu .arena-heading h3{font-size:calc(31 * var(--rs));line-height:1.05;margin:4px 0}
#menu .arena-heading p{font-size:calc(15 * var(--rs));line-height:1.3;max-width:none}
#menu .arena-emblem{font-size:calc(44 * var(--rs))}#menu .arena-heading small{font-size:calc(12 * var(--rs));letter-spacing:1.2px}
#menu .arena-setup legend{font-size:calc(12 * var(--rs));margin-bottom:calc(7 * var(--rs))}
#menu .arena-segment button{padding:calc(10 * var(--rs)) 8px}#menu .arena-segment strong{font-size:calc(21 * var(--rs))}#menu .arena-segment small{font-size:calc(13 * var(--rs));margin-top:2px}
#menu .arena-instructions{display:none}#menu .arena-best{padding-top:calc(10 * var(--rs));font-size:calc(13 * var(--rs))}#menu .arena-best strong{font-size:calc(26 * var(--rs))}#menu .arena-best small{display:none}
#menu .training-kind.mode-switch:before,#menu .training-kind.mode-switch:after{content:none!important}
#menu .training-kind.mode-switch{flex:0 1 auto;gap:4px;padding:3px;width:auto}
#menu .training-kind.mode-switch button{padding:calc(12 * var(--rs));font-size:calc(17 * var(--rs));margin:0;text-transform:none}
#menu .training-kind.mode-switch button span{font-size:8px!important;margin-left:3px;color:#66d8e4}
#menu .arena-selected #arenaPicker{opacity:1}
#menu #arenaPicker:disabled{opacity:1;filter:none;color:#ccdfe8;cursor:default}
.arena-mastery{display:grid;grid-template-columns:1fr auto;gap:5px 12px;text-align:left;background:#081a24;border:1px solid #345563;padding:8px 10px;color:#a7c7cf;font:11px 'Spiegel',sans-serif;cursor:pointer}.arena-mastery>span:first-child{grid-column:1/3;display:flex;justify-content:space-between;letter-spacing:1px}.arena-mastery b{color:#e2cb96;font-size:10px}.mastery-track{height:3px;background:#203a45;align-self:center}.mastery-track i{display:block;height:100%;background:#55d6df}.arena-mastery>small{font-size:10px}.arena-mastery>b{grid-column:1/3;text-align:right}.arena-mastery:hover{border-color:#66cbd4;background:#102c37}.arena-mastery:focus-visible{outline:2px solid #6de2ec}.arena-reward-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px}.arena-reward-grid article{border:1px solid #37535c;padding:18px;background:#0a202b}.arena-reward-grid .earned{border-color:#b1985d}.arena-reward-grid small{color:#81cbd6;font-size:10px;letter-spacing:1px}.arena-reward-grid h3{margin:12px 0;color:#eedcba}.arena-reward-grid p{font:13px/1.5 'Spiegel',sans-serif;color:#a4bec9;min-height:40px}.arena-reward-grid progress{width:100%;height:5px;accent-color:#5bc5d0}.arena-reward-grid article>span{display:block;font-size:11px;color:#93b1be}.arena-reward-grid button{margin-top:15px;width:100%;font-size:11px}.arena-reward-summary{padding:12px;text-align:center;border:1px solid #3f7885;background:#0c2e3b;color:#9fe5eb;font:14px 'Spiegel',sans-serif}#arenaEquippedTitle{position:absolute;top:64px;left:16px;font:11px 'Spiegel',sans-serif;letter-spacing:1px;color:#d6c188;text-shadow:0 1px 4px #000;pointer-events:none}
#menu .arena-mastery{padding:calc(9 * var(--rs));gap:calc(4 * var(--rs));font-size:calc(12 * var(--rs))}#menu .arena-mastery>b{display:none}#menu .arena-setup{gap:calc(10 * var(--rs))}
@media(min-width:801px){#menu .arena-setup{display:grid;grid-template-columns:1.1fr 1fr;align-content:space-between;gap:calc(10 * var(--rs)) calc(16 * var(--rs));padding:calc(12 * var(--rs))}#menu .arena-heading,#menu .arena-best,#menu .arena-mastery{grid-column:1/3}#menu .arena-heading p{font-size:calc(13 * var(--rs))}#menu .arena-heading h3{font-size:calc(27 * var(--rs))}#menu .arena-segment{gap:4px}#menu .arena-segment button{padding:calc(8 * var(--rs)) 4px}#menu .arena-segment small{font-size:calc(11 * var(--rs))}#menu .arena-setup legend{font-size:calc(11 * var(--rs))}#menu .arena-mastery{padding:calc(8 * var(--rs))}}
@media(max-width:800px){#menu .arena-setup{flex:none;min-height:245px;padding:16px;gap:12px}#menu .arena-heading h3{font-size:24px}#menu .arena-heading p{font-size:12px}#menu .arena-heading small,#menu .arena-setup legend,#menu .arena-best{font-size:10px}#menu .arena-segment strong{font-size:16px}#menu .arena-segment small{font-size:10px}#menu .arena-segment button{padding:8px}#menu .training-kind.mode-switch button{font-size:12px;padding:9px}}

#menu .training-kind.mode-switch button[aria-pressed=true]{background:linear-gradient(#134151,#0a2836)!important;box-shadow:inset 0 -2px #55cedb!important;border-radius:2px}

.arena-roster-link{border:0;border-bottom:1px solid #355765;background:transparent;color:#8bd2e5;padding:4px 0;font:600 11px Spiegel,sans-serif;cursor:pointer}.arena-roster-link:hover,.arena-roster-link:focus-visible{color:#fff;border-color:#c8aa6e;outline-offset:3px}