/* Crowbound Tactics official site — mobile final cascade */
:root{
  --site-safe-top:env(safe-area-inset-top,0px);
  --site-safe-right:env(safe-area-inset-right,0px);
  --site-safe-bottom:env(safe-area-inset-bottom,0px);
  --site-safe-left:env(safe-area-inset-left,0px);
}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
button,a{touch-action:manipulation}
@media (max-width:760px){
  .topbar{height:calc(64px + var(--site-safe-top))!important;padding:calc(8px + var(--site-safe-top)) calc(12px + var(--site-safe-right)) 8px calc(12px + var(--site-safe-left))!important}
  .topbar.is-scrolled{height:calc(58px + var(--site-safe-top))!important}
  .brand__mark{width:42px!important;height:42px!important}
  .nav-toggle{display:grid!important;place-items:center!important;min-width:44px!important;min-height:44px!important;font-size:22px!important}
  .nav{top:calc(62px + var(--site-safe-top))!important;left:calc(8px + var(--site-safe-left))!important;right:calc(8px + var(--site-safe-right))!important;max-height:calc(100dvh - 74px - var(--site-safe-top) - var(--site-safe-bottom))!important;overflow:auto!important;padding:10px!important;gap:6px!important}
  .nav a{display:flex!important;align-items:center!important;min-height:48px!important;padding:10px 12px!important;border:1px solid rgba(215,181,109,.14)!important;background:rgba(4,10,13,.72)!important}
  .section{padding:72px calc(14px + var(--site-safe-right)) 72px calc(14px + var(--site-safe-left))!important}
  .hero{min-height:auto!important;padding-top:calc(92px + var(--site-safe-top))!important;gap:24px!important}
  .hero h1{font-size:clamp(36px,11vw,52px)!important;line-height:.96!important;overflow-wrap:anywhere!important}
  .hero__lead{font-size:16px!important;line-height:1.55!important;margin:18px 0!important}
  .hero__actions{display:grid!important;grid-template-columns:1fr!important;width:100%!important}
  .btn{width:100%!important;min-height:50px!important;padding:0 16px!important}
  .hero__stats{display:grid!important;grid-template-columns:1fr!important;gap:8px!important}
  .hero__stats span{min-width:0!important;width:100%!important}
  .hero__showcase{min-height:300px!important}
  .showcase-card--main{inset:12px 0!important;transform:none!important}
  .showcase-card__caption{left:12px!important;bottom:12px!important;font-size:11px!important}
  .patch-card{min-height:0!important;padding:18px!important}
  .champion-layout{gap:12px!important}
  .champion-list{grid-template-columns:1fr!important;max-height:360px!important;overflow:auto!important}
  .champion-btn{min-height:72px!important;transform:none!important}
  .champion-detail{display:flex!important;flex-direction:column!important;min-height:0!important;padding:16px!important;text-align:center!important}
  .champion-detail>img{max-height:340px!important}
  .champion-detail__info h3{font-size:clamp(30px,9vw,44px)!important}
  .champion-stats{grid-template-columns:1fr!important}
  .mode-grid{grid-template-columns:1fr!important}
  .mode-card{min-height:150px!important;padding:18px!important}
  .drawer,.legal-card,.register-panel,.download-panel{padding:18px!important}
  .drawer-grid,.register-panel,.download-panel{grid-template-columns:1fr!important}
  .legal-tabs{display:grid!important;grid-template-columns:1fr!important}
  .legal-tab{min-height:48px!important}
  .footer{padding-bottom:calc(24px + var(--site-safe-bottom))!important}
}
@media (max-width:360px){
  .section{padding-left:10px!important;padding-right:10px!important}
  .hero h1{font-size:34px!important}
}