/* Everything here is scoped to Old style; the world and real-time view keep
   their existing layout. Sprite sheets are the supplied Essentials originals. */
#classicConsole,#classicSubnav,#classicExp{display:none}
body.oldStyleBattle main{display:block;width:min(960px,96vw,calc((100dvh - 112px)*1.333333));padding:12px 0}
body.oldStyleBattle header{margin-bottom:12px;min-height:32px}
body.oldStyleBattle header h1{font-size:22px}
body.oldStyleBattle header small,body.oldStyleBattle header h1 span,body.oldStyleBattle footer{display:none}
body.oldStyleBattle nav button{font-size:11px;padding:7px 10px}
body.oldStyleBattle #battleStyleBtn{min-width:134px}
body.oldStyleBattle .stage{display:block;border:2px solid #28383d;border-bottom:0;border-radius:4px 4px 0 0;box-shadow:none;container-type:inline-size}
body.oldStyleBattle #game{aspect-ratio:16/9;width:100%;height:auto;image-rendering:pixelated}
body.oldStyleBattle #battleHud,body.oldStyleBattle #battleHud.isDoubles{position:absolute;inset:0;display:block;padding:0;background:none;border:0;pointer-events:none}
body.oldStyleBattle #battleHud[hidden]{display:none}
body.oldStyleBattle .hpbox,body.oldStyleBattle #battleHud.isDoubles>.hpbox{display:block;position:absolute;left:52.34375%;top:66.6667%;width:50.78125%;height:29.1667%;min-width:0;min-height:0;padding:0;border:0;border-radius:0;background:url('assets/classic-battle/ui/databox_normal.png') 0 0/100% 100% no-repeat;color:#3e3e42;font-family:'Courier New',monospace;font-weight:bold;image-rendering:pixelated}
body.oldStyleBattle .hpbox.foe{left:-3.125%;top:12.5%;height:21.5278%;background-image:url('assets/classic-battle/ui/databox_normal_foe.png')}
body.oldStyleBattle .hpbox>small{display:none}
body.oldStyleBattle .hpbox>strong{position:absolute;left:15.4%;top:8%;max-width:78%;margin:0;font-size:clamp(10px,3cqw,28px);line-height:1.1;letter-spacing:-.7px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-shadow:1px 1px #fff}
body.oldStyleBattle .hpbox.foe>strong{left:11.5%;top:10%;font-size:clamp(10px,3cqw,28px)}
body.oldStyleBattle .hpbox>.track{position:absolute;left:52.3077%;top:47.619%;width:36.9231%;height:7.1429%;margin:0;border:0;border-radius:0;background:transparent;overflow:hidden}
body.oldStyleBattle .hpbox.foe>.track{left:45.3846%;top:64.516%;height:9.6774%}
body.oldStyleBattle .track i{background-image:url('assets/classic-battle/ui/overlay_hp.png');background-size:auto 300%;background-color:transparent!important;border-radius:0;height:100%;transition:width .3s ease-out;image-rendering:pixelated}
body.oldStyleBattle .hpbox>#playerHp{position:absolute;left:44%;top:62%;width:46%;font-size:clamp(9px,2.7cqw,25px);line-height:1.05;color:#3e3e42;text-align:center;white-space:nowrap;text-shadow:1px 1px #fff}
body.oldStyleBattle .hpbox>#foeHp{display:none}
body.oldStyleBattle .hpbox>em{position:absolute;left:16%;top:47%;width:27%;font-size:clamp(7px,1.65cqw,15px);font-style:normal;color:#733f68;line-height:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
body.oldStyleBattle .hpbox.foe>em{left:12%;top:64%;width:22%}
body.oldStyleBattle .battleRoster{position:absolute;top:100%;right:8%;left:15%;display:flex;gap:5px;justify-content:flex-end;border:0;margin:0;padding:0}
body.oldStyleBattle .hpbox.foe .battleRoster{top:-22%;left:12%;right:18%;justify-content:flex-start}
body.oldStyleBattle .hpbox .rosterCount{font-size:clamp(7px,1.5cqw,13px);color:#30452d;text-shadow:1px 1px #d8edb5}
body.oldStyleBattle .rosterPips{gap:3px}
body.oldStyleBattle .rosterPip{background:url('assets/classic-battle/ui/icon_ball.png') center/contain no-repeat;width:clamp(8px,2.5cqw,20px);height:clamp(8px,2.5cqw,20px);border:0;border-radius:0;image-rendering:pixelated}
body.oldStyleBattle .rosterPip:after{display:none}
body.oldStyleBattle .rosterPip.active{box-shadow:none}
body.oldStyleBattle #classicExp{display:block;position:absolute;left:15.3846%;top:88.0952%;width:73.8462%;height:4.7619%;overflow:hidden}
body.oldStyleBattle #classicExpFill{display:block;height:100%;background:url('assets/classic-battle/ui/overlay_exp.png') left center/auto 100% no-repeat;image-rendering:pixelated}

/* A command shelf at the original 512 × 96 proportions. Menus only reveal
   the existing controls; those controls still perform every battle action. */
body.oldStyleBattle #combatPanel{display:grid;grid-template-columns:48% 52%;grid-template-rows:1fr auto;position:relative;min-height:0;aspect-ratio:16/3;margin:0;padding:0;border:2px solid #28383d;border-top:0;border-radius:0 0 4px 4px;background:#54734c url('assets/classic-battle/backgrounds/field_message.png') center/100% 100%;color:#3c4245;font-family:'Courier New',monospace;container-type:inline-size;box-shadow:0 14px 35px #0003}
body.oldStyleBattle #classicConsole{display:contents}
body.oldStyleBattle #classicMessage{grid-column:1;grid-row:1/3;margin:2% 2%;padding:5% 7%;background:#f8f8f8;border:4px solid #555d68;outline:2px solid #d7c795;outline-offset:-1px;box-shadow:inset 0 0 0 2px #fff;min-width:0;display:flex;flex-direction:column;justify-content:center}
body.oldStyleBattle #classicMessageText{font-size:clamp(13px,3.7cqw,31px);font-weight:bold;line-height:1.2;white-space:pre-line;margin:0;text-shadow:1px 1px #ccc;overflow-wrap:anywhere}
body.oldStyleBattle #classicTurnLabel{font:700 clamp(7px,1.15cqw,11px) system-ui;letter-spacing:1.4px;color:#6d746d;margin-bottom:5px}
body.oldStyleBattle #classicHelp{font:clamp(8px,1.3cqw,12px) system-ui;line-height:1.3;color:#626c67;margin-top:7px}
body.oldStyleBattle #classicMainMenu{grid-column:2;grid-row:1/3;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:0;padding:1% 1% 1% 0}
body.oldStyleBattle #classicMainMenu button{border:0;border-radius:0;margin:0;padding:0;min-height:0;aspect-ratio:130/46;background-color:transparent;background-image:url('assets/classic-battle/ui/cursor_command.png');background-size:200% 1000%;background-position:0 calc(var(--command-row)*100%/9);font-size:0;color:transparent;image-rendering:pixelated}
body.oldStyleBattle #classicMainMenu button:hover:enabled,body.oldStyleBattle #classicMainMenu button:focus-visible{background-position:100% calc(var(--command-row)*100%/9);outline:2px solid #faf3b9;outline-offset:-3px}
body.oldStyleBattle #classicFight{--command-row:0}
body.oldStyleBattle #classicBag{--command-row:2}
body.oldStyleBattle #classicPokemon{--command-row:1}
body.oldStyleBattle #classicRun{--command-row:3}
body.oldStyleBattle #classicRun[data-complete="true"]{--command-row:9}
body.oldStyleBattle #classicMainMenu button:disabled{opacity:.55}
body.oldStyleBattle .partyStripHeader,body.oldStyleBattle #turnPanel,body.oldStyleBattle #moveBar,body.oldStyleBattle #battleParty,body.oldStyleBattle .battleActions,body.oldStyleBattle #classicSubnav{display:none}
body.oldStyleBattle #combatPanel:not([data-classic-menu="root"]) #classicMainMenu{display:none}
body.oldStyleBattle #combatPanel:not([data-classic-menu="root"]) #classicSubnav{grid-column:2;grid-row:2;display:flex;justify-content:flex-end;padding:0 8px 4px}
body.oldStyleBattle #classicBack{font:700 clamp(8px,1.4cqw,13px) 'Courier New',monospace;background:#f8f6e9;color:#42494b;border:2px solid #535c65;padding:2px 12px;border-radius:0;line-height:1.2}
body.oldStyleBattle #combatPanel[data-classic-menu="fight"] #moveBar{grid-column:2;grid-row:1;display:grid;grid-template-columns:1fr 1fr;gap:3px;margin:5px 5px 2px 0;align-content:stretch}
body.oldStyleBattle #moveBar .move,body.oldStyleBattle #moveBar .move.active{min-height:0;min-width:0;padding:4px 9px;border:0;border-radius:0;background-color:transparent;background-image:url('assets/classic-battle/ui/cursor_fight.png');background-size:200% 1900%;background-position:0 calc(var(--classic-type-row,0)*100%/18);color:#343b43;font-family:'Courier New',monospace;overflow:visible}
body.oldStyleBattle #moveBar .move:hover:enabled,body.oldStyleBattle #moveBar .move:focus-visible{background-position:100% calc(var(--classic-type-row,0)*100%/18);outline:2px solid #fff1ab;outline-offset:-4px}
body.oldStyleBattle #moveBar .move strong{font-size:clamp(9px,2.05cqw,19px);line-height:1.1;margin:1px 0;padding-left:4%;white-space:nowrap}
body.oldStyleBattle #moveBar .move>span{font-size:clamp(6px,1.1cqw,10px);color:#535961;white-space:nowrap}
body.oldStyleBattle #moveBar .move>span:last-of-type{display:none}
body.oldStyleBattle #moveBar .move>b{font-size:clamp(6px,1.15cqw,11px);color:#41434b;float:right}
body.oldStyleBattle #combatPanel[data-classic-menu="party"] #battleParty{grid-column:2;grid-row:1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:3px;padding:4px 5px 2px 0}
body.oldStyleBattle #battleParty .partySlot{min-height:0;display:flex;flex-direction:row;gap:2px;padding:2px 3px 9px;background:#f7f5e8;border:2px solid #64726c;border-radius:2px;color:#39453d}
body.oldStyleBattle #battleParty .partySlot img{width:28%;max-width:34px;height:auto;order:0}
body.oldStyleBattle #battleParty .partyInfo{display:block;min-width:0;width:auto;flex:1;order:1;text-align:left;line-height:1.15}
body.oldStyleBattle #battleParty .partyInfo strong{font-size:clamp(7px,1.4cqw,13px);color:#39453d}
body.oldStyleBattle #battleParty .partyInfo small{font-size:clamp(6px,.9cqw,9px);color:#536356}
body.oldStyleBattle #battleParty .partyState{font-size:clamp(6px,.85cqw,8px);color:#5e6654;bottom:1px}
body.oldStyleBattle #battleParty .partyTrack{height:3px;margin:2px 0}
body.oldStyleBattle #combatPanel[data-classic-menu="bag"] .battleActions{grid-column:2;grid-row:1;display:grid;grid-template-columns:1fr 1fr;gap:5px;padding:8px 7px 3px 0}
body.oldStyleBattle .battleActions #ballBtn,body.oldStyleBattle .battleActions #masterBtn{background:#faf6e2;border:3px solid #555e6c;border-radius:4px;color:#3d4149;font:700 clamp(10px,2cqw,19px) 'Courier New',monospace;padding:8px;white-space:normal}
body.oldStyleBattle .battleActions #fleeBtn,body.oldStyleBattle .battleActions #dashBtn,body.oldStyleBattle .battleActions #autoBtn,body.oldStyleBattle #battleHint{display:none}
body.oldStyleBattle #toast{display:none}

/* Two-on-two keeps the existing target buttons and AI partner controls. */
body.oldStyleBattle #battleHud.isDoubles>.hpbox{top:75%;height:21.5278%;background-image:url('assets/classic-battle/ui/databox_thin.png')}
body.oldStyleBattle #battleHud.isDoubles>.hpbox.foe{display:none}
body.oldStyleBattle #battleHud.isDoubles>.hpbox .track{top:64.516%;height:9.6774%}
body.oldStyleBattle #battleHud.isDoubles>.hpbox>em{top:64%}
body.oldStyleBattle #battleHud.isDoubles #playerHp,body.oldStyleBattle #battleHud.isDoubles #classicExp{display:none}
body.oldStyleBattle #battleHud.isDoubles .doubleFighter{position:absolute;left:-3.125%;top:4%;width:50.78125%;height:21.5278%;min-height:0;padding:0;border:0;border-radius:0;background:url('assets/classic-battle/ui/databox_thin_foe.png') 0 0/100% 100% no-repeat;color:#3c3e43;font-family:'Courier New',monospace;display:block;image-rendering:pixelated;pointer-events:auto}
body.oldStyleBattle #battleHud.isDoubles .doubleFighter:first-child{left:52.34375%;top:52%;background-image:url('assets/classic-battle/ui/databox_thin.png')}
body.oldStyleBattle #battleHud.isDoubles .doubleFighter:nth-child(3){left:2%;top:27%}
body.oldStyleBattle .doubleFighter>img{display:none}
body.oldStyleBattle .doubleFighter>span{display:contents}
body.oldStyleBattle .doubleFighter strong{position:absolute;left:12%;top:12%;max-width:78%;font-size:clamp(9px,2.8cqw,26px);text-shadow:1px 1px #fff}
body.oldStyleBattle .doubleFighter small:first-child{position:absolute;left:12%;top:-18%;font:700 clamp(6px,1.25cqw,12px) system-ui;color:#34412c;letter-spacing:0;text-shadow:1px 1px #e2efba}
body.oldStyleBattle .doubleFighter small:last-child{display:none}
body.oldStyleBattle .doubleHealth{position:absolute;left:45.3846%;top:64.516%;width:36.9231%;height:9.6774%;background:transparent;border-radius:0}
body.oldStyleBattle #battleHud.isDoubles .doubleFighter .doubleHealth i{background:url('assets/classic-battle/ui/overlay_hp.png') 0 0/auto 300%;height:100%}
body.oldStyleBattle .doubleFighter:first-child .doubleHealth{left:52.3077%}
body.oldStyleBattle .doubleFighter.targeted:after{content:'▶';position:absolute;right:5%;top:12%;font-size:clamp(9px,2cqw,18px);color:#9a3a3a}
body.oldStyleBattle .doubleFighter:hover,body.oldStyleBattle .doubleFighter:focus-visible{outline:2px solid #fff7bd;outline-offset:-2px}
@media(max-width:700px){body.oldStyleBattle main{width:98vw;padding:8px 0}body.oldStyleBattle header{gap:6px;margin-bottom:8px;flex-wrap:wrap}body.oldStyleBattle header h1{font-size:18px}body.oldStyleBattle nav{gap:3px}body.oldStyleBattle nav button{padding:5px;font-size:10px}body.oldStyleBattle #battleStyleBtn{min-width:112px}body.oldStyleBattle #classicMessage{border-width:2px;padding:5%}body.oldStyleBattle #classicHelp{margin-top:3px}body.oldStyleBattle #classicTurnLabel{margin-bottom:2px}body.oldStyleBattle #battleParty .partySlot{padding-bottom:8px;border-width:1px}body.oldStyleBattle #moveBar .move{padding:2px 5px}}
@media(prefers-reduced-motion:reduce){body.oldStyleBattle .track i{transition:none}}