.formal-user .stellar-hero{min-height:340px}.formal-user .stellar-hero-copy{padding-bottom:30px}.formal-user-status{justify-content:space-between;align-items:center;gap:24px;margin-bottom:28px;display:flex}.formal-user-status h2{margin-bottom:12px}.formal-user-status p{line-height:1.8}.formal-header-status{color:#a4b6ce;white-space:nowrap;font-size:13px}.formal-user .panel+.panel{margin-top:24px}.formal-empty{color:#a4b6ce;margin-top:28px}.formal-user-rules{margin-top:32px}.formal-user-rules summary{cursor:pointer;color:#91cdec}.formal-user-rules p{color:#a4b6ce;line-height:1.9}.formal-user-rules .rank-grid{grid-template-columns:repeat(4,1fr);gap:14px;margin:20px 0;display:grid}.formal-user-rules .rank{background:#0b182b;padding:18px}.formal-user-rules strong{margin-top:10px;font-size:19px;display:block}.formal-user-rules small{margin-left:5px;font-size:12px}.formal-site-header .primary-nav a{color:#a4b6ce;align-items:center;gap:8px;padding:12px 20px;text-decoration:none;display:flex}.formal-site-header .primary-nav a[aria-current]{color:#91cdec}.formal-site-header .primary-nav svg{width:18px;height:18px}.formal-user .section-tabs{gap:20px;display:flex}.formal-user a{color:#91cdec}.formal-user .page-title{padding-top:48px}@media (max-width:700px){.formal-user .stellar-hero{min-height:260px}.formal-user-status{flex-direction:column;align-items:stretch;gap:14px}.formal-header-status{font-size:11px}.formal-site-header .primary-nav a{flex-direction:column;gap:5px;padding:10px}.formal-user-rules .rank-grid{grid-template-columns:repeat(2,1fr)}.formal-user .section-tabs{flex-wrap:wrap}.formal-user .stellar-footer{padding-bottom:85px}}

/* Legacy wallet webviews need classic media queries and explicit selectors. */
.formal-site-header .primary-nav a{min-width:0;white-space:nowrap;line-height:1.5;justify-content:center}
.formal-user,.formal-user-status,.formal-user-status>div{min-width:0;box-sizing:border-box}
.formal-user-status>div{flex:1;overflow-wrap:break-word}
.formal-user-status>button{flex-shrink:0;white-space:nowrap}
@media(max-width:700px){
 html,body{max-width:100%;margin:0;overflow-x:hidden}
 .formal-site-header{width:100%;height:68px;box-sizing:border-box;padding:0 14px;gap:8px}
 .formal-site-header .brand{flex-shrink:0;gap:7px;font-size:17px;letter-spacing:3px}
 .formal-site-header .brand img{width:30px;height:30px}
 .formal-site-header .header-actions{min-width:0;margin-left:auto;gap:7px}
 .formal-site-header .formal-header-status:not(.is-checking){max-width:88px;white-space:normal;line-height:1.5;font-size:10px}
 .formal-site-header .primary-nav{display:grid;position:fixed;left:0;right:0;bottom:0;top:auto;width:100%;height:calc(70px + env(safe-area-inset-bottom));padding:5px 13px calc(5px + env(safe-area-inset-bottom));box-sizing:border-box;grid-template-columns:repeat(4,minmax(0,1fr));gap:2px;z-index:80;background:#050e1bf5;border-top:1px solid #30455f40}
 .formal-site-header .primary-nav a{padding:6px 5px;min-height:57px;flex-direction:column;align-items:center;gap:3px;font-size:11px;border-radius:11px}
 .formal-site-header .primary-nav a svg{width:21px;height:21px}
 .formal-user{width:calc(100% - 28px);margin:0 auto;padding-bottom:90px}
 .formal-user-status{flex-direction:column;align-items:stretch;gap:14px}
 .formal-user-status>button{width:100%;min-height:44px}
 .formal-user-rules .rank-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(prefers-reduced-motion:reduce){.formal-sync-dot{animation:none}}