/* v13: responsive hardening for phones, tablets, laptops and wide desktop. */
html{-webkit-text-size-adjust:100%}
img,canvas,svg{max-width:100%}
.shell{width:min(100%,1180px);padding-left:max(12px,env(safe-area-inset-left));padding-right:max(12px,env(safe-area-inset-right))}
.screen,.cart,.label{min-width:0}
.topbar>div{min-width:0}
.games{align-items:stretch}
.cart,.cart-link{height:100%}
.label{height:100%}

@media (min-width:1200px){
  :root{--logo-size:clamp(70px,7vw,96px);--slot-w:clamp(58px,5.8vw,76px);--slot-h:clamp(82px,8vw,104px);--slot-gap:clamp(6px,.8vw,12px)}
  .shell{padding-top:24px;padding-bottom:54px}
  .screen{padding:24px 22px 30px;min-height:520px}
  .brand-stage{width:min(100%,780px);height:320px}
  .brand-row.top{top:30px}.brand-row.bottom{top:152px}
  .games{gap:18px}
  .thumb{height:104px}
  .cart h3{font-size:15px}.meta{font-size:10px}.play{font-size:11px}
}

@media (max-width:760px){
  :root{--logo-size:clamp(44px,13.5vw,68px);--slot-w:clamp(34px,11vw,52px);--slot-h:clamp(54px,16vw,78px);--slot-gap:clamp(2px,1vw,6px)}
  .shell{padding-top:12px;padding-bottom:30px}
  .topbar{gap:10px;flex-wrap:wrap;font-size:10px;line-height:1.35}
  .topbar>div:last-child{margin-left:auto;text-align:right}
  .screen{border-width:6px;padding:14px 8px 18px;min-height:0}
  .brand-stage{width:100%;height:250px;margin-top:2px}
  .brand-row.top{top:26px}.brand-row.bottom{top:126px}
  .statusline{font-size:10px;letter-spacing:1.1px}
  .tagline{margin-top:4px;letter-spacing:1.3px}
  .subtag{max-width:92%;font-size:10px;line-height:1.45}
  .press{margin-top:16px}
  .section-title{margin-top:24px}
  .games{grid-template-columns:1fr;gap:12px}
  .cart{padding:7px;box-shadow:4px 4px 0 #090c07}
  .cart:active,.cart:hover{box-shadow:6px 6px 0 #090c07}
  .label{min-height:138px;padding:8px}
  .thumb{height:88px}
  .controls{gap:14px;flex-wrap:wrap}
}

@media (max-width:420px){
  :root{--logo-size:clamp(38px,13.8vw,56px);--slot-w:clamp(30px,11.4vw,45px);--slot-h:clamp(48px,16vw,66px);--slot-gap:2px}
  .shell{padding-left:max(8px,env(safe-area-inset-left));padding-right:max(8px,env(safe-area-inset-right))}
  .topbar{font-size:9px;letter-spacing:1px}
  .topbar>div:last-child{width:100%;text-align:left;margin-left:0}
  .screen{border-width:5px;padding:12px 5px 16px}
  .brand-stage{height:226px}
  .brand-row.top{top:22px}.brand-row.bottom{top:112px}
  .rocket{width:46px;height:76px}
  .tagline{font-size:12px;letter-spacing:1px}
  .subtag{font-size:9px}
  .section-title{font-size:12px;letter-spacing:1.5px}
  .thumb{height:78px}
  .cart h3{font-size:12px}.meta{font-size:8px}.play{font-size:9px}
  .footer{font-size:9px}
}

@media (max-width:340px){
  :root{--logo-size:36px;--slot-w:28px;--slot-h:46px;--slot-gap:1px}
  .brand-stage{height:210px}
  .brand-row.top{top:20px}.brand-row.bottom{top:104px}
  .screen{padding-inline:3px}
  .thumb{height:72px}
}

@media (orientation:landscape) and (max-height:520px){
  .shell{padding-top:8px}
  .topbar{margin-bottom:6px}
  .screen{padding-top:10px;padding-bottom:12px}
  .brand-stage{height:214px}
  .brand-row.top{top:16px}.brand-row.bottom{top:100px}
  .tagline{margin-top:0}.subtag{margin-top:4px}.press{margin-top:8px}
}