/* Alpha 4.6.3 – final mobile safety layer for all game pages */
html{overflow-wrap:break-word}img,video,canvas,svg{max-width:100%}textarea{max-width:100%;border:1px solid var(--line);background:#0a0e18;color:#fff;border-radius:11px;padding:12px}a,button,input,select,textarea{touch-action:manipulation}.table-wrap{max-width:100%;overflow-x:auto;overscroll-behavior-inline:contain;-webkit-overflow-scrolling:touch}
@media(max-width:700px){
  body{max-width:100%;overflow-x:hidden}
  .container{width:calc(100% - 16px);margin-top:14px}
  .page-head h1{font-size:clamp(28px,9vw,38px);line-height:1.1;overflow-wrap:anywhere}
  .page-head p{font-size:.92rem}.panel h1,.panel h2,.panel h3{overflow-wrap:anywhere}
  button,.button,.button-link,.fight-btn{min-height:44px;max-width:100%;white-space:normal}
  input,select,textarea{font-size:16px;min-width:0}
  .card-grid{grid-template-columns:minmax(0,1fr)}
  .table-wrap table{font-size:.82rem}.table-wrap th,.table-wrap td{padding:9px 8px}
  .table-wrap a,.table-wrap button{white-space:normal}
  dl{grid-template-columns:1fr;gap:4px}dd{margin:0 0 10px}
  .flash{overflow-wrap:anywhere}.bonus-list,.quick-values{gap:7px}
  .stats-grid strong{font-size:1.05rem}.profile-head,.page-head{min-width:0}
  footer{padding-bottom:max(86px,env(safe-area-inset-bottom))}
}
@media(max-width:420px){
  .hero-card,.panel,.auth-card{padding:14px;border-radius:15px}
  .brand span:last-child{font-size:20px}.menu-btn{font-size:25px}
  .chat-toggle{max-width:calc(100vw - 76px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
}