/* PHASE-429-ACCOUNT-MOBILE-ALIGNMENT-LOCK */
html,body{width:100%;max-width:100%;min-height:100%;margin:0;overflow-x:hidden}
body.svr9{display:block!important;min-height:100dvh!important;padding:0!important;overflow-x:hidden!important}
#binary-rain{position:fixed!important;inset:0!important;width:100vw!important;height:100dvh!important;z-index:0!important;pointer-events:none!important;opacity:.13!important}
body.svr9>.page,.page{position:relative!important;z-index:1!important;transform:none!important;margin:0 auto!important;padding-top:max(8px,env(safe-area-inset-top))!important}
.page>.nav{top:auto!important;margin:0!important}
.page>.shell{margin-top:10px!important}
.page .section.hero{min-height:0!important;align-items:start!important}
.page .section.hero>div,.page .section.hero>.card{min-width:0!important}
body[data-build="PHASE-429-PLAYER-ACCOUNT-MOBILE-ALIGNMENT-LOCK"] #svr-phase-live-badge{display:none!important}

@media(max-width:760px){
  body.svr9>.page,.page{width:calc(100% - 12px)!important;padding:6px 0 max(20px,env(safe-area-inset-bottom))!important}
  .nav{position:relative!important;top:auto!important;display:grid!important;grid-template-columns:1fr!important;gap:7px!important;padding:8px 9px!important;border-radius:15px!important}
  .brand{min-width:0!important;gap:8px!important}
  .brand img{width:42px!important;height:42px!important}
  .brand strong{font-size:.82rem!important}.brand span{font-size:.76rem!important}
  .links{display:flex!important;flex-wrap:nowrap!important;justify-content:flex-start!important;gap:5px!important;width:100%!important;max-width:100%!important;overflow-x:auto!important;overscroll-behavior-inline:contain!important;padding-bottom:2px!important;scrollbar-width:none!important}
  .links::-webkit-scrollbar{display:none!important}
  .links a,.svr-status-stack{flex:0 0 auto!important;padding:6px 8px!important;font-size:.72rem!important}
  .shell{margin-top:6px!important;border-radius:19px!important;overflow:visible!important}
  .section.hero{display:grid!important;grid-template-columns:1fr!important;gap:10px!important;padding:12px!important}
  .section.hero>.card{order:-1!important}
  .section.hero>div{order:2!important}
  .section.hero h1{margin:7px 0 8px!important;font-size:clamp(1.75rem,8.8vw,2.55rem)!important;line-height:1.02!important}
  .section.hero .lead{margin:5px 0!important;font-size:1rem!important;line-height:1.34!important}
  .section.hero .copy,.section.hero p{line-height:1.38!important}
  .tag{padding:5px 8px!important;font-size:.68rem!important}
  .api-state{margin:8px 0!important;padding:8px 9px!important;border-radius:11px!important}
  .notice{padding:9px!important;border-radius:11px!important;font-size:.86rem!important;line-height:1.34!important}
  .account-avatar-note{margin-top:7px!important;padding:9px!important;border-radius:12px!important}
  .account-avatar-note img{width:44px!important;height:44px!important}
  .phase418-account-shortcuts{margin-top:7px!important;gap:5px!important}
  .phase418-account-shortcuts a{padding:5px 7px!important;font-size:.74rem!important}
  .account-grid{grid-template-columns:1fr!important;gap:10px!important}
  .card{padding:12px!important;border-radius:16px!important}
  .account-form{gap:8px!important}
  .account-form h3{margin:2px 0!important}
  .account-form label{gap:4px!important}
  .account-form input{padding:10px!important;border-radius:10px!important;font-size:16px!important}
  .account-form .btn{min-height:44px!important;padding:10px 12px!important}
  .footer{padding:14px 12px 18px!important}
  .footer .inline-actions{margin-top:8px!important;gap:6px!important}
}

@media(max-width:430px){
  .section.hero{padding:10px!important}
  .section.hero h1{font-size:clamp(1.6rem,8.2vw,2.2rem)!important}
  .account-avatar-note span{font-size:.8rem!important}
}