/* Prime Creation | Optical Finish Contract 2: self-lit machine screens
   Only existing hardware/display surfaces are painted. The screen's faint
   emissive field sits in the CSS background UNDER all of its DOM content;
   the bezel, media, outer page, circuit slab and Spatial coordinates remain
   independently owned. No extra overlays, blur, animation or JavaScript. */
html[data-prime-skin]{
  --prime-optic-edge:rgba(217,233,241,.34);
  --prime-optic-cut:rgba(236,249,255,.25);
  --prime-optic-shadow:rgba(0,3,8,.35);
  --prime-optic-light:radial-gradient(ellipse 92% 56% at var(--pc-spatial-light-x,28%) var(--pc-spatial-light-y,12%),rgba(239,247,255,.065),transparent 75%);
  --prime-optic-grain:repeating-linear-gradient(94deg,rgba(255,255,255,.012) 0 1px,transparent 1px 4px);
  --prime-optic-body:linear-gradient(155deg,rgba(44,55,65,.88),rgba(11,18,25,.88) 48%,rgba(34,44,54,.86));
  --prime-optic-inner:rgba(4,12,20,.48);
  --prime-optic-bottom:rgba(0,0,0,.55);
  /* Neutral LCD/OLED-like light pool, deliberately not a neon frame. */
  --prime-display-emission:radial-gradient(ellipse 91% 71% at 50% 44%,rgba(240,249,255,.084) 0%,rgba(221,240,253,.042) 37%,rgba(205,233,251,.013) 68%,transparent 87%);
  --prime-display-emission-inner:rgba(230,245,255,.057);
  --prime-display-emission-edge:rgba(236,249,255,.095);
  --prime-display-emission-halo:rgba(181,220,246,.048);
}
html[data-prime-skin="metal"]{
  --prime-optic-edge:rgba(200,218,229,.49);
  --prime-optic-cut:rgba(244,251,255,.36);
  --prime-optic-grain:repeating-linear-gradient(94deg,rgba(255,255,255,.016) 0 1px,rgba(0,0,0,.012) 1px 2px,transparent 2px 5px);
  --prime-optic-body:linear-gradient(123deg,rgba(76,89,98,.89),rgba(20,29,35,.94) 24%,rgba(9,14,19,.92) 58%,rgba(58,72,82,.88) 86%,rgba(17,26,32,.93));
}
html[data-prime-skin="glass"]{
  --prime-optic-edge:rgba(216,245,252,.46);
  --prime-optic-cut:rgba(250,255,255,.52);
  --prime-optic-light:linear-gradient(117deg,rgba(255,255,255,.14),transparent 18% 74%,rgba(233,252,255,.035) 100%);
  --prime-optic-grain:linear-gradient(178deg,rgba(255,255,255,.027),transparent 28% 75%,rgba(255,255,255,.018));
  --prime-optic-body:linear-gradient(148deg,rgba(49,78,92,.43),rgba(10,27,39,.68) 39%,rgba(5,20,31,.72));
  --prime-optic-inner:rgba(1,10,19,.24);
}
html[data-prime-skin="nexus"]{
  --prime-optic-edge:rgba(137,193,209,.42);
  --prime-optic-cut:rgba(202,241,250,.28);
  --prime-optic-grain:repeating-linear-gradient(0deg,rgba(206,242,255,.016) 0 1px,transparent 1px 8px),repeating-linear-gradient(90deg,rgba(220,238,255,.011) 0 1px,transparent 1px 8px);
  --prime-optic-body:linear-gradient(146deg,rgba(38,55,72,.87),rgba(6,13,27,.95) 45%,rgba(21,31,52,.92));
}
html[data-prime-skin="steampunk"]{
  --prime-display-emission:radial-gradient(ellipse 91% 71% at 50% 44%,rgba(255,237,206,.080) 0%,rgba(255,222,174,.038) 37%,rgba(250,217,170,.010) 68%,transparent 87%);
  --prime-display-emission-inner:rgba(255,232,199,.050);
  --prime-display-emission-edge:rgba(255,236,209,.085);
  --prime-display-emission-halo:rgba(255,222,169,.042);
  --prime-optic-edge:rgba(223,178,110,.48);
  --prime-optic-cut:rgba(255,222,162,.36);
  --prime-optic-grain:repeating-linear-gradient(92deg,rgba(255,217,156,.014) 0 1px,rgba(14,7,2,.027) 1px 3px,transparent 3px 7px);
  --prime-optic-body:linear-gradient(118deg,rgba(100,65,34,.94),rgba(43,28,19,.95) 28%,rgba(22,13,10,.97) 68%,rgba(98,64,35,.93));
  --prime-optic-inner:rgba(28,12,4,.52);
}
html[data-prime-skin="liquid-gold"]{
  --prime-display-emission:radial-gradient(ellipse 91% 71% at 50% 44%,rgba(255,244,219,.086) 0%,rgba(255,223,156,.042) 37%,rgba(255,214,142,.012) 68%,transparent 87%);
  --prime-display-emission-inner:rgba(255,236,198,.058);
  --prime-display-emission-edge:rgba(255,242,211,.097);
  --prime-display-emission-halo:rgba(255,228,178,.051);
  --prime-optic-edge:rgba(255,229,166,.62);
  --prime-optic-cut:rgba(255,248,209,.55);
  --prime-optic-light:linear-gradient(112deg,rgba(255,248,204,.20),transparent 19% 39%,rgba(255,204,95,.045) 54%,transparent 70%,rgba(255,244,190,.10));
  --prime-optic-grain:linear-gradient(175deg,rgba(255,248,205,.025),transparent 75%);
  --prime-optic-body:linear-gradient(121deg,rgba(129,84,21,.93),rgba(59,38,11,.96) 24%,rgba(31,19,6,.95) 47%,rgba(127,84,18,.92) 69%,rgba(51,29,8,.96));
  --prime-optic-inner:rgba(39,19,2,.43);
}
/* Screen assemblies, never the page/window and never the art or video itself. */
html[data-prime-skin] body.prime-v2 #main[data-app-shell]>.app-window.is-prime-viewport-active:not(#top):not(#portfolio)
:is(.service-card,.release-panel,.sprit-release-panel,.pan3l-release-panel,.download-card,.sprite-launch-gate,.music-console,.pc-video-shell,.pc-book-layout,.process-panel,.studio-console,.prime-storefront-card,#projectForm)[data-prime-z-screen="true"]{
  border-color:var(--prime-optic-edge)!important;
  /* The skin-painted body was opaque and eclipsed negative-Z signage.
     Only real back walls may receive --prime-optic-body. */
  background:none!important;
  background-image:none!important;
  background-color:transparent!important;
  box-shadow:
    inset 0 1px 0 var(--prime-optic-cut),
    inset 1px 0 0 rgba(235,246,251,.075),
    inset -1px 0 0 var(--prime-optic-inner),
    inset 0 -2px 0 var(--prime-optic-bottom),
    inset 0 0 0 3px rgba(0,5,10,.10),
    inset 0 0 25px var(--prime-display-emission-inner),
    inset 0 0 0 1px var(--prime-display-emission-edge),
    0 0 13px var(--prime-display-emission-halo),
    0 9px 25px var(--prime-optic-shadow)!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}
/* All registered Z screens are transparent apertures. This extra rule
   preserves clear glass irrespective of asynchronous machine tagging. */
html[data-prime-skin] body.prime-v2 #main[data-app-shell]>.app-window.is-prime-viewport-active
[data-prime-z-screen="true"]:not(.pc-book-cover){
  background:none!important;
  background-image:none!important;
  background-color:transparent!important;
}
/* Inner screens sit optically within the frame. Never re-pose their Z. */
html[data-prime-skin] body.prime-v2 #main[data-app-shell]>.app-window.is-prime-viewport-active:not(#top):not(#portfolio)
[data-prime-z-screen-level="nested"][data-prime-z-screen="true"]{
  box-shadow:
    inset 0 1px 3px var(--prime-optic-inner),
    inset 0 0 0 1px var(--prime-optic-edge),
    inset 0 0 19px var(--prime-display-emission-inner),
    0 0 9px var(--prime-display-emission-halo),
    0 1px 1px rgba(255,255,255,.035)!important;
}
/* Focused machines are fractionally brighter but never animate or bloom.
   Only variables change, so the existing material/box-shadow wins intact. */
html[data-prime-skin] body.prime-v2 #main[data-app-shell]>.app-window.is-prime-viewport-active:not(#top):not(#portfolio)
[data-prime-z-screen="true"]:is(:focus-within,[data-active="true"]){
  --prime-display-emission-inner:rgba(230,245,255,.069);
  --prime-display-emission-halo:rgba(185,224,248,.060);
}
html[data-prime-skin="steampunk"] body.prime-v2 #main[data-app-shell]>.app-window.is-prime-viewport-active
[data-prime-z-screen="true"]:is(:focus-within,[data-active="true"]){
  --prime-display-emission-inner:rgba(255,232,199,.062);
  --prime-display-emission-halo:rgba(255,222,169,.052);
}
html[data-prime-skin="liquid-gold"] body.prime-v2 #main[data-app-shell]>.app-window.is-prime-viewport-active
[data-prime-z-screen="true"]:is(:focus-within,[data-active="true"]){
  --prime-display-emission-inner:rgba(255,236,198,.069);
  --prime-display-emission-halo:rgba(255,228,178,.063);
}
/* Page 04 uses its own image/foil pipeline: illuminate the existing cut only. */
html[data-prime-skin] body.prime-v2 #main[data-app-shell]>#portfolio.is-prime-viewport-active
:is(.page04-work-bezel,.page04-gallery-panel){
  border-color:var(--prime-optic-edge)!important;
}
/* Native scroll and accessibility remain authoritative; conserve transparent
   filter compositing, never reduce media resolution. */
@media (prefers-reduced-transparency:reduce){
  html[data-prime-skin="glass"]{
    --prime-optic-body:linear-gradient(148deg,rgba(31,51,64,.98),rgba(7,18,28,.98));
  }
}
@media (forced-colors:active){
  html[data-prime-skin] body.prime-v2 #main[data-app-shell]>.app-window.is-prime-viewport-active
  [data-prime-z-screen="true"]{
    background:Canvas!important;color:CanvasText!important;border-color:CanvasText!important;box-shadow:none!important;
  }
}