/* PokéVersus Arena — the entrance and the face-off. */
:root{--menu-bg:#090e14;--menu-panel:#131b23;--menu-gold:#f1c979;--menu-muted:#a0aab4;--menu-border:#ffffff18}
.arena-menu,.arena-selector{background:radial-gradient(ellipse at 5% 18%,#e5a3490d,transparent 42%),radial-gradient(ellipse at 95% 35%,#5c9cb011,transparent 45%),var(--menu-bg);color:#f5f0e6}
.arena-menu .home{max-width:1240px;padding:28px 36px 30px}.arena-menu .brand{border-color:var(--menu-border);padding-bottom:22px}.arena-menu .brand>div{font-size:12px}.arena-menu .brand strong{font-size:25px;color:var(--menu-gold)}.arena-menu .brand-ball{flex-shrink:0}.arena-menu .home-nav{gap:24px}.arena-menu .home-nav a{font-size:12px}.arena-menu .nav-play{border:1px solid #f1c97970;border-radius:5px;background:none;color:var(--menu-gold);padding:11px 18px}
.hero380{display:grid;grid-template-columns:.95fr 1.25fr;gap:46px;align-items:center;padding:70px 0 48px}.hero-copy380 .eyebrow{display:flex;align-items:center;gap:9px;font-size:10px;letter-spacing:2px;color:var(--menu-gold)}.status-dot,.film-heading380 i{width:6px;height:6px;border-radius:50%;display:inline-block;background:var(--menu-gold);box-shadow:0 0 12px #f1c97955}.hero380 h1{font-size:clamp(44px,5.7vw,78px);line-height:1.02;letter-spacing:-4px;margin:23px 0;font-weight:900}.hero380 h1 em{font-style:normal;color:var(--menu-gold)}.hero-description{font-size:16px;line-height:1.8;color:#b2bbc3;margin:0 0 26px}.hero380 .hero-actions{display:flex;flex-direction:column;align-items:flex-start;gap:17px}.hero380 .player-primary{display:flex;align-items:center;justify-content:space-between;gap:36px;background:var(--menu-gold);border:1px solid #ffe3a7;border-radius:5px;min-height:54px;padding:16px 23px;font-size:14px;font-weight:850;color:#151710;box-shadow:0 7px 28px #f1c97913}.hero380 .player-primary:hover{background:#ffdb93}.hero380 .watch-link380{font-size:12px;color:#d1d6d9;min-height:36px;display:flex;align-items:center;gap:8px}.hero-note380{font-size:11px;color:#7d8a96;margin-top:22px}.arena-menu .hero-film380{position:relative;margin:0;transform:rotate(1deg);border:1px solid #ffffff25;border-radius:10px;overflow:hidden;background:#111a22;box-shadow:0 30px 65px #0005}.hero-film380:before{content:'';position:absolute;inset:0;pointer-events:none;border:1px solid #f1c97922;border-radius:9px;z-index:1}.film-heading380{display:flex;align-items:center;justify-content:space-between;padding:15px 18px;font-size:9px;font-weight:800;letter-spacing:1.5px;color:#c0c9cf;background:#131c24}.film-heading380 span:first-child{display:flex;align-items:center;gap:7px}.film-heading380 span:last-child{color:var(--menu-gold)}.arena-menu .hero-film380 video{display:block;width:100%;height:auto;aspect-ratio:10/7;object-fit:contain;background:#0d1a23}.arena-menu .hero-film380 figcaption{padding:16px 18px;display:flex;align-items:center;justify-content:space-between;gap:12px;background:#131c24}.hero-film380 figcaption strong,.hero-film380 figcaption span{display:block}.hero-film380 figcaption strong{font-size:12px;color:#e9e7de}.hero-film380 figcaption span{font-size:9px;color:#8997a3;margin-top:5px}.arena-menu .preview-toggle{font:inherit;font-size:10px;color:#dce4e7;border:1px solid #ffffff2a;min-height:40px;border-radius:4px;padding:8px 12px;background:#ffffff05;white-space:nowrap}.play-strip380{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;border-top:1px solid var(--menu-border);border-bottom:1px solid var(--menu-border);padding:23px 0;color:#8f9ba6;font-size:11px;gap:24px}.play-strip380>span{display:flex;align-items:center;gap:13px}.play-strip380 b{font-size:25px;font-weight:850;color:#e8e4da;letter-spacing:-1px}.play-strip380 .strip-last380{justify-content:flex-end;line-height:1.7;font-size:11px;color:var(--menu-gold)}
.arena-menu .section-heading{margin:54px 0 23px;align-items:flex-end}.arena-menu .section-heading .eyebrow{margin:0 0 10px;font-size:9px;letter-spacing:2px;color:var(--menu-gold)}.arena-menu .section-heading h2{font-size:clamp(23px,3vw,34px);letter-spacing:-1px}.arena-menu .section-heading>span{font-size:8px;letter-spacing:1.6px}.arena-menu .battle-grid{gap:18px}.arena-menu .battle-grid article.battle{grid-template-columns:42% 1fr;border:1px solid #ffffff1c;border-radius:8px;background:#131b23;align-items:stretch}.arena-menu .battle.sinnoh{--accent:#c5b1e5}.arena-menu .battle.johto{--accent:#8fb9e0}.arena-menu .battle.orange{--accent:#efb76d}.arena-menu .battle.origins{--accent:#91cbbb}.arena-menu .battle-art{height:210px;background:radial-gradient(ellipse at 50% 80%,color-mix(in srgb,var(--accent) 20%,transparent),transparent 70%),linear-gradient(130deg,#ffffff07,transparent);border-right:1px solid #ffffff0a;overflow:hidden}.arena-menu .battle-art:before{content:'';position:absolute;inset:16% 18%;border:1px solid color-mix(in srgb,var(--accent) 20%,transparent);border-radius:50%;transform:rotate(-22deg)}.arena-menu .battle-art:after{width:70%;bottom:28px;height:1px;opacity:.4}.arena-menu .battle-art .trainer{transform:scale(1.7);bottom:35px;filter:drop-shadow(0 8px 8px #0008)}.arena-menu .battle-art .trainer:first-child{left:6px}.arena-menu .battle-art .trainer:last-child{right:0!important}.arena-menu .battle-art .versus{font-size:25px;top:22px;left:43%;font-style:italic;opacity:.65}.arena-menu .battle-copy{padding:26px 20px;display:flex;flex-direction:column;justify-content:center}.arena-menu .battle-copy .eyebrow{font-size:8px;letter-spacing:1.5px}.arena-menu .battle h3{font-size:29px;margin:12px 0 8px;letter-spacing:-1px}.arena-menu .battle h3 span{font-size:13px}.rivalry-caption380{font-size:11px;line-height:1.6;color:#9aa7b2;margin:0}.arena-menu .battle-actions{gap:8px;margin-top:18px}.arena-menu .battle-actions a{font-size:10px;border-radius:4px;padding:8px 10px;min-height:42px;border-color:#ffffff24}.arena-menu .battle-actions a:first-child{background:#e8c686;color:#111a20;border-color:#e8c686}.arena-menu .battle details{border-color:#ffffff12;background:#0c131a80;padding:8px 18px}.arena-menu .battle summary{font-size:10px;min-height:34px;display:list-item;padding:9px 0;color:#aebbc4}.arena-menu footer{margin-top:50px;border-color:var(--menu-border);font-size:10px}.arena-menu footer .home-nav{justify-content:flex-start}
/* Selection is the pre-battle face-off, not a settings form. */
.arena-selector .select-main{max-width:1080px;padding:20px 32px 160px}.arena-selector .brand{border-bottom:1px solid var(--menu-border);padding-bottom:20px}.arena-selector .intro{margin:30px 0 22px}.arena-selector .intro>p:first-child{font-size:9px;color:var(--menu-gold);letter-spacing:2px}.arena-selector .intro h1{font-size:clamp(31px,4.8vw,50px);letter-spacing:-2px}.arena-selector .intro .selector-subtitle380{font-size:13px;letter-spacing:0;font-weight:400;color:#9eabb5;margin-top:12px;line-height:1.6}.matchup-presets380{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:18px}.matchup-presets380>span{font-size:8px;letter-spacing:1.5px;color:#85929e;margin-right:10px}.matchup-presets380 button{background:#ffffff04;border:1px solid #ffffff20;color:#bdc7cf;border-radius:5px;padding:10px 14px;min-height:44px;font-size:11px}.matchup-presets380 button[aria-pressed=true]{border-color:var(--menu-gold);color:var(--menu-gold);background:#f1c9790c}.arena-selector .selector-shortcuts{display:flex;gap:9px}.arena-selector .selector-shortcuts button{background:transparent;border:1px solid #ffffff23;color:#bdc8cf;min-height:42px;border-radius:5px;padding:9px 14px;font-size:11px}.arena-selector .lobby-hint{font-size:11px;color:#8596a3;margin-bottom:18px}.arena-selector .versus-grid{gap:28px}.arena-selector .trainer-card{--accent:#efbd78;border:1px solid #ffffff24!important;border-top:2px solid var(--accent)!important;border-radius:8px;clip-path:none;padding:22px!important;background:radial-gradient(ellipse at 50% 10%,#d79d551c,transparent 70%),#131b23}.arena-selector .trainer-card.right{--accent:#91c8e7;background:radial-gradient(ellipse at 50% 10%,#70b6dd1b,transparent 70%),#131b23}.arena-selector .trainer-card:before{display:none}.arena-selector .side-label{color:var(--accent);letter-spacing:2px;font-size:8px}.arena-selector .trainer-choice{position:relative;isolation:isolate}.arena-selector .trainer-choice:before{content:'';position:absolute;width:165px;height:165px;top:26px;border:1px solid color-mix(in srgb,var(--accent) 16%,transparent);border-radius:50%;z-index:-1;background:radial-gradient(ellipse,#ffffff04,transparent 70%)}.arena-selector .trainer-choice canvas{height:205px!important;max-width:260px;filter:drop-shadow(0 10px 14px #0009)}.arena-selector .trainer-name{font-size:42px!important;letter-spacing:-1.5px}.arena-selector .trainer-era{font-size:10px;text-transform:uppercase;letter-spacing:1px;color:#b0bdc7;margin-top:7px}.trainer-style380{font-size:11px;font-style:normal;color:var(--accent);min-height:30px;line-height:1.5;padding-top:8px}.arena-selector .change{font-size:9px;min-height:42px;border-radius:4px;border-color:#ffffff29;background:#ffffff03;letter-spacing:1px;margin-top:6px}.arena-selector .versus-grid .vs{top:145px;width:52px;height:52px;background:#11161e;border:1px solid #e8c68670;color:var(--menu-gold);font-size:24px;box-shadow:0 0 0 8px #090e14}.arena-selector .selection-team{gap:8px}.arena-selector .pokemon-slot{border-color:#ffffff0e;background:#090e1480;min-height:74px;border-radius:5px}.arena-selector .pokemon-slot span{font-size:10px}.arena-selector .team-label{font-size:9px;border-color:#ffffff16;margin-top:20px;padding-top:16px}.arena-selector .team-label span{font-size:8px}.arena-selector .battle-settings{margin-top:20px;border:1px solid #ffffff20;border-radius:7px;background:#131b23;padding:0}.arena-selector .battle-settings>summary{display:flex;align-items:center;justify-content:space-between;gap:15px;cursor:pointer;min-height:62px;padding:17px 20px;list-style:none;color:#d4d9dc;font-size:13px}.arena-selector .battle-settings>summary:after{content:'+';color:var(--menu-gold);font-size:20px}.arena-selector .battle-settings[open]>summary:after{content:'−'}.arena-selector .battle-settings>summary small{margin-left:auto;color:#8c9da9;font-size:10px}.arena-selector .settings-body380{padding:5px 20px 15px;border-top:1px solid #ffffff15}.arena-selector .selection-footer{border-top:1px solid #ffffff17;background:#0c1219f5;backdrop-filter:blur(16px);padding:12px 20px max(14px,env(safe-area-inset-bottom))!important}.arena-selector #start-battle{width:min(100%,1016px);border-radius:5px;background:var(--menu-gold);color:#13190f;font-size:17px;box-shadow:0 5px 30px #e8bb5e10}.arena-selector #matchup{font-size:10px;letter-spacing:2px;margin-bottom:10px}.arena-selector .selection-footer small{font-size:10px;color:#7e919f}.arena-selector #trainer-picker{max-width:860px;border-color:#ffffff35;background:#111922;padding:24px}.arena-selector #trainer-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.arena-selector .picker-trainer{padding:12px 10px;background:radial-gradient(ellipse at 50% 20%,#e8c6860a,transparent),#18222d;border-color:#ffffff20;min-width:0}.arena-selector .picker-trainer canvas{height:115px;width:115px}.arena-selector .picker-trainer strong{font-size:20px}.arena-selector .picker-trainer small{font-size:9px;line-height:1.5}.picker-style380{font-size:9px;color:#dfc18a;line-height:1.6;margin-top:8px}.picker-team380{font-size:8px;color:#91a4b1;line-height:1.7;margin-top:7px}.arena-selector .picker-trainer[aria-pressed=true]{border-color:#efbf7a}.arena-selector .picker-head h2{font-size:27px;letter-spacing:-1px}.arena-selector .credits{margin-top:22px}.arena-selector #selection-status{color:#92a5b3}
@media(min-width:1200px){.hero380{min-height:600px}}
@media(max-width:900px){.hero380{gap:28px}.hero380 h1{font-size:56px}.arena-menu .home{padding:24px}.arena-menu .battle-grid{gap:12px}.arena-menu .battle-copy{padding:20px 14px}.arena-menu .battle-art .trainer{transform:scale(1.45)}.arena-menu .battle h3{font-size:25px}.play-strip380{gap:15px}.play-strip380>span{gap:9px}.play-strip380 b{font-size:22px}}
@media(max-width:680px){.arena-menu .home{max-width:560px;padding:20px 18px}.arena-menu .brand{gap:9px;padding-bottom:17px}.arena-menu .brand strong{font-size:20px}.arena-menu .brand>div{font-size:10px}.arena-menu .brand-ball{width:29px;height:29px}.arena-menu .brand-ball:after{left:8px;top:8px;width:9px;height:9px}.arena-menu .brand .home-nav{margin-left:auto;gap:0}.arena-menu .brand .home-nav a:not(.nav-play){display:none}.arena-menu .nav-play{font-size:10px;padding:9px 11px}.hero380{grid-template-columns:1fr;gap:28px;padding:36px 0 27px}.hero380 h1{font-size:clamp(45px,11vw,65px);letter-spacing:-2.7px;margin:17px 0}.hero-description{font-size:14px;line-height:1.7;margin-bottom:22px}.hero380 .hero-actions{flex-direction:row;align-items:center;gap:15px;flex-wrap:wrap}.hero380 .player-primary{padding:13px 17px;min-height:50px;font-size:12px;gap:20px}.hero380 .watch-link380{font-size:10px}.hero-note380{margin:12px 0 0;font-size:10px}.arena-menu .hero-film380{transform:none;border-radius:7px}.film-heading380{padding:11px 13px;font-size:8px}.arena-menu .hero-film380 figcaption{padding:12px 13px}.hero-film380 figcaption strong{font-size:11px}.hero-film380 figcaption span{font-size:8px}.arena-menu .preview-toggle{font-size:9px;min-height:38px}.play-strip380{grid-template-columns:repeat(3,1fr);gap:9px;padding:18px 0}.play-strip380>span{align-items:flex-start;flex-direction:column;gap:4px;font-size:9px}.play-strip380 b{font-size:23px}.play-strip380 .strip-last380{display:none}.arena-menu .section-heading{margin-top:34px;align-items:flex-end;gap:15px}.arena-menu .section-heading h2{font-size:25px;line-height:1.15;max-width:240px}.arena-menu .section-heading>span{font-size:7px;max-width:70px;text-align:right;line-height:1.8}.arena-menu .battle-grid{grid-template-columns:1fr;gap:13px}.arena-menu .battle-grid article.battle{grid-template-columns:42% 1fr}.arena-menu .battle-art{height:190px}.arena-menu .battle-art .trainer{transform:scale(1.4);bottom:32px}.arena-menu .battle-art .trainer:first-child{left:-4px}.arena-menu .battle-art .trainer:last-child{right:-8px!important}.arena-menu .battle-art .versus{left:42%;font-size:21px}.arena-menu .battle-copy{padding:20px 13px}.arena-menu .battle h3{font-size:25px}.arena-menu .battle-actions{gap:6px;margin-top:12px}.arena-menu .battle-actions a{font-size:9px;min-height:40px;padding:7px 9px}.rivalry-caption380{font-size:10px}.arena-menu footer .home-nav{display:flex;flex-wrap:wrap;gap:6px 20px}.arena-menu footer .home-nav a{min-height:44px;font-size:10px}
.arena-selector .select-main{padding:14px 12px 165px}.arena-selector .brand{padding-bottom:16px}.arena-selector .intro{margin:20px 0}.arena-selector .intro h1{font-size:34px;letter-spacing:-1.6px}.arena-selector .intro .selector-subtitle380{font-size:12px;line-height:1.5;margin-top:10px}.matchup-presets380{gap:6px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:14px}.matchup-presets380>span{grid-column:1/-1;font-size:8px;margin-bottom:4px}.matchup-presets380 button{font-size:9px;padding:8px 4px;min-height:44px}.arena-selector .selector-shortcuts button{font-size:10px;min-height:40px}.arena-selector .lobby-hint{font-size:10px;line-height:1.5;margin:9px 0 16px}.arena-selector .versus-grid{gap:12px}.arena-selector .trainer-card{padding:12px 8px!important}.arena-selector .side-label{font-size:7px;letter-spacing:1px}.arena-selector .trainer-choice canvas{height:142px!important;width:100%}.arena-selector .trainer-choice:before{width:110px;height:110px;top:18px}.arena-selector .trainer-name{font-size:30px!important;letter-spacing:-1px}.arena-selector .trainer-era{font-size:8px;letter-spacing:.4px}.trainer-style380{font-size:9px;min-height:38px;padding:8px 2px 0}.arena-selector .change{font-size:7px!important;letter-spacing:.6px;min-height:42px;padding:5px!important}.arena-selector .versus-grid .vs{top:110px;width:32px;height:32px;font-size:15px;box-shadow:0 0 0 4px #090e14}.arena-selector .team-label{font-size:7px;margin-top:14px;padding-top:12px;letter-spacing:.5px}.arena-selector .team-label span{font-size:6px}.arena-selector .selection-team{gap:4px}.arena-selector .pokemon-slot{min-height:59px}.arena-selector .pokemon-slot canvas{width:40px;height:35px}.arena-selector .pokemon-slot span{font-size:8px}.arena-selector .battle-settings>summary{padding:13px;min-height:60px;font-size:11px;gap:8px}.arena-selector .battle-settings>summary small{font-size:8px;max-width:96px;line-height:1.5}.arena-selector .settings-body380{padding:0 13px 12px}.arena-selector #trainer-picker{padding:16px}.arena-selector #trainer-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.arena-selector .picker-trainer canvas{width:100px;height:100px}.arena-selector .picker-trainer strong{font-size:19px}.arena-selector .picker-head h2{font-size:23px}.arena-selector #start-battle{font-size:16px}.arena-selector .selection-footer small{font-size:9px}.arena-selector #matchup{font-size:9px}.arena-selector .selection-footer{padding-inline:12px!important}}
@media(max-width:360px){.arena-menu .home{padding-inline:14px}.hero380 .hero-actions{gap:8px}.hero380 .watch-link380{font-size:9px}.arena-menu .battle-art .trainer{transform:scale(1.2)}.arena-menu .battle h3{font-size:23px}.arena-menu .battle-copy{padding-inline:10px}.arena-selector .trainer-name{font-size:26px!important}.arena-selector .pokemon-slot span{font-size:7px}.arena-selector .change{font-size:6px!important}}
@media(prefers-reduced-motion:reduce){.arena-menu *,.arena-selector *{scroll-behavior:auto!important;animation:none!important;transition:none!important}}
.hero380 .watch-link380{background:none;border:0;border-radius:0;padding:0;font-weight:600}

.matchup-presets380 #preset4{border-color:#c3a6e266}.matchup-presets380 #preset4 strong{color:#e1cef7}@media(max-width:600px){.matchup-presets380 #preset4{grid-column:1/-1}}