/* Reference artwork is shown through a proportional CSS viewport, never stretched. */
html body.portfolio-redesign:not(.normal-ui) .stage .army-side{transform:none!important;background:transparent!important;border:0!important;box-shadow:none!important;padding:24px 0 0!important;gap:6px;height:auto!important}
html body.portfolio-redesign:not(.normal-ui) .stage .army-side>.reinforcement-heading{display:none!important}
html body.portfolio-redesign:not(.normal-ui) .stage .army-side>.manual-entry{display:block!important;position:relative;box-sizing:border-box;width:100%;height:auto!important;min-height:44px!important;aspect-ratio:800/336;padding:0!important;margin:0!important;border:0!important;border-radius:0!important;background-color:transparent!important;background-image:url('assets/reinforcements-reference.png')!important;background-size:221.75% 263.988095%!important;background-repeat:no-repeat!important;background-position:8.008214% 38.838475%!important;clip-path:polygon(7.25% 0,92.75% 0,100% 17%,100% 82%,93% 100%,7% 100%,0 82%,0 17%);box-shadow:none!important;color:transparent!important;font-size:0!important;line-height:0!important;filter:var(--reinforcement-filter,none);transition:filter .12s,scale .08s;cursor:pointer}
html body.portfolio-redesign:not(.normal-ui) .stage .army-side>.sell-entry{background-position:92.197125% 38.838475%!important}
html body.portfolio-redesign:not(.normal-ui) .stage .army-side>.manual-entry canvas,html body.portfolio-redesign:not(.normal-ui) .stage .army-side>.manual-entry span{display:none!important}
html body.portfolio-redesign:not(.normal-ui) .stage .army-side>.manual-entry:hover:not(:disabled){filter:var(--reinforcement-filter,) brightness(1.12)}
html body.portfolio-redesign:not(.normal-ui) .stage .army-side>.manual-entry:active:not(:disabled){scale:.97;filter:var(--reinforcement-filter,) brightness(.85)}
html body.portfolio-redesign:not(.normal-ui) .stage .army-side>.manual-entry:focus-visible{outline:0;filter:var(--reinforcement-filter,) brightness(1.3) drop-shadow(0 0 5px white)}
html body.portfolio-redesign:not(.normal-ui) .stage .army-side>.manual-entry:disabled{filter:var(--reinforcement-filter,) grayscale(.75) brightness(.55);cursor:not-allowed;opacity:.8}
html body.portfolio-redesign:not(.normal-ui) .stage .army-side>.hud-fold{width:22px!important;height:22px!important;min-height:22px!important;top:0;right:0;font-size:17px}
html body.portfolio-redesign:not(.normal-ui) .stage .army-side>.recall-entry{height:36px!important;min-height:36px!important;font-size:13px!important}
html body.portfolio-redesign:not(.normal-ui) .stage .army-side.hud-icon-only{padding:0!important}
html body.portfolio-redesign:not(.normal-ui) .stage .army-side.hud-icon-only>.hud-fold{width:100%!important;height:100%!important;font-size:24px}
html body .reference-neon .neon-golden-label{translate:0 -2px}
@media(min-width:701px){html body.portfolio-redesign:not(.normal-ui) .stage{--reinforcement-buy-width:var(--reinforcement-panel-width)}html body.portfolio-redesign:not(.normal-ui) .stage:has(.buy-army.hud-icon-only){--reinforcement-buy-width:38px}}
@media(max-width:700px) and (orientation:portrait),(max-width:540px){html body.portfolio-redesign:not(.normal-ui) .stage.reinforcements-active{--army-row:100px!important}html body.portfolio-redesign:not(.normal-ui) .stage.reinforcements-recall-visible{--army-row:144px!important}html body.portfolio-redesign:not(.normal-ui) .stage:has(.buy-army.hud-icon-only):has(.sell-army.hud-icon-only).reinforcements-active{--army-row:38px!important}}

html body.portfolio-redesign:not(.normal-ui) .stage .army-side>.buy-entry{--reinforcement-filter:hue-rotate(-80deg)}