/* Arena 277: section navigation, league and deck presets have separate roles. */
#tab-arena .arena-section-nav { gap: 12px; padding: 6px 0 0; margin-bottom: 14px; border-bottom: 1px solid var(--arena-line); }
#tab-arena .arena-section-nav button { position: relative; min-height: 44px; padding: 10px 0; border-radius: 0; font-size: 12px; font-weight: 550; color: var(--arena-muted); }
#tab-arena .arena-section-nav button[aria-current] { color: var(--accent-hi); background: none; }
#tab-arena .arena-section-nav button[aria-current]::after { content: ''; position: absolute; bottom: -1px; left: 18%; right: 18%; height: 2px; border-radius: 2px; background: var(--arena-gold); }
#tab-arena .workbench-heading { width: 100%; height: auto; min-height: 180px; margin: 0 0 14px; padding: 14px 16px; overflow: hidden; z-index: 0; border-radius: 16px; background-color: #171a1e; background-position: 65% center; }
#tab-arena .workbench-heading::before,
html[data-theme="light"] #tab-arena .workbench-heading::before { background: linear-gradient(90deg,#14171bf5 0%,#14171bdb 34%,#14171b36 100%),linear-gradient(0deg,#14171b 0%,transparent 75%); }
#tab-arena .workbench-heading .arena-embers { display: none; }
#tab-arena .workbench-title-row { height: auto; grid-template-columns: minmax(0,1fr) 44px; margin-bottom: 10px; }
#tab-arena .workbench-title-row h1 { font-size: 24px; line-height: 1.15; letter-spacing: -.025em; color: #f2f4f7; }
#tab-arena .workbench-settings-toggle,
html[data-theme="light"] #tab-arena .workbench-settings-toggle { width: 44px; height: 44px; border: 1px solid #ffffff26; border-radius: 12px; background: #171a1ebf; color: #f5c070; }
#tab-arena .workbench-settings-toggle svg { width: 20px; height: 20px; fill: #171a1e; }
#tab-arena .workbench-league { align-items: center; gap: 12px; }
#tab-arena .workbench-shield { width: 36px; height: 42px; }
#tab-arena .workbench-league-copy { display: block; min-width: 0; }
#tab-arena #ar-league { margin: 0 0 5px; color: #f2f4f7; font-size: 18px; line-height: 1.2; font-weight: 650; text-transform: none; letter-spacing: -.015em; overflow-wrap: anywhere; }
#tab-arena .workbench-rating { justify-content: flex-start; font-size: 12px; line-height: 1.4; color: #b9c0ca; }
#tab-arena .workbench-rating b { font-weight: 650; color: #f5c070; }
#tab-arena .arena-league-progress { margin-top: 16px; }
#tab-arena .arena-league-progress .arena-prog-bar-wrap,
html[data-theme="light"] #tab-arena .arena-league-progress .arena-prog-bar-wrap { width: 100%; height: 4px; margin: 0 0 7px; border: 0; border-radius: 3px; background: #ffffff26; overflow: hidden; }
#tab-arena .arena-league-progress #ar-prog-fill { width: 0; min-width: 0; height: 100%; background: #f5c070 !important; box-shadow: none; transition: width 220ms ease-out; }
#tab-arena #ar-prog-text { display: block; margin: 0; color: #b9c0ca; font-size: 11px; line-height: 1.4; text-transform: none; }
#tab-arena .workbench-presets { gap: 4px; padding: 4px; margin-bottom: 20px; border-radius: 13px; background: var(--arena-panel); }
#tab-arena .workbench-deck { position: relative; min-height: 44px; padding: 8px 6px; border: 0; background: none; color: var(--arena-muted); font-size: 12px !important; font-weight: 550 !important; }
#tab-arena .workbench-deck.selected { color: var(--accent-hi); background: var(--bg-card-2,#252930); }
#tab-arena .workbench-deck.selected::after { content: ''; position: absolute; bottom: 4px; width: 20px; height: 2px; left: calc(50% - 10px); border-radius: 2px; background: var(--arena-gold); }
#tab-arena .workbench-deck:disabled { opacity: .55; cursor: wait; }
#tab-arena .workbench-settings-toggle[aria-expanded="true"] { border-color: #f5c070; }
@media (hover:hover) { #tab-arena .arena-section-nav button:hover, #tab-arena .workbench-deck:hover { color: var(--accent-hi); } #tab-arena .workbench-settings-toggle:hover { background: #252930; } }
@media (max-width:360px) { #tab-arena .arena-section-nav { gap: 4px; } #tab-arena .arena-section-nav button { font-size: 11px; } #tab-arena .workbench-heading { padding: 12px 14px; } }