/* Runtime boundaries between the delivered home and the existing game/tools. */
html[data-ui-v2] #selector { position:fixed; inset:0; display:block; padding:0; overflow:hidden; background:var(--sv-bg); }
html[data-ui-v2] #selector.hidden { display:none; }
html[data-ui-v2] #home-v4 { display:none !important; }
/* Old sliding panels have offscreen children that can otherwise protrude at
   narrow widths. Closed panels must not paint or intercept the new header. */
html[data-ui-v2] #set-panel:not(.open), html[data-ui-v2] #model-panel:not(.open),
html[data-ui-v2] #anima-panel:not(.open), html[data-ui-v2] #profile-panel:not(.open) { visibility:hidden; pointer-events:none; }
#sv-home { position:absolute; inset:0; isolation:isolate; overflow:hidden; color:var(--sv-text); font-family:var(--sv-font-body); line-height:normal; }
constellation-sky { display:block; position:absolute; inset:0; z-index:0; pointer-events:none; overflow:hidden; }
#sv-home button, #sv-home input, #sv-home select, #sv-home textarea { box-sizing:border-box; }
#sv-home button:focus-visible, #sv-home a:focus-visible, #sv-home input:focus-visible, #sv-home textarea:focus-visible, #sv-home select:focus-visible {
  outline:2px solid var(--sv-violet-bright); outline-offset:3px;
}
#sv-home [hidden] { display:none !important; }
#sv-home img { max-width:100%; }
html[data-sv-home-active="0"] #sv-home * { animation-play-state:paused !important; }
html[data-reduce-motion="1"] #sv-home *, html[data-reduce-motion="1"] #hub-hero-screen *, html[data-reduce-motion="1"] #loading * {
  animation:none !important; transition:none !important; scroll-behavior:auto !important;
}
/* Tool panels retain their working controls and use the new palette. */
html[data-ui-v2] #set-panel, html[data-ui-v2] #model-panel {
  --spbg:var(--sv-bg); --spink:var(--sv-text); --spdim:var(--sv-text-muted); --spmut:var(--sv-text-dim);
  --spemb:var(--sv-violet-bright); --spem:var(--sv-violet); --spemd:var(--sv-violet-deep);
  --spline:var(--sv-line); --spglow:rgba(var(--sv-accent-rgb),.28);
}
html[data-ui-v2] #set-panel .sp-clip, html[data-ui-v2] #model-panel .sp-clip { left:0; right:0; }
html[data-ui-v2] #set-panel .sp-body, html[data-ui-v2] #model-panel .sp-body { max-width:100%; }
@media (max-width:720px) {
  html[data-ui-v2] #set-panel .sp-sheet, html[data-ui-v2] #model-panel .sp-sheet { width:100%; max-width:100%; }
}

/* Keep controls clear of notches and home indicators with viewport-fit=cover. */
#sv-home .m-main {
  padding-top:env(safe-area-inset-top);
  padding-left:env(safe-area-inset-left); padding-right:env(safe-area-inset-right);
}
#sv-home aside { padding-top:env(safe-area-inset-top); padding-bottom:env(safe-area-inset-bottom); }
#sv-home .m-bottom { padding-left:max(6px,env(safe-area-inset-left)); padding-right:max(6px,env(safe-area-inset-right)); }