/* Mobile hardening: keep navigation, modal controls and primary actions reachable. */
@media(max-width:720px){
  html{scroll-padding-bottom:calc(68px + env(safe-area-inset-bottom))}
  body{overflow-x:hidden}
  .nav{padding-left:12px;padding-right:12px;gap:8px}
  .brand{min-width:0;gap:8px;letter-spacing:.12em;flex:none}
  .brand-mark{width:27px;height:27px}
  .brand>span:last-child{font-size:0;white-space:nowrap}
  .brand>span:last-child b{font-size:12px}
  .nav-actions{min-width:0;flex:0 1 auto;gap:3px}
  .account-button{width:34px;height:34px;flex:none}
  .auth-entry{height:34px;min-width:42px;padding:0 8px;white-space:nowrap}
  .wallet-pill{height:34px;max-width:72px;padding:0 8px;overflow:hidden}
  .nav nav{height:calc(58px + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);overflow:visible}
  .nav nav a{min-width:0;flex:1;text-align:center;white-space:nowrap;padding-left:2px;padding-right:2px}
  .app{padding-bottom:calc(58px + env(safe-area-inset-bottom))}
  .modal-wrap{display:flex;align-items:flex-start;justify-content:center;overflow-y:auto;padding:calc(58px + env(safe-area-inset-top)) 12px calc(18px + env(safe-area-inset-bottom))}
  .modal-close{z-index:90;top:calc(10px + env(safe-area-inset-top));right:12px;width:38px;height:38px;background:rgba(14,14,20,.96)}
  .modal,.auth-modal,.order-modal,.recharge-modal,.owners-modal,.zodiac-stack-modal{width:100%;max-width:100%;max-height:none}
  .order-modal{padding:28px 18px 20px}
  .order-asset{grid-template-columns:70px minmax(0,1fr);gap:12px}
  .order-asset img{width:70px;height:92px}
  .order-asset code,.order-asset h3{overflow-wrap:anywhere}
  .order-actions{position:sticky;bottom:calc(-20px - env(safe-area-inset-bottom));z-index:3;padding:12px 0 calc(20px + env(safe-area-inset-bottom));background:linear-gradient(180deg,transparent,#0e0e15 18%);grid-template-columns:1fr 1fr}
  .order-actions button{min-width:0;min-height:44px;white-space:normal;line-height:1.35}
  .trade-toolbar{height:auto;min-height:60px;gap:6px;overflow:visible}
  .trade-tabs{min-width:0;flex:1}
  .trade-tabs button{min-width:0;flex:1;padding:0 7px;white-space:nowrap}
  .create-order{flex:none;padding:0 10px;white-space:nowrap}
  .focused-market-actions button,.my-animal-actions button{min-width:0;white-space:normal;line-height:1.35}
  .section-head{gap:16px}
  .section-head>div{min-width:0}
  .section-head h2,.section-head p{overflow-wrap:anywhere}
  .ai-story,.home-vault,.naiwa-worlds{content-visibility:auto;contain-intrinsic-size:700px}
}
@media(max-width:360px){
  .nav{padding-left:9px;padding-right:9px}
  .brand{gap:6px}
  .brand-mark{width:25px;height:25px}
  .brand>span:last-child b{font-size:11px}
  .auth-entry{min-width:39px;padding:0 6px}
  .nav nav a{font-size:9px!important}
}