/* Shared arena menus: one navigation, typography and control language. */
:root{--arena-bg456:#0a1119;--arena-panel456:#14232e;--arena-line456:#354650;--arena-ink456:#f5f0e6;--arena-muted456:#b1c1cc;--arena-gold456:#f1ce87;color-scheme:dark}
.arena-menu,.arena-selector,.arena-cup456{background:radial-gradient(ellipse at 12% 0,#36414c55,transparent 48%),radial-gradient(ellipse at 100% 25%,#284c5b30,transparent 50%),var(--arena-bg456);color:var(--arena-ink456);font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
.arena-menu .home,.arena-selector .select-main,.arena-cup456 main{max-width:1180px;margin:auto;padding:24px 28px 40px}
.arena-selector .select-main{padding-bottom:160px}
.arena-header456{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:0 0 22px;border-bottom:1px solid var(--arena-line456);margin:0}
.arena-logo456{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--arena-ink456);flex-shrink:0}
.arena-logo456>span{font-size:38px;line-height:1;color:var(--arena-gold456)}
.arena-logo456 b{font-size:14px;letter-spacing:.08em;line-height:1.3}.arena-logo456 small{display:block;color:var(--arena-gold456);font-size:10px;letter-spacing:.32em;margin-top:5px}
.arena-header456 nav{display:flex;align-items:center;justify-content:flex-end;gap:6px;margin:0;padding:0;color:var(--arena-muted456)}
.arena-header456 nav a{display:flex;align-items:center;justify-content:center;min-height:44px;padding:10px 16px;border:1px solid transparent;border-radius:10px;text-decoration:none;font-size:13px;font-weight:650;white-space:nowrap}
.arena-header456 nav a[aria-current=page]{background:#f1ce8712;color:var(--arena-gold456);border-color:#f1ce8745}
.arena-header456 nav a:hover{background:#ffffff0b;color:#fff}
.arena-menu a:focus-visible,.arena-selector a:focus-visible,.arena-selector button:focus-visible,.arena-selector summary:focus-visible,.arena-cup456 a:focus-visible,.arena-cup456 button:focus-visible{outline:3px solid var(--arena-gold456);outline-offset:4px}
.arena-menu .hero380{padding:48px 0 36px;min-height:0;gap:40px;grid-template-columns:1fr 1.15fr}.arena-menu .hero380 h1{font-size:clamp(44px,5.5vw,70px)}.arena-menu .hero-film380{transform:none;border-radius:18px}.arena-menu .hero380 .hero-actions{flex-direction:row;flex-wrap:wrap;align-items:center;gap:18px}.arena-menu .hero380 .player-primary{border-radius:10px}.arena-menu .hero380 .watch-link380{font-size:14px;min-height:48px}.arena-menu .hero-note380{color:var(--arena-muted456)}.arena-menu .surprise404{font-size:12px;color:var(--arena-muted456);margin-top:10px;min-height:44px}
.play-modes456{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:8px 0 28px}.mode-heading456{grid-column:1/-1}.mode-heading456 .eyebrow{font-size:10px;letter-spacing:.16em;color:var(--arena-gold456);margin:0 0 7px}.mode-heading456 h2{font-size:30px;letter-spacing:-.04em;margin:0 0 5px}.mode-card456{display:flex;flex-direction:column;padding:26px;border:1px solid #577081;background:radial-gradient(ellipse at 0 0,#31536580,transparent 80%),var(--arena-panel456);border-radius:16px;text-decoration:none;color:var(--arena-ink456);transition:border-color .15s,transform .15s}.cup-mode456{background:radial-gradient(ellipse at 0 0,#65573565,transparent 80%),var(--arena-panel456);border-color:#8d7c55}.mode-card456:hover{border-color:var(--arena-gold456);transform:translateY(-2px)}.mode-number456{font-size:10px;color:var(--arena-gold456);letter-spacing:.15em;font-weight:750}.mode-card456>strong{font-size:28px;letter-spacing:-.035em;margin:14px 0 0;line-height:1.2}.mode-card456 p{font-size:14px;color:var(--arena-muted456);line-height:1.7;margin:12px 0 24px;max-width:370px}.mode-action456{display:flex;justify-content:space-between;align-items:center;font-size:13px;font-weight:750;margin-top:auto;border-top:1px solid #ffffff22;padding-top:17px}.mode-action456 b{font-size:23px;color:var(--arena-gold456)}.mode-history456{grid-column:1/-1;display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;padding:10px 0;min-height:44px;font-size:13px;color:var(--arena-muted456)}.mode-history456 strong{color:var(--arena-gold456)}
.arena-menu .how404{margin-block:24px}.arena-menu .battle-grid article.battle{border-radius:14px}.arena-menu .battle-copy .eyebrow,.arena-menu .battle summary{font-size:11px}.arena-menu .rivalry-caption380{font-size:12px}.arena-menu .battle-actions a{font-size:12px;min-height:44px}.arena-menu .hero-film380 figcaption span{font-size:11px}
.arena-selector .intro{margin:24px 0 18px}.arena-selector .intro h1{font-size:clamp(30px,4vw,44px);line-height:1.1;margin:10px 0}.arena-selector .intro .selector-subtitle380{font-size:14px;color:var(--arena-muted456);margin:10px 0}.arena-selector .selector-shortcuts{justify-content:flex-end;margin:0 0 14px}.arena-selector .selector-shortcuts button{min-height:44px;font-size:12px;border-radius:9px;color:#d7e2e8}.arena-selector .trainer-card{border-radius:18px;padding:20px!important}.arena-selector .trainer-choice canvas{height:155px!important}.arena-selector .trainer-name{font-size:36px!important}.arena-selector .trainer-style380{color:var(--arena-muted456);font-size:12px;min-height:28px}.arena-selector .trainer-era{font-size:11px;letter-spacing:.04em}.arena-selector .change{font-size:11px!important;min-height:44px;border-radius:8px}.arena-selector .versus-grid .vs{top:112px}.arena-selector .team-label,.arena-selector .team-label span{font-size:10px}.arena-selector .pokemon-slot{border-radius:9px}.arena-selector .pokemon-slot span{font-size:11px}.arena-selector .selection-team{grid-template-columns:repeat(3,minmax(0,1fr))}
.classic-picker456{margin:20px 0;border:1px solid var(--arena-line456);border-radius:12px;background:#13222c}.classic-picker456>summary{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:17px 20px;min-height:58px;cursor:pointer;font-size:14px}.classic-picker456>summary:after{content:'+';font-size:20px;color:var(--arena-gold456)}.classic-picker456[open]>summary:after{content:'−'}.classic-picker456 summary small{margin-left:auto;color:var(--arena-muted456);font-size:12px}.arena-selector .classic-picker456 .matchup-presets380{padding:4px 16px 16px;margin:0;flex-wrap:nowrap}.arena-selector .classic-picker456 .matchup-presets380 button{flex:1 0 165px;min-height:70px}.arena-selector .rivalry411{margin:20px 0}.arena-selector .rivalry411>p{font-size:13px;color:var(--arena-muted456)}.arena-selector .battle-settings,.arena-selector .team-comparison405{border-radius:12px;background:#13222c;border-color:var(--arena-line456)}.arena-selector .battle-settings>summary,.arena-selector .team-comparison405>summary{font-size:14px;min-height:60px}.arena-selector .battle-settings>summary small{font-size:12px;color:var(--arena-muted456)}.arena-selector .settings-head{margin-top:10px}.settings-group456{font-size:13px;letter-spacing:.04em;color:var(--arena-gold456);margin:24px 0 12px;padding-top:16px;border-top:1px solid var(--arena-line456)}.arena-selector .setting-help{color:var(--arena-muted456);font-size:12px;line-height:1.7}.arena-selector #start-battle{max-width:1124px;border-radius:10px;min-height:52px}.arena-selector .selection-footer small{color:var(--arena-muted456);font-size:11px}.arena-selector .selection-footer{box-shadow:0 -8px 28px #0003}.arena-selector #trainer-picker,.arena-selector #pokemon-detail{border-radius:18px}.arena-selector #trainer-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.arena-cup456 .cup-hero{text-align:left;padding:30px 0 22px;border-color:var(--arena-line456);position:relative}.arena-cup456 .cup-hero h1{font-size:clamp(44px,6vw,66px);letter-spacing:-.055em;margin:12px 0;text-shadow:none}.arena-cup456 .cup-hero>p:not(.eyebrow){font-size:16px;color:var(--arena-muted456);margin:12px 0}.arena-cup456 .cup-facts{justify-content:flex-start;margin:18px 0 0}.arena-cup456:has(#cup-active:not([hidden])) .cup-hero{display:flex;align-items:center;gap:20px;padding:22px 0;flex-wrap:wrap}.arena-cup456:has(#cup-active:not([hidden])) .cup-hero .eyebrow,.arena-cup456:has(#cup-active:not([hidden])) .cup-facts{display:none}.arena-cup456:has(#cup-active:not([hidden])) .cup-hero h1{font-size:34px;margin:0}.arena-cup456:has(#cup-active:not([hidden])) .cup-hero>p{font-size:13px;margin:0}.arena-cup456 .cup-route{margin:16px 0 20px;padding:24px;border-radius:16px}.arena-cup456 .cup-route h2{font-size:clamp(24px,3vw,32px);max-width:650px}.arena-cup456 .cup-route .primary{background:var(--arena-gold456);border-radius:10px;min-height:52px}.arena-cup456 #cup-status{font-size:13px;margin:16px 0}.arena-cup456 .contender small,.arena-cup456 .contender-team{font-size:12px}.arena-cup456 .contender{border-radius:14px}.arena-cup456 .cup-quick455{gap:10px;flex-wrap:wrap}.arena-cup456 .cup-quick455 a{border:1px solid var(--arena-line456);border-radius:9px;text-decoration:none;padding:11px 16px;min-height:44px;font-size:13px}.arena-cup456 .cup-match{border-radius:12px}.arena-cup456 .bracket-team small,.arena-cup456 .match-kicker{font-size:11px}.arena-cup456 .cup-step452 small{font-size:12px}
@media(max-width:700px){.arena-menu .home,.arena-selector .select-main,.arena-cup456 main{padding:16px}.arena-selector .select-main{padding-bottom:160px}.arena-header456{flex-direction:column;align-items:stretch;gap:16px;padding-bottom:12px}.arena-logo456{align-self:flex-start}.arena-header456 nav{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:3px;width:100%}.arena-header456 nav a{font-size:11px;padding:9px 3px;min-width:0}.arena-menu .hero380{padding:28px 0;grid-template-columns:1fr;gap:24px}.arena-menu .hero380 h1{font-size:clamp(42px,11vw,64px)}.arena-menu .hero-description{font-size:14px}.arena-menu .hero-film380 video{aspect-ratio:16/10;object-fit:cover}.play-modes456{grid-template-columns:1fr;gap:12px;margin-top:8px}.mode-heading456 h2{font-size:26px}.mode-card456{padding:22px}.mode-card456>strong{font-size:25px;margin-top:12px}.mode-card456 p{margin-bottom:18px}.mode-history456{font-size:12px;line-height:1.7}.arena-selector .intro{margin:22px 0 16px}.arena-selector .intro>p:first-child{font-size:10px;letter-spacing:.13em}.arena-selector .intro .selector-subtitle380{font-size:13px}.arena-selector .selector-shortcuts{gap:8px;margin-bottom:12px}.arena-selector .selector-shortcuts button{flex:1;font-size:12px}.arena-selector .versus-grid{gap:12px}.arena-selector .trainer-card{padding:12px 8px!important;border-radius:14px}.arena-selector .trainer-choice canvas{height:122px!important}.arena-selector .trainer-name{font-size:28px!important}.arena-selector .trainer-era{font-size:10px;min-height:28px;line-height:1.4;letter-spacing:0}.arena-selector .trainer-style380{font-size:11px;min-height:49px;padding:8px 0 0}.arena-selector .change{font-size:9px!important;letter-spacing:0;min-height:44px;padding:6px 2px!important}.arena-selector .versus-grid .vs{top:92px}.arena-selector .team-label{font-size:9px;letter-spacing:0;display:flex;flex-wrap:wrap;gap:4px}.arena-selector .team-label span{font-size:8px}.arena-selector .selection-team{gap:4px}.arena-selector .pokemon-slot{min-width:0;min-height:68px;padding:10px 1px 6px}.arena-selector .pokemon-slot canvas{width:40px;height:36px}.arena-selector .pokemon-slot span{font-size:9px;overflow-wrap:anywhere}.arena-selector .classic-picker456>summary{padding:14px;font-size:13px}.classic-picker456 summary small{font-size:11px;max-width:115px}.arena-selector .battle-settings>summary{padding:14px}.arena-selector .battle-settings>summary small{font-size:11px;max-width:125px}.arena-selector #trainer-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.arena-cup456 .cup-hero{padding:24px 0 18px}.arena-cup456 .cup-route{padding:20px;gap:14px}.arena-cup456 .cup-hero>p:not(.eyebrow){font-size:14px}.arena-cup456 .cup-facts span{font-size:11px}.arena-cup456 .contender{min-width:0}.arena-cup456 .cup-path452{gap:8px}.arena-cup456:has(#cup-active:not([hidden])) .cup-hero{gap:8px}.arena-cup456:has(#cup-active:not([hidden])) .cup-hero h1{font-size:28px}.arena-cup456:has(#cup-active:not([hidden])) .cup-hero>p{font-size:12px}}
@media(prefers-reduced-motion:reduce){.mode-card456{transition:none}.mode-card456:hover{transform:none}}
.arena-header456 .arena-logo456 img{width:34px;height:34px;flex-shrink:0}.arena-header456 nav a{color:var(--arena-muted456)}.arena-header456 nav a[aria-current=page]{color:var(--arena-gold456)}.arena-selector #encounter-context413{font-size:12px;line-height:1.7;margin:20px 0;color:var(--arena-muted456)}

@media(max-width:380px){.arena-header456 nav{grid-template-columns:repeat(3,minmax(0,1fr))}.arena-header456 nav>.language565{grid-column:1/-1;justify-content:flex-end}.arena-header456 nav a{white-space:normal;text-align:center}}
