/* Shared visual layer only. No canvas, timers, video, scroll listeners or dynamic blur. */
html:root body.mg-deep-space.mg-deep-space.mg-deep-space.mg-deep-space{
 isolation:isolate;
 background-color:#050507!important;
 background-image:
  radial-gradient(ellipse 72% 900px at 86% 0,rgba(108,123,153,.12),transparent 76%),
  radial-gradient(ellipse 58% 850px at 2% 1100px,rgba(92,108,139,.10),transparent 80%),
  radial-gradient(ellipse 68% 1000px at 95% 2300px,rgba(94,105,133,.08),transparent 80%)!important;
 background-size:auto!important;background-repeat:no-repeat!important;background-attachment:scroll!important;
}
html:root body.mg-deep-space.mg-deep-space.mg-deep-space::before{
 content:""!important;position:fixed!important;inset:0!important;width:auto!important;height:100vh;height:100dvh;
 z-index:-2!important;pointer-events:none!important;opacity:.88!important;transform:none!important;filter:none!important;animation:none!important;display:block!important;
 background:
  radial-gradient(ellipse 60% 18% at 81% 17%,rgba(155,166,189,.085),transparent 80%),
  radial-gradient(ellipse 45% 24% at 29% 69%,rgba(116,133,162,.07),transparent 82%),
  linear-gradient(128deg,transparent 22%,rgba(146,155,174,.035) 39%,transparent 48%,rgba(161,173,196,.055) 55%,transparent 72%),
  url('/assets/precision/deep-space-field.svg') center top / 1600px 1000px repeat!important;
}
html:root body.mg-deep-space.mg-deep-space.mg-deep-space::after{
 content:""!important;position:fixed!important;inset:0!important;width:auto!important;height:100vh;height:100dvh;
 z-index:-1!important;pointer-events:none!important;opacity:1!important;transform:none!important;filter:none!important;animation:none!important;display:block!important;
 background:
  radial-gradient(circle at 87% 23%,rgba(245,248,255,.85) 0 .7px,rgba(214,225,246,.12) 1.5px,transparent 7px),
  radial-gradient(circle at 12% 60%,rgba(248,250,255,.75) 0 .9px,rgba(214,225,246,.1) 2px,transparent 8px),
  radial-gradient(circle at 67% 80%,rgba(240,245,255,.7) 0 .7px,rgba(214,225,246,.1) 2px,transparent 6px),
  radial-gradient(ellipse 92% 50% at 76% 145%,#020307 0 94%,rgba(209,222,246,.26) 94.3%,rgba(143,163,193,.07) 95.3%,transparent 100%),
  radial-gradient(ellipse at 50% 45%,transparent 35%,rgba(2,3,7,.32) 100%)!important;
}
/* Retire older foreground textures so depth is consistent across long pages. */
html:root body.mg-deep-space>.particle-atmosphere{display:none!important}
/* Reading surfaces keep their own opaque backgrounds; only the chat canvas inherits space. */
body.mg-deep-space.auth-required{--bg:#050507}
@media(max-width:600px){
 html:root body.mg-deep-space.mg-deep-space.mg-deep-space::before{
  background-size:auto,auto,auto,1100px 688px!important;opacity:.78!important;
 }
}
@media(forced-colors:active){
 html:root body.mg-deep-space.mg-deep-space.mg-deep-space::before,
 html:root body.mg-deep-space.mg-deep-space.mg-deep-space::after{display:none!important}
}
/* Reference: broad, diffused light behind each card, with a quiet reading surface. */
html:root body.mg-deep-space #products .product,
html:root body.mg-deep-space main :is(.product,.mg-home-product,.card,.compare-card){
 background-color:#0b1019!important;
 background-image:radial-gradient(ellipse 100% 55% at 85% 0%,rgba(var(--card-light,164,183,211),.035),transparent 75%),radial-gradient(ellipse 80% 50% at 0% 100%,rgba(var(--card-light,164,183,211),.025),transparent 80%)!important;
 border-color:rgba(194,209,229,.14)!important;
 box-shadow:inset 0 1px 0 rgba(224,234,250,.04),0 14px 70px -12px rgba(var(--card-light,115,174,230),.22),0 0 42px -12px rgba(var(--card-light,115,174,230),.12)!important;
 transition:border-color .18s ease,box-shadow .18s ease!important;
}
body.mg-deep-space .product-gta{--card-light:165,157,216}
body.mg-deep-space .product-game{--card-light:135,187,205}
body.mg-deep-space .product-ai{--card-light:115,174,230}
body.mg-deep-space .product-agent{--card-light:158,153,220}
@media(hover:hover){
 html:root body.mg-deep-space #products .product:hover,
 html:root body.mg-deep-space main :is(.product,.mg-home-product,.card,.compare-card):hover{
  border-color:rgba(202,217,239,.23)!important;
  box-shadow:inset 0 1px 0 rgba(232,240,255,.06),0 14px 78px -12px rgba(var(--card-light,115,174,230),.29),0 0 46px -10px rgba(var(--card-light,115,174,230),.16)!important;
 }
}
html:root body.mg-deep-space #products .product:focus-within,
html:root body.mg-deep-space main :is(.product,.mg-home-product,.card,.compare-card):focus-within{
 border-color:rgba(202,217,239,.3)!important;
 box-shadow:inset 0 1px 0 rgba(232,240,255,.06),0 14px 78px -12px rgba(var(--card-light,115,174,230),.29),0 0 46px -10px rgba(var(--card-light,115,174,230),.16)!important;
}
@media(prefers-reduced-motion:reduce){
 html:root body.mg-deep-space #products .product,
 html:root body.mg-deep-space main :is(.product,.mg-home-product,.card,.compare-card){transition:none!important}
}
@media(forced-colors:active){
 html:root body.mg-deep-space #products .product,
 html:root body.mg-deep-space main :is(.product,.mg-home-product,.card,.compare-card){background-image:none!important;border-color:CanvasText!important;box-shadow:none!important}
}