/* PrimeXCreation r1 | optic clarity + shallow button Z-2.
   Never mask or flatten machine ancestors. Actual deep Z-2 geometry remains
   owned by PrimeZSpaceMap and PrimeDioramaAperture. */
html[data-prime-skin][data-prime-spatial-system-enabled="true"][data-prime-spatial-enabled="true"]
body.prime-v2 #main[data-app-shell]>.app-window.is-prime-viewport-active:not(#top):not(#portfolio)
[data-prime-machine-panel="true"][data-prime-z-screen="true"]:not(.pc-book-cover)>.prime-diorama-glass-face{
  /* Two differently sized highlights produce glossy wet-glass reflections
     without a milky tint over album art, labels, or other media. */
  background:
    radial-gradient(ellipse 7% 3% at var(--prime-prismatic-pose-x,52%) var(--prime-prismatic-pose-y,27%),
      rgba(255,255,255,.99) 0 9%,rgba(250,254,255,.69) 22%,rgba(182,233,255,.18) 48%,transparent 77%),
    radial-gradient(ellipse 27% 11% at calc(var(--prime-prismatic-pose-x,52%) - 6%) calc(var(--prime-prismatic-pose-y,27%) + 5%),
      rgba(255,255,255,.24) 0%,rgba(175,236,255,.085) 42%,transparent 84%),
    linear-gradient(152deg,rgba(252,255,255,.12) 0%,rgba(211,244,255,.055) 10%,transparent 24% 75%,rgba(109,209,254,.039) 100%)!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.95),
    inset 0 2px 0 rgba(248,253,255,.28),
    inset 1px 0 0 rgba(196,242,255,.48),
    inset -1px 0 0 rgba(101,193,241,.22),
    inset 0 -1px 0 rgba(25,101,145,.42),
    inset 0 0 0 1px rgba(195,240,255,.21),
    inset 0 0 13px rgba(98,210,254,.065),
    0 0 10px rgba(119,232,255,.09)!important;
  opacity:.98!important;
  pointer-events:none!important;
}
/* Existing scanline animation stays active. Lighten the dark lines instead of
   painting a 70%-opaque CRT veil above sharp glass highlights. */
html[data-prime-spatial-system-enabled="true"][data-prime-spatial-enabled="true"]
body.prime-v2 #main[data-app-shell]>.app-window.is-prime-viewport-active:not(#top):not(#portfolio)
[data-prime-z-screen="true"]:not(.pc-book-cover)>.prime-diorama-glass-face::before{
  background:repeating-linear-gradient(180deg,
    rgba(176,241,255,.085) 0 1px,
    rgba(3,10,20,.055) 1px 3px,
    transparent 3px 6px)!important;
  opacity:.38!important;
}
html[data-prime-spatial-system-enabled="true"][data-prime-spatial-enabled="true"]
body.prime-v2 #main[data-app-shell]>.app-window.is-prime-viewport-active:not(#top):not(#portfolio)
[data-prime-z-screen="true"]:not(.pc-book-cover)>.prime-diorama-glass-face::after{
  opacity:.52!important;
}
/* Browser managed performance still applies. Do not override reduced-motion,
   reduced transparency, user-selected accessibility, or media opacity. */

/* A true local miniature well, never a new clickable button.
   Front optical rim at +0.6px, inset rear at -3.5px. No host transform,
   reflow, clip group, size change, cloned text or compositor override. */
body.prime-v2 [data-prime-button-z2="shallow"]{
  transform-style:preserve-3d!important;
}
body.prime-v2 [data-prime-button-z2="shallow"][data-prime-button-z2-static="true"]{
  position:relative!important;
}
body.prime-v2 [data-prime-button-z2="shallow"]>.prime-button-z2-well{
  position:absolute!important;
  inset:1.5px!important;
  box-sizing:border-box!important;
  border-radius:inherit!important;
  display:block!important;
  pointer-events:none!important;
  user-select:none!important;
  touch-action:none!important;
  overflow:visible!important;
  isolation:auto!important;
  transform-style:preserve-3d!important;
  transform:translateZ(.65px)!important;
  z-index:0!important;
  opacity:1!important;
  background:
    linear-gradient(154deg,rgba(255,255,255,.15),transparent 28% 68%,rgba(10,37,57,.18)),
    linear-gradient(180deg,rgba(255,255,255,.12),transparent 24% 72%,rgba(0,0,0,.16))!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.49),
    inset 1px 0 0 rgba(217,247,255,.24),
    inset -1px 0 0 rgba(4,15,27,.40),
    inset 0 -1px 0 rgba(1,8,18,.64)!important;
}
body.prime-v2 [data-prime-button-z2="shallow"]>.prime-button-z2-well::before{
  content:""!important;
  position:absolute!important;
  inset:2.5px!important;
  border-radius:inherit!important;
  display:block!important;
  pointer-events:none!important;
  transform:translateZ(-4.15px)!important;
  background:
    linear-gradient(142deg,rgba(4,13,24,.36),transparent 28% 67%,rgba(1,7,15,.54)),
    var(--pm-control,rgba(6,19,33,.38))!important;
  opacity:.23!important;
  box-shadow:
    inset 0 1px 2px rgba(0,0,0,.45),
    inset 2px 0 3px rgba(0,0,0,.34),
    inset -2px 0 3px rgba(0,0,0,.32),
    inset 0 -2px 3px rgba(0,0,0,.58)!important;
}
body.prime-v2 [data-prime-button-z2="shallow"]>.prime-button-z2-well::after{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  display:block!important;
  border-radius:inherit!important;
  pointer-events:none!important;
  transform:translateZ(.45px)!important;
  background:linear-gradient(161deg,rgba(255,255,255,.13),transparent 22% 81%,rgba(82,207,255,.055))!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.42),
    inset 1px 0 0 rgba(190,239,255,.19),
    inset -1px 0 0 rgba(7,19,34,.45),
    inset 0 -2px 2px rgba(0,0,0,.39)!important;
}
/* Native CSS 3D walls. The rear is only 3.5px behind the front,
   unlike machine panels whose Z2 cavity reaches -184px. */
body.prime-v2 [data-prime-button-z2="shallow"]>.prime-button-z2-well>.prime-button-z2-wall{
  position:absolute!important;
  display:block!important;
  box-sizing:border-box!important;
  border:0!important;
  border-radius:0!important;
  padding:0!important;
  margin:0!important;
  pointer-events:none!important;
  backface-visibility:visible!important;
  transform-style:preserve-3d!important;
  background:linear-gradient(135deg,
    rgba(255,255,255,.35),rgba(88,165,198,.17) 18%,
    rgba(2,13,25,.58) 56%,rgba(160,224,246,.19))!important;
  box-shadow:inset 0 .5px rgba(235,251,255,.31),inset 0 -.5px rgba(1,6,13,.52)!important;
}
body.prime-v2 [data-prime-button-z2="shallow"]>.prime-button-z2-well>.prime-button-z2-wall-left,
body.prime-v2 [data-prime-button-z2="shallow"]>.prime-button-z2-well>.prime-button-z2-wall-right{
  top:2.5px!important;
  height:calc(100% - 5px)!important;
  width:3.5px!important;
}
body.prime-v2 [data-prime-button-z2="shallow"]>.prime-button-z2-well>.prime-button-z2-wall-left{
  left:2.5px!important;
  transform-origin:0 50%!important;
  transform:translateZ(-1.8px) rotateY(90deg)!important;
}
body.prime-v2 [data-prime-button-z2="shallow"]>.prime-button-z2-well>.prime-button-z2-wall-right{
  right:2.5px!important;
  transform-origin:100% 50%!important;
  transform:translateZ(-1.8px) rotateY(-90deg)!important;
}
body.prime-v2 [data-prime-button-z2="shallow"]>.prime-button-z2-well>.prime-button-z2-wall-top,
body.prime-v2 [data-prime-button-z2="shallow"]>.prime-button-z2-well>.prime-button-z2-wall-bottom{
  left:2.5px!important;
  width:calc(100% - 5px)!important;
  height:3.5px!important;
}
body.prime-v2 [data-prime-button-z2="shallow"]>.prime-button-z2-well>.prime-button-z2-wall-top{
  top:2.5px!important;
  transform-origin:50% 0!important;
  transform:translateZ(-1.8px) rotateX(-90deg)!important;
}
body.prime-v2 [data-prime-button-z2="shallow"]>.prime-button-z2-well>.prime-button-z2-wall-bottom{
  bottom:2.5px!important;
  transform-origin:50% 100%!important;
  transform:translateZ(-1.8px) rotateX(90deg)!important;
}
html:not([data-prime-spatial-enabled="true"]) body.prime-v2 .prime-button-z2-well,
html:not([data-prime-spatial-system-enabled="true"]) body.prime-v2 .prime-button-z2-well{
  display:none!important;
}
@media(forced-colors:active){
  body.prime-v2 .prime-button-z2-well{display:none!important;}
}