/* Arena shares the main page and all six navigation destinations. */
.workspace nav:has([data-arena-open]){grid-template-columns:repeat(6,minmax(0,1fr))}
.arena-screen{min-width:0;scroll-margin-top:110px}
.arena-top{display:flex;align-items:center;min-height:88px;padding:14px 18px;border:1px solid #8e784855;border-radius:13px;background:linear-gradient(90deg,#07150be8,#07150b44),url("/scenes/m50/nav-arena.webp") center 55%/cover;text-shadow:0 2px 5px #000}
.arena-top h2{margin:3px 0 0;font:700 clamp(22px,4vw,32px)/1.1 var(--font-display,VeynordDisplay),serif;color:#ead49a}
.arena-kicker{margin:0;color:#ad9664;font-size:10px;letter-spacing:.12em;text-transform:uppercase}
.arena-season-line{margin:8px 2px;color:#bfb59e;font-size:12px}.arena-season-line strong{color:#dcc38a;font-variant-numeric:tabular-nums}
.arena-stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));padding:10px 0;margin:0 0 10px;border-block:1px solid #8e784844;background:#10201777;border-radius:8px}
.arena-stat{text-align:center;padding:0 3px;border-right:1px solid #8e784833}.arena-stat:last-child{border:0}.arena-stat small{display:block;color:#aba58f;font-size:11px}.arena-stat strong{display:block;color:#efdbac;font-size:21px;font-family:var(--font-display,VeynordDisplay),serif}
.arena-switch{display:flex;gap:8px}.arena-switch button{flex:1;min-width:0;min-height:44px;padding:8px 12px}.arena-screen .arena-switch button[aria-pressed=true]{border-color:#c7aa67;background:linear-gradient(#304333,#1b2e21);box-shadow:inset 0 -3px #c7aa67;color:#fff0be}
.arena-body{display:grid;grid-auto-rows:max-content;min-width:0;gap:10px;padding:12px 0}.arena-body>*{min-width:0}.arena-rivals h3,.arena-panel h3{margin:0 0 10px;color:#dfc78e;font:700 19px var(--font-display,VeynordDisplay),serif}
.arena-opponents{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.arena-opponent{min-width:0;display:grid;grid-template-columns:64px minmax(0,1fr);gap:10px;align-items:center;padding:10px;border:1px solid #806d4777;border-radius:12px;background:linear-gradient(135deg,#27372bde,#111d16ee);box-shadow:inset 0 1px #fff1}
.arena-opponent-art{width:64px;height:72px;object-fit:contain;border-radius:8px;background:#08160ecc;border:1px solid #8b754440}
.arena-opponent h4{margin:3px 0;color:#efe0b4;font:700 18px/1.15 var(--font-display,VeynordDisplay),serif;overflow-wrap:anywhere}.arena-opponent-copy p:last-child{margin:4px 0 0;color:#b7b39d;font-size:12px;line-height:1.4}
.arena-opponent button{grid-column:1/-1;min-height:44px;min-width:0;padding:6px 12px;font-size:14px}
.arena-screen button,.arena-rules summary{touch-action:manipulation}
.arena-rules{border-top:1px solid #8e784844;color:#aead97;font-size:13px}.arena-rules summary{min-height:44px;align-content:center;cursor:pointer;color:#c1ac79}.arena-rules p{margin:0 0 8px;line-height:1.5}
.arena-panel{padding:12px;border:1px solid #806d4777;border-radius:12px;background:#122219d9}.arena-table-scroll{overflow-x:auto}.arena-board{width:100%;border-collapse:collapse;font-size:14px}.arena-board th,.arena-board td{padding:9px 6px;border-bottom:1px solid #51493366;text-align:left}.arena-board th{color:#a99b7c;font-size:10px;text-transform:uppercase}.arena-board td small{display:block;color:#a8aa98;font-size:11px}.arena-board tr.me{background:#9e81452b}.arena-board td strong{overflow-wrap:anywhere}.arena-rank{color:#d8bd78;font-weight:700}.arena-pages{display:flex;align-items:center;justify-content:center;gap:16px;padding-top:10px}.arena-pages button{min-width:44px;min-height:44px}
.arena-empty{margin:0;padding:18px 12px;color:#b8b39e;font-size:14px}.arena-fight-result{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:5px;padding:10px 12px;border:1px solid #8f774455;border-radius:10px;background:#192a1ddd;font-size:13px;color:#d6c49e}.arena-fight-result.won{border-left:3px solid #a98b45}.arena-fight-result.lost{border-left:3px solid #7f4b46}.arena-fight-result strong{color:#ead5a2}.arena-error{color:#ddafa4}.arena-loading{padding:35px 12px;text-align:center;color:#bcae90}
@media(max-width:780px){.arena-top{min-height:76px;padding:10px 12px}.arena-top h2{font-size:25px}.arena-opponents{grid-template-columns:1fr;gap:8px}.arena-opponent{grid-template-columns:52px minmax(0,1fr) auto;padding:8px;gap:8px}.arena-opponent-art{width:52px;height:66px}.arena-opponent h4{font-size:17px}.arena-opponent button{grid-column:auto;padding:6px 10px}.arena-stat small{font-size:10px}.arena-body{padding-bottom:max(12px,env(safe-area-inset-bottom,0px))}}
@media(max-width:720px){.workspace nav{display:grid!important;grid-template-columns:repeat(6,minmax(0,1fr))!important;grid-template-rows:64px!important;grid-auto-rows:64px!important}.workspace nav button.nav-art-button{min-width:0!important;height:64px!important;min-height:64px!important;max-height:64px!important;padding:0!important}}