.mechyard-stage{background:#05080c!important;overflow:hidden;touch-action:none}.mechyard-stage .mechyard-canvas{display:block;width:100%;height:auto;max-height:min(82vh,760px);object-fit:contain;cursor:grab}.mechyard-stage .mechyard-canvas:active{cursor:grabbing}.mechyard-status{position:absolute;z-index:28;inset:12px 14px auto;display:grid;grid-template-columns:.8fr 1.3fr 1fr 1fr;gap:12px;pointer-events:none}.mechyard-status>div{padding:8px 10px;background:rgba(5,8,12,.86);border:1px solid rgba(255,255,255,.13);box-shadow:inset 0 0 20px rgba(0,0,0,.4)}.mechyard-status span{display:block;color:#8f9cab;font:900 8px ui-monospace;letter-spacing:.13em}.mechyard-status strong{color:#2be9ff;font:900 15px ui-monospace}.mechyard-status b{display:block;height:7px;margin-top:6px;background:#030405;border:1px solid #ffffff1f;overflow:hidden}.mechyard-status i{display:block;height:100%;width:100%;background:linear-gradient(90deg,#972b19,#ff9d25);transition:width .2s}.mechyard-status [data-base-bar]{background:linear-gradient(90deg,#187891,#2be9ff)}.mechyard-status .heat i{background:linear-gradient(90deg,#ffe05b,#ff3c24)}.mech-upgrade .message-card{max-width:760px!important;background:linear-gradient(145deg,#10151cfb,#23150cfb)!important;border:1px solid rgba(255,157,37,.5)!important}.mech-kicker{color:#ff9d25;font:900 10px ui-monospace;letter-spacing:.18em}.mech-upgrade-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:20px}.mech-upgrade-grid button{min-height:118px;padding:17px!important;text-align:left!important;background:rgba(255,255,255,.045)!important;border:1px solid rgba(255,255,255,.14)!important}.mech-upgrade-grid button:hover{border-color:#ff9d25!important;transform:translateY(-3px)}.mech-upgrade-grid strong,.mech-upgrade-grid span{display:block}.mech-upgrade-grid strong{color:#fff}.mech-upgrade-grid span{margin-top:8px;color:#aab2bd;font-size:.78rem}@media(max-width:760px),(pointer:coarse){.mechyard-status{inset:7px;grid-template-columns:1fr 1fr;gap:5px}.mechyard-status>div{padding:5px 7px}.mechyard-status strong{font-size:12px}.mechyard-stage .mechyard-canvas{height:min(78vh,720px);min-height:520px;object-fit:cover;object-position:center}.mech-upgrade-grid{grid-template-columns:1fr;max-height:57vh;overflow:auto}.mech-upgrade-grid button{min-height:74px}}@media(max-width:480px) and (orientation:portrait){.mechyard-stage .mechyard-canvas{height:68vh;min-height:520px}.mechyard-status>div:first-child{display:none}.mechyard-status{grid-template-columns:1fr 1fr 1fr}}
/* Full-field responsive override: never crop the board in modal or phone play. */
html.pixelpop-modal-embed .mechyard-stage .mechyard-canvas{width:auto!important;height:auto!important;min-height:0!important;max-width:100%!important;max-height:100%!important;object-fit:contain!important;object-position:center!important}
@media (max-width:900px),(pointer:coarse){.mechyard-stage .mechyard-canvas{width:auto!important;height:auto!important;min-height:0!important;max-width:100%!important;max-height:100%!important;object-fit:contain!important;object-position:center!important}}

/* v1.3.4 — phone HUD containment. The generic direct-play stage is a flex
   child, so explicitly keep the Mechyard status cards content-sized instead
   of allowing mobile browsers to stretch them over the entire battlefield. */
@media (max-width:760px),(pointer:coarse){
  .mechyard-stage .mechyard-status{
    top:6px!important;
    right:6px!important;
    bottom:auto!important;
    left:6px!important;
    width:auto!important;
    height:auto!important;
    min-height:0!important;
    max-height:58px!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    grid-auto-rows:minmax(0,auto)!important;
    align-items:start!important;
    align-content:start!important;
    overflow:hidden!important;
  }
  .mechyard-stage .mechyard-status>div{
    width:auto!important;
    height:48px!important;
    min-height:0!important;
    max-height:48px!important;
    align-self:start!important;
    overflow:hidden!important;
  }
  .mechyard-stage .mechyard-status>div:first-child{display:none!important}
  .mechyard-stage .mechyard-status span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .mechyard-stage .mechyard-canvas{
    position:absolute!important;
    inset:0!important;
    margin:auto!important;
    width:100%!important;
    height:100%!important;
    max-width:100%!important;
    max-height:100%!important;
    object-fit:contain!important;
    object-position:center!important;
  }
}