/* Shared corrective layer: progressive enhancement, keyboard focus, and responsive safeguards. */
:root{--site-header-offset:110px}
:focus-visible{outline:3px solid rgba(104,208,223,.55);outline-offset:3px}
html{max-width:100%;overflow-x:clip;scroll-padding-top:var(--site-header-offset)}
body{max-width:100%;overflow-x:clip}
[id]{scroll-margin-top:var(--site-header-offset)}
img,video,svg{max-width:100%}
p.eyebrow{max-width:none}
.site-header,.hub-header,.account-header,.section-shell,.studio-strip,.page-shell,.account-shell,.account-footer,footer{max-width:100%}
.site-header>*,.hub-header>*,.account-header>*,.section-shell>*,.page-shell>*,.account-shell>*{min-width:0}
.destination-card,.gloss-card,.project-card,.connect-card,.game-card,.journal-card,.profile-setting-card{min-width:0;max-width:100%}

/* Content stays readable when JavaScript is unavailable. */
.reveal{opacity:1;transform:none}
.reveal.is-reveal-pending{opacity:0;transform:translateY(16px)}
.reveal.is-reveal-pending.visible{opacity:1;transform:none}

/* Preserve the supplied Rocket Tycoon artwork without cropping or effects. */
.rocket-banner{aspect-ratio:767/432;min-height:0!important;isolation:auto}
.rocket-banner::after,.banner-shade{display:none!important}
.rocket-banner>img{position:static;width:100%;height:100%;object-fit:contain;transition:none}
.rocket-banner:hover>img{transform:none;filter:none}

.account-header-nav{min-width:0;max-width:100%;overflow-x:visible}
.account-header-nav a:first-child{display:inline-flex}
.profile-identity-copy,.profile-name-line{min-width:0}
.profile-identity h1{overflow-wrap:anywhere}
.game-note{background:var(--panel-soft,rgba(255,255,255,.025))}
.auth-switch-card{overflow:visible!important}
.turnstile-slot{width:100%;overflow:visible!important}
.account-card::before{animation:none}
.community-profile-overlay .community-profile-loading{min-height:150px;display:grid!important;place-items:center;padding:44px 14px;color:var(--muted);text-align:center}
.community-profile-loading[hidden]{display:none!important}
.media-zoom-button{width:100%;padding:0;border:0;color:inherit;background:transparent;cursor:zoom-in}
.media-zoom-button img{width:100%;height:100%;object-fit:cover}

/* Keep ambient polish restrained; interaction feedback remains intact. */
.background-glow,.art-orbit,.hero-profile{animation:none!important}
.pointer-light{display:none}
.arcade-grid *{animation:none!important}
.premium-game .game-panel::after{display:none}

@media(max-width:620px){
  .account-header-nav{width:100%;max-width:100%;overflow-x:visible}
  .profile-identity{align-items:flex-start;flex-direction:column}
}

@media(max-width:900px){
  .hub-header{grid-template-columns:minmax(0,1fr) auto!important;grid-template-rows:auto auto;gap:8px 12px}
  .hub-header .hub-brand{grid-column:1;grid-row:1;min-width:0}
  .hub-header .header-action{grid-column:2;grid-row:1}
  .hub-header .hub-nav{grid-column:1/-1;grid-row:2;width:100%;max-width:100%;display:flex!important;justify-content:flex-start;gap:20px;padding:1px 4px 3px;overflow-x:auto;overflow-y:hidden;white-space:nowrap;overscroll-behavior-inline:contain;scrollbar-width:none}
  .hub-header .hub-nav a{flex:0 0 auto;padding:7px 0;font-size:.82rem}
  html body .site-header .nav-links,html body .hub-header .hub-nav{scrollbar-width:none}
  html body .site-header .nav-links::-webkit-scrollbar,html body .hub-header .hub-nav::-webkit-scrollbar{display:none!important}
}

@media(max-width:520px){
  .section-shell,.studio-strip,.page-shell,footer{max-width:calc(100% - 20px)}
  .connect-card,.destination-card,.gloss-card,.project-card{max-width:100%}
}

@media(prefers-reduced-motion:reduce){
  .reveal,.reveal.is-reveal-pending{opacity:1;transform:none;transition:none!important}
}