/* PRIME /prime-skin-materials-hd.css */
/* Prime Creation | Material Forge HD | 2026-10-12
   Appearance authority only. The native panel remains the front plane.
   SpatialField owns geometry, depth, and transforms. No raster textures,
   animated shaders, backdrop layers on media, or cloned panel surfaces. */
html[data-prime-skin]{
 --pm-body:var(--prime-skin-surface);
 --pm-inlay:linear-gradient(150deg,var(--prime-skin-panel-strong),var(--prime-skin-panel) 48%,var(--prime-skin-bg));
 --pm-rim:color-mix(in srgb,var(--prime-skin-edge) 70%,white 12%);
 --pm-metal:linear-gradient(172deg,var(--prime-skin-text),var(--prime-skin-edge) 8%,var(--prime-skin-panel-strong) 20%,var(--prime-skin-bg) 64%,var(--prime-skin-edge) 94%);
 --pm-glass:linear-gradient(165deg,rgba(255,255,255,.13),rgba(255,255,255,.025) 24%,rgba(0,0,0,.18) 87%,rgba(255,255,255,.025));
 --pm-grain:repeating-linear-gradient(90deg,rgba(255,255,255,.025) 0 .5px,transparent .5px 3px);
 --pm-specular:radial-gradient(ellipse 80% 52% at var(--prime-material-light-x,52%) var(--prime-material-light-y,13%),rgba(255,255,255,.13),transparent 69%);
 --pm-glint:color-mix(in srgb,var(--prime-skin-text) 52%,transparent);
 --pm-depth:color-mix(in srgb,var(--prime-skin-bg) 88%,black);
 --pm-dock-core:color-mix(in srgb,var(--prime-skin-bg) 85%,black);
 --pm-control:linear-gradient(178deg,var(--prime-skin-panel-strong),var(--prime-skin-panel) 55%,var(--prime-skin-bg));
 --pm-control-active:linear-gradient(165deg,color-mix(in srgb,var(--prime-skin-accent) 24%,var(--prime-skin-panel-strong)),var(--prime-skin-panel));
 --pm-feature:color-mix(in srgb,var(--prime-skin-accent) 18%,transparent);
 --pm-shine:.60;
 --pm-rail-radius:var(--prime-skin-radius);
 --pm-bezel-trace:linear-gradient(90deg,transparent,color-mix(in srgb,var(--prime-skin-accent) 48%,transparent),transparent);
}
/* Titanium: precise aerospace machining, cool diamond-cut edges, linear grain. */
html[data-prime-skin="metal"]{
 --pm-body:repeating-linear-gradient(92deg,rgba(248,254,255,.023) 0 .5px,transparent .5px 3px),linear-gradient(152deg,#455865,#202b34 21%,#0d171e 55%,#536776);
 --pm-inlay:linear-gradient(162deg,#31434e,#101c24 33%,#070e14 72%,#273741);
 --pm-metal:linear-gradient(174deg,#f8fcff,#9fb5c2 8%,#344957 15%,#0a171f 43%,#14242e 65%,#8ba5b5 89%,#e6f0f6 95%,#344854);
 --pm-glass:linear-gradient(172deg,rgba(250,254,255,.17),rgba(194,229,243,.025) 17%,rgba(2,9,13,.29) 87%);
 --pm-rim:#9cb3c0;--pm-glint:rgba(236,248,255,.62);
 --pm-control:linear-gradient(176deg,#475b67,#182730 42%,#0b161d 93%);
 --pm-control-active:linear-gradient(176deg,#708793,#2c4656 42%,#152a36);
 --pm-grain:repeating-linear-gradient(90deg,rgba(254,255,255,.034) 0 .5px,rgba(0,0,0,.025) .5px 1.1px,transparent 1.1px 3px);
 --pm-dock-core:#061019;--pm-feature:rgba(196,229,245,.13);--pm-shine:.44;
}
/* Glass: smoked optical crystal, high-refraction edge, transparent lens. */
html[data-prime-skin="glass"]{
 --pm-body:radial-gradient(ellipse 85% 65% at 22% 0,rgba(241,254,255,.19),transparent 70%),linear-gradient(148deg,rgba(146,219,242,.20),rgba(13,60,86,.74) 38%,rgba(3,20,36,.9) 79%,rgba(134,115,221,.12));
 --pm-inlay:linear-gradient(156deg,rgba(138,224,252,.22),rgba(7,39,58,.67) 37%,rgba(2,13,31,.85) 86%);
 --pm-metal:linear-gradient(163deg,#e8feff,#82d4e8 7%,#2a738a 15%,#092c40 38%,#041928 67%,#53b5d1 88%,#d0f9ff 96%);
 --pm-glass:radial-gradient(ellipse 66% 36% at 38% 4%,rgba(255,255,255,.28),transparent 75%),linear-gradient(165deg,rgba(235,254,255,.26),rgba(111,218,247,.055) 30%,rgba(4,20,37,.14) 83%,rgba(221,244,255,.1));
 --pm-grain:linear-gradient(110deg,rgba(126,230,255,.055),transparent 34%,rgba(169,147,255,.065) 71%,transparent);
 --pm-rim:#9fe8f7;--pm-glint:rgba(232,252,255,.72);
 --pm-control:linear-gradient(165deg,rgba(228,252,255,.19),rgba(21,75,103,.39) 28%,rgba(3,22,41,.7));
 --pm-control-active:linear-gradient(165deg,rgba(224,252,255,.27),rgba(44,168,202,.31),rgba(24,38,84,.47));
 --pm-feature:rgba(96,218,255,.16);--pm-shine:.85;--pm-rail-radius:19px;
}
/* Nexus: black ceramic / graphite circuitry, illuminated cyan-violet paths. */
html[data-prime-skin="nexus"]{
 --pm-body:linear-gradient(155deg,rgba(71,120,157,.29),rgba(5,15,30,.95) 30%,#050914 72%,rgba(54,32,106,.37)),linear-gradient(rgba(65,220,245,.04) 1px,transparent 1px);
 --pm-inlay:linear-gradient(153deg,#1c334c,#081423 34%,#030813 72%,#211737);
 --pm-metal:linear-gradient(168deg,#e0fbff,#7ec1d8 8%,#243e60 17%,#081325 39%,#050817 64%,#435782 86%,#b1f3ff 96%);
 --pm-glass:radial-gradient(ellipse 58% 42% at 62% 8%,rgba(103,243,255,.15),transparent 75%),linear-gradient(164deg,rgba(222,252,255,.12),transparent 29%,rgba(4,7,25,.24) 87%,rgba(154,100,245,.07));
 --pm-grain:linear-gradient(rgba(72,238,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(165,118,255,.045) 1px,transparent 1px);
 --pm-rim:#5ad5e7;--pm-glint:rgba(184,246,255,.52);
 --pm-control:linear-gradient(168deg,#243a58,#0c1a2d 37%,#050919);
 --pm-control-active:linear-gradient(165deg,#26657f,#112b4c 45%,#120d37);
 --pm-feature:rgba(71,238,255,.19);--pm-shine:.57;--pm-rail-radius:11px;
}
/* Bronze: antique instrument-grade brass, engraved grooves, warm enamel. */
html[data-prime-skin="steampunk"]{
 --pm-body:repeating-linear-gradient(91deg,rgba(255,212,140,.025) 0 .6px,transparent .6px 3px),linear-gradient(145deg,#82552e,#382310 24%,#170f08 63%,#80532c 97%);
 --pm-inlay:linear-gradient(154deg,#6b4622,#291910 30%,#120b06 72%,#61401e);
 --pm-metal:linear-gradient(168deg,#fff1bf,#d7ab67 7%,#8f5c2b 15%,#332013 37%,#190f08 66%,#95682f 86%,#f6cf82 96%);
 --pm-glass:radial-gradient(ellipse at 24% 0,rgba(253,212,147,.22),transparent 63%),linear-gradient(161deg,rgba(255,229,178,.09),transparent 28%,rgba(23,11,5,.28) 88%);
 --pm-grain:repeating-linear-gradient(91deg,rgba(255,205,117,.035) 0 .5px,transparent .5px 14px);
 --pm-rim:#d7a866;--pm-glint:rgba(255,220,157,.61);
 --pm-control:linear-gradient(174deg,#92643b,#493017 36%,#1d130b);
 --pm-control-active:linear-gradient(172deg,#c6984d,#785026 35%,#3e2615);
 --pm-feature:rgba(254,194,95,.13);--pm-shine:.33;--pm-rail-radius:6px;
}
/* Gold: champagne alloy, structured specular bands, NOT a full-screen shine. */
html[data-prime-skin="liquid-gold"]{
 --pm-body:radial-gradient(ellipse 52% 29% at 20% 4%,rgba(255,250,201,.25),transparent 80%),linear-gradient(117deg,#9a661a,#dba840 17%,#68400a 37%,#3d2609 58%,#bd8527 78%,#f1cf83 92%,#79501b);
 --pm-inlay:linear-gradient(147deg,#84591f,#35240a 30%,#171006 69%,#946928);
 --pm-metal:linear-gradient(167deg,#fffce7,#edd08e 8%,#b47d23 17%,#593709 40%,#392305 63%,#c58d31 84%,#fff0b9 96%);
 --pm-glass:linear-gradient(169deg,rgba(255,251,219,.17),rgba(255,209,112,.025) 22%,rgba(39,19,0,.26) 86%,rgba(255,234,172,.06));
 --pm-grain:repeating-linear-gradient(92deg,rgba(255,248,188,.031) 0 .5px,transparent .5px 4px);
 --pm-rim:#f1d38e;--pm-glint:rgba(255,251,217,.65);
 --pm-control:linear-gradient(176deg,#b78435,#6e4411 39%,#281909);
 --pm-control-active:linear-gradient(176deg,#f1d188,#b47a24 34%,#6a4310);
 --pm-feature:rgba(244,195,85,.14);--pm-shine:.37;--pm-rail-radius:15px;
}
/* Custom retains the validated Forge palette, not borrowed built-in colors. */
html[data-prime-skin="custom"]{
 --pm-body:var(--prime-skin-pattern),var(--prime-skin-surface);
 --pm-rim:var(--prime-skin-edge);
 --pm-rail-radius:var(--prime-skin-radius);
}
/* Shared external surfaces, controls and Z-screen painting moved to the ONE material contract. */
/* Machine thickness and its own attached bevels are true Z hardware.
   Do not transform their geometry or reintroduce the rear plane over content. */
html[data-prime-skin][data-prime-spatial-system-enabled="true"][data-prime-spatial-enabled="true"]
body.prime-v2 [data-prime-z-screen="true"]>.prime-spatial-thickness>
:is(.prime-spatial-thickness-top,.prime-spatial-thickness-bottom,
.prime-spatial-thickness-left,.prime-spatial-thickness-right,
[class*="prime-spatial-thickness-bevel-"],.prime-device-chassis-corner-wall){
 border-top-color:var(--pm-glint)!important;
 border-bottom-color:var(--pm-depth)!important;
 background-image:var(--pm-grain),var(--pm-metal)!important;
 background-color:var(--prime-skin-panel)!important;
 box-shadow:inset 0 1px 0 color-mix(in srgb,var(--pm-glint) 78%,transparent),inset 0 -1px 0 color-mix(in srgb,var(--pm-depth) 78%,transparent)!important;
}
html[data-prime-skin] body.prime-v2 [data-prime-z-screen="true"]>
.prime-spatial-thickness>.prime-machine-seam{
 border-color:var(--pm-rim)!important;
 background-image:var(--pm-metal)!important;
}
/* Rear face retains its rear Z location and transparency. */
html[data-prime-skin] body.prime-v2 [data-prime-z-screen="true"]>
.prime-spatial-thickness>.prime-machine-rear-plane{
 border-color:color-mix(in srgb,var(--pm-rim) 40%,transparent)!important;
 background-image:var(--pm-inlay)!important;
 opacity:.23!important;
}
/* External receiving nests remain integrated into the bezel hardware.
   Geometric couplers, ring and Z walls are never repositioned by skins. */
html[data-prime-skin] body.prime-v2 [data-prime-language-socket-host="true"]>
.prime-language-device-socket{
 border-color:var(--pm-rim)!important;
 background-image:var(--pm-grain),var(--pm-metal)!important;
 box-shadow:inset 0 1px 0 var(--pm-glint),inset 0 0 0 3px var(--pm-depth),0 3px 12px color-mix(in srgb,var(--pm-depth) 55%,transparent)!important;
}
html[data-prime-skin] body.prime-v2 .prime-language-device-socket::before,
html[data-prime-skin] body.prime-v2 .prime-language-device-socket>
.prime-language-socket-wall{
 background-image:var(--pm-metal)!important;
 border-color:var(--pm-rim)!important;
}
html[data-prime-skin] body.prime-v2 :is(.prime-skin-card,.prime-skin-preview){
 border-color:var(--pm-rim)!important;
}
/* Personality belongs in the selector itself: unique miniature machined cards. */
.prime-skin-card[data-skin="metal"]{--prime-skin-card-bg:repeating-linear-gradient(90deg,rgba(245,252,255,.045) 0 .7px,transparent .7px 3px),linear-gradient(153deg,#a0b9c7,#304450 19%,#111c24 70%,#8298a5);--prime-skin-card-edge:#bdd5df}
.prime-skin-card[data-skin="glass"]{--prime-skin-card-bg:radial-gradient(ellipse at 25% 7%,rgba(255,255,255,.49),transparent 50%),linear-gradient(157deg,#72bbd5,#18546d 33%,#081c35 75%,#60589d);--prime-skin-card-edge:#d2f7ff}
.prime-skin-card[data-skin="nexus"]{--prime-skin-card-bg:linear-gradient(rgba(74,236,255,.12) 1px,transparent 1px),linear-gradient(90deg,rgba(163,105,250,.1) 1px,transparent 1px),linear-gradient(147deg,#172e51,#050919 77%,#241139);--prime-skin-card-edge:#64e6f6}
.prime-skin-card[data-skin="steampunk"]{--prime-skin-card-bg:radial-gradient(circle at 9px 9px,#f6d58e 0 2px,#724720 2.5px 4px,transparent 4.5px),repeating-linear-gradient(90deg,rgba(246,180,91,.035) 0 1px,transparent 1px 12px),linear-gradient(145deg,#bc8647,#482914 27%,#1a110a 72%,#996a39);--prime-skin-card-edge:#ebbe76}
.prime-skin-card[data-skin="liquid-gold"]{--prime-skin-card-bg:radial-gradient(ellipse at 22% 10%,rgba(255,253,212,.68),transparent 27%),linear-gradient(114deg,#a56b1d,#f4d58b 21%,#775012 41%,#302108 57%,#c38b33 76%,#ffebb8 95%);--prime-skin-card-edge:#ffe4a3}
/* Custom Forge preview evaluates its own validated local tokens rather than
   inheriting an already-resolved built-in alloy from the document root. */
html[data-prime-skin] .prime-skin-preview[data-prime-custom-preview]{
 --pm-body:var(--prime-skin-pattern),var(--prime-skin-surface);
 --pm-inlay:linear-gradient(153deg,var(--prime-skin-panel-strong),var(--prime-skin-panel) 48%,var(--prime-skin-bg));
 --pm-rim:var(--prime-skin-edge);
 --pm-grain:var(--prime-skin-pattern);
 --pm-specular:radial-gradient(ellipse at 30% 12%,color-mix(in srgb,var(--prime-skin-accent) 15%,transparent),transparent 65%);
}

/* PRIME MACHINE // PRECISION HARDWARE FINISH r17
   Paint only. Original screen remains the display, with no new overlay,
   mask, pseudo-element, extra DOM, rotation, XY transform or layout shift.
   The Surface Materials Z-wall/corner/socket system owns ALL geometry. */
html[data-prime-skin]{
  --pm-hw-blade:color-mix(in srgb,var(--pm-rim) 72%,white 14%);
  --pm-hw-shadow:color-mix(in srgb,var(--prime-skin-bg) 89%,black);
  --pm-hw-mid:color-mix(in srgb,var(--prime-skin-panel-strong) 68%,var(--pm-rim));
  --pm-hw-gasket:color-mix(in srgb,var(--prime-skin-bg) 88%,black);
  --pm-hw-fastener:color-mix(in srgb,var(--pm-rim) 66%,#899ba6);
  --pm-hw-satin:repeating-linear-gradient(90deg,
    rgba(255,255,255,.022) 0 .45px,rgba(0,0,0,.021) .45px 1px,
    transparent 1px 3.2px);
  --pm-hw-cut:linear-gradient(180deg,
    rgba(255,255,255,.60) 0%,rgba(255,255,255,.08) 9%,
    transparent 18%,rgba(0,0,0,.20) 52%,
    rgba(0,0,0,.32) 80%,rgba(255,255,255,.26) 96%,
    rgba(0,0,0,.38) 100%);
  --pm-hw-gloss:linear-gradient(165deg,
    rgba(255,255,255,.29) 0%,rgba(255,255,255,.05) 11%,
    transparent 36%,rgba(0,0,0,.20) 67%,
    rgba(255,255,255,.14) 92%,transparent 100%);
}
/* Each alloy gets a materially different finish without tinting display pixels. */
html[data-prime-skin="metal"]{
  --pm-hw-blade:#d8e4eb;--pm-hw-gasket:#060d13;
  --pm-hw-fastener:#a4b9c5;
  --pm-hw-satin:repeating-linear-gradient(90deg,
    rgba(255,255,255,.037) 0 .55px,rgba(0,0,0,.028) .55px 1.2px,
    transparent 1.2px 3.5px);
}
html[data-prime-skin="glass"]{
  --pm-hw-blade:#d5f6ff;--pm-hw-gasket:#031824;
  --pm-hw-fastener:#a9e5f2;
  --pm-hw-gloss:linear-gradient(155deg,rgba(249,255,255,.42),
    rgba(194,239,251,.12) 16%,transparent 42%,
    rgba(2,13,25,.25) 72%,rgba(225,251,255,.24) 97%);
}
html[data-prime-skin="nexus"]{
  --pm-hw-blade:#96b9cb;--pm-hw-gasket:#020611;
  --pm-hw-fastener:#64889b;
  --pm-hw-satin:repeating-linear-gradient(90deg,
    rgba(213,235,250,.012) 0 .7px,transparent .7px 4px);
  --pm-hw-cut:linear-gradient(180deg,rgba(211,246,255,.38),
    transparent 13%,rgba(0,0,0,.30) 54%,rgba(0,0,0,.47) 86%,
    rgba(136,177,215,.24));
}
html[data-prime-skin="steampunk"]{
  --pm-hw-blade:#f0c785;--pm-hw-gasket:#100904;
  --pm-hw-fastener:#c69754;
  --pm-hw-satin:repeating-linear-gradient(90deg,
    rgba(255,214,149,.022) 0 .6px,transparent .6px 5px);
  --pm-hw-gloss:linear-gradient(154deg,rgba(255,230,168,.22),
    transparent 26%,rgba(12,4,0,.33) 70%,rgba(255,208,131,.15));
}
html[data-prime-skin="liquid-gold"]{
  --pm-hw-blade:#ffebb0;--pm-hw-gasket:#150d03;
  --pm-hw-fastener:#d0a34f;
  --pm-hw-gloss:linear-gradient(153deg,rgba(255,247,204,.40),
    rgba(255,230,168,.06) 20%,transparent 39%,
    rgba(32,15,0,.27) 74%,rgba(255,239,180,.20) 96%);
}
/* Four real Z walls: satin directional grain, narrow bright tool-cut,
   restrained broad specular and genuine dark secondary alloy. */
html[data-prime-skin][data-prime-spatial-system-enabled="true"][data-prime-spatial-enabled="true"]
body.prime-v2 [data-prime-z-screen="true"]>.prime-spatial-thickness>
:is(.prime-spatial-thickness-top,.prime-spatial-thickness-bottom,
    .prime-spatial-thickness-left,.prime-spatial-thickness-right){
  background-image:var(--pm-hw-cut),var(--pm-hw-satin),var(--pm-metal)!important;
  border-top-color:color-mix(in srgb,var(--pm-hw-blade) 76%,transparent)!important;
  border-bottom-color:var(--pm-hw-gasket)!important;
  box-shadow:inset 0 1px 0 color-mix(in srgb,var(--pm-hw-blade) 54%,transparent),
    inset 0 -1px 1px color-mix(in srgb,var(--pm-hw-gasket) 65%,transparent)!important;
}
/* Curved tangential walls and beveled facets use the identical alloy.
   Do not edit their three-dimensional rotations, widths, or Z coordinates. */
html[data-prime-skin][data-prime-spatial-system-enabled="true"][data-prime-spatial-enabled="true"]
body.prime-v2 [data-prime-z-screen="true"]>.prime-spatial-thickness>
:is([class*="prime-spatial-thickness-bevel-"],.prime-device-chassis-corner-wall){
  background-image:var(--pm-hw-gloss),var(--pm-hw-satin),var(--pm-metal)!important;
  border-top-color:color-mix(in srgb,var(--pm-hw-blade) 73%,transparent)!important;
  border-bottom-color:color-mix(in srgb,var(--pm-hw-gasket) 90%,transparent)!important;
  box-shadow:inset 0 1px 0 color-mix(in srgb,var(--pm-hw-blade) 49%,transparent),
    inset 0 -1px 0 color-mix(in srgb,var(--pm-hw-gasket) 61%,transparent)!important;
}
/* Existing 15px chassis seam becomes a precision-machined inset joint.
   The two static rivet impressions cost no new DOM or GPU layers. */
html[data-prime-skin][data-prime-spatial-system-enabled="true"][data-prime-spatial-enabled="true"]
body.prime-v2 [data-prime-z-screen="true"]>.prime-spatial-thickness>.prime-machine-seam{
  background-image:
    radial-gradient(circle at 3.5px 2.5px,var(--pm-hw-fastener) 0 .75px,
      var(--pm-hw-gasket) .95px 1.5px,transparent 1.7px),
    radial-gradient(circle at calc(100% - 3.5px) 2.5px,var(--pm-hw-fastener) 0 .75px,
      var(--pm-hw-gasket) .95px 1.5px,transparent 1.7px),
    linear-gradient(180deg,color-mix(in srgb,var(--pm-hw-blade) 81%,transparent),
      var(--pm-hw-mid) 36%,var(--pm-hw-gasket) 100%)!important;
  border-color:color-mix(in srgb,var(--pm-hw-blade) 56%,var(--pm-hw-gasket))!important;
  box-shadow:inset 0 1px 0 color-mix(in srgb,var(--pm-hw-blade) 42%,transparent),
    inset 0 -1px 0 color-mix(in srgb,var(--pm-hw-gasket) 61%,transparent)!important;
}
/* Globe receivers are integral mechanical seats with a stepped retaining lip,
   while their placement, aperture and travel animations are untouched. */
html[data-prime-skin] body.prime-v2 [data-prime-language-socket-host="true"]>
.prime-language-device-socket{
  border-color:var(--pm-hw-blade)!important;
  background-image:var(--pm-hw-gloss),var(--pm-hw-satin),var(--pm-metal)!important;
  box-shadow:inset 0 1px 0 color-mix(in srgb,var(--pm-hw-blade) 80%,transparent),
    inset 0 0 0 2px color-mix(in srgb,var(--pm-hw-gasket) 83%,transparent),
    0 0 0 1px color-mix(in srgb,var(--pm-hw-blade) 29%,transparent),
    0 3px 10px color-mix(in srgb,var(--pm-hw-shadow) 54%,transparent)!important;
}
html[data-prime-skin] body.prime-v2 .prime-language-device-socket::before,
html[data-prime-skin] body.prime-v2 .prime-language-socket-wall{
  background-image:var(--pm-hw-cut),var(--pm-metal)!important;
  border-color:color-mix(in srgb,var(--pm-hw-blade) 62%,transparent)!important;
}
/* Keep small hardware legible on budget phones without painting separate
   reflections on every wall. Expensive filters/animations stay absent. */
html:is([data-prime-resource-tier="low"],[data-pc-hw-tier="low"],[data-prime-performance-mode="light"],.super-low-cost)[data-prime-skin]{
  --pm-hw-satin:linear-gradient(transparent,transparent);
  --pm-hw-gloss:linear-gradient(175deg,rgba(255,255,255,.12),transparent 65%);
}
@media(forced-colors:active){
  html[data-prime-skin] body.prime-v2 [data-prime-machine-panel="true"],
  html[data-prime-skin] body.prime-v2 [data-prime-language-socket-host="true"]>
    .prime-language-device-socket{
    border-color:CanvasText!important;box-shadow:none!important;
  }
}

/* Low GPU tiers: keep geometry/edges, remove expensive filters and gloss. */
html:is([data-prime-resource-tier="low"],[data-pc-hw-tier="low"],.super-low-cost)[data-prime-skin]{
 --pm-specular:linear-gradient(transparent,transparent);
 --pm-glass:linear-gradient(175deg,rgba(255,255,255,.07),rgba(0,0,0,.10));
 --pm-shine:0;
}
html:is([data-prime-resource-tier="low"],[data-pc-hw-tier="low"],.super-low-cost)[data-prime-skin]
body.prime-v2 :is(.prime-skin-dialog,.prime-skin-preview,[data-prime-skin-surface]){
 backdrop-filter:none!important;-webkit-backdrop-filter:none!important;
}
@media(forced-colors:active){
 html[data-prime-skin] body.prime-v2 :is(.prime-skin-dialog,.prime-skin-preview,.prime-skin-card,[data-prime-skin-control]){background:Canvas!important;color:CanvasText!important;border-color:CanvasText!important;box-shadow:none!important}
}

/* PRIME FIDELITY MATERIAL + SKIN SYNCHRONIZATION | 2026-10-14 r1 */
/* Color is not material. Each skin supplies its own microfinish, reflected light,
   machine-edge response and control sheen. This is paint only: no transforms,
   filter, opacity on 3D parents, clipping, pseudo geometry, or input interceptors. */
html[data-prime-skin]{
  --pm-hq-micro:repeating-linear-gradient(93deg,rgba(255,255,255,.018) 0 .5px,rgba(0,0,0,.013) .5px 1px,transparent 1px 4px);
  --pm-hq-horizon:linear-gradient(174deg,rgba(255,255,255,.20) 0%,rgba(255,255,255,.025) 9%,transparent 27%,rgba(0,0,0,.23) 56%,rgba(255,255,255,.065) 90%,rgba(0,0,0,.19) 100%);
  --pm-hq-spot:radial-gradient(ellipse 49% 30% at var(--prime-material-light-x,52%) var(--prime-material-light-y,35%),rgba(247,253,255,.18),transparent 85%);
  --pm-hq-edge:color-mix(in srgb,var(--pm-rim) 72%,white 18%);
  --pm-hq-card-sheen:linear-gradient(164deg,rgba(255,255,255,.22),transparent 24% 74%,rgba(255,255,255,.08));
  --pm-hq-control-sheen:linear-gradient(178deg,rgba(255,255,255,.19),rgba(255,255,255,.025) 11%,transparent 45%,rgba(0,0,0,.18) 84%,rgba(255,255,255,.085));
}
/* PLATINUM: tight, linear satin microgrooves with cool studio strip lights. */
html[data-prime-skin="metal"]{
  --pm-hq-micro:repeating-linear-gradient(90deg,rgba(251,254,255,.050) 0 .45px,rgba(2,10,16,.032) .45px 1px,transparent 1px 3.6px);
  --pm-hq-horizon:linear-gradient(173deg,rgba(244,253,255,.44),rgba(195,224,237,.07) 10%,transparent 20% 50%,rgba(0,4,9,.38) 71%,rgba(195,232,249,.22) 95%,rgba(0,6,12,.4));
  --pm-hq-spot:radial-gradient(ellipse 58% 32% at var(--prime-material-light-x,52%) var(--prime-material-light-y,35%),rgba(238,252,255,.24),transparent 80%);
  --pm-hq-card-sheen:linear-gradient(168deg,rgba(245,252,255,.4),transparent 22% 73%,rgba(169,208,231,.17));
  --prime-skin-surface:linear-gradient(168deg,#4b5962,#29343a 13%,#141f25 27%,#0c1419 53%,#1f2d35 75%,#52646e 95%,#1c2a31);
}
/* GLASS: reflection in the beveled rim, smoked transparent core, no opaque frost over art. */
html[data-prime-skin="glass"]{
  --pm-hq-micro:linear-gradient(122deg,rgba(241,253,255,.055),transparent 18% 83%,rgba(111,224,255,.035));
  --pm-hq-horizon:linear-gradient(164deg,rgba(247,254,255,.33),rgba(201,243,255,.065) 10%,transparent 24% 70%,rgba(1,9,24,.15) 88%,rgba(219,249,255,.22));
  --pm-hq-spot:radial-gradient(ellipse 68% 43% at var(--prime-material-light-x,52%) var(--prime-material-light-y,35%),rgba(246,255,255,.14),rgba(122,213,245,.035) 48%,transparent 82%);
  --pm-hq-card-sheen:linear-gradient(155deg,rgba(255,255,255,.53),rgba(148,231,255,.085) 18%,transparent 63%,rgba(220,248,255,.26) 97%);
  --prime-skin-surface:linear-gradient(159deg,rgba(236,253,255,.16),rgba(96,184,216,.085) 16%,rgba(10,49,71,.44) 36%,rgba(3,17,34,.68) 71%,rgba(114,191,222,.13));
}
/* NEXUS: black nanoceramic with understated cyan/violet circuit highlights. */
html[data-prime-skin="nexus"]{
  --pm-hq-micro:repeating-linear-gradient(90deg,rgba(177,231,251,.012) 0 .6px,transparent .6px 4.6px),repeating-linear-gradient(0deg,rgba(131,216,240,.014) 0 .6px,transparent .6px 8px);
  --pm-hq-horizon:linear-gradient(173deg,rgba(174,226,255,.25),transparent 17%,rgba(2,7,19,.16) 43%,rgba(0,2,14,.38) 75%,rgba(87,131,219,.16));
  --pm-hq-spot:radial-gradient(ellipse 56% 42% at var(--prime-material-light-x,52%) var(--prime-material-light-y,35%),rgba(108,230,255,.13),transparent 79%);
  --pm-hq-card-sheen:linear-gradient(159deg,rgba(118,235,255,.24),transparent 23% 76%,rgba(155,108,255,.16));
  --prime-skin-surface:linear-gradient(157deg,#20334a 0%,#0a182a 20%,#050c19 45%,#030713 70%,#17132f 90%,#1b3042 100%);
}
/* STEAMPUNK: machine-turned bronze/brass, contrasting darkened engraved grooves. */
html[data-prime-skin="steampunk"]{
  --pm-hq-micro:repeating-linear-gradient(91deg,rgba(255,223,157,.035) 0 .75px,rgba(24,12,3,.042) .75px 1.8px,transparent 1.8px 7px);
  --pm-hq-horizon:linear-gradient(171deg,rgba(255,229,170,.30),transparent 19%,rgba(15,6,1,.15) 47%,rgba(9,4,0,.35) 73%,rgba(255,198,102,.15) 96%);
  --pm-hq-spot:radial-gradient(ellipse 57% 40% at var(--prime-material-light-x,52%) var(--prime-material-light-y,35%),rgba(250,193,101,.16),transparent 82%);
  --pm-hq-card-sheen:linear-gradient(167deg,rgba(255,225,158,.34),transparent 22% 70%,rgba(255,169,77,.16));
  --prime-skin-surface:linear-gradient(153deg,#936435 0%,#53331c 15%,#24170e 43%,#140b08 66%,#614322 87%,#ae8046 100%);
}
/* LIQUID GOLD: champagne plate and multiple narrow reflection bands, not yellow glow. */
html[data-prime-skin="liquid-gold"]{
  --pm-hq-micro:repeating-linear-gradient(91deg,rgba(255,250,208,.028) 0 .55px,transparent .55px 4px);
  --pm-hq-horizon:linear-gradient(171deg,rgba(255,249,211,.53),rgba(255,234,159,.06) 13%,transparent 23% 42%,rgba(35,16,0,.30) 67%,rgba(255,228,148,.24) 92%,rgba(34,18,2,.36));
  --pm-hq-spot:radial-gradient(ellipse 58% 28% at var(--prime-material-light-x,52%) var(--prime-material-light-y,35%),rgba(255,246,186,.22),transparent 80%);
  --pm-hq-card-sheen:linear-gradient(164deg,rgba(255,252,215,.44),transparent 24% 72%,rgba(255,220,131,.18));
  --prime-skin-surface:linear-gradient(124deg,#6b471b,#bb8735 13%,#f2d38c 25%,#8d591a 36%,#3c270c 53%,#b17b27 72%,#ffe6a1 87%,#82521a);
}
/* Forge/custom skins inherit their validated colors instead of borrowing a preset. */
html[data-prime-skin="custom"]{
  --pm-hq-horizon:linear-gradient(175deg,color-mix(in srgb,var(--prime-skin-text) 23%,transparent),transparent 22% 74%,color-mix(in srgb,var(--prime-skin-accent-2) 12%,transparent));
  --pm-hq-spot:radial-gradient(ellipse 55% 36% at var(--prime-material-light-x,52%) var(--prime-material-light-y,35%),color-mix(in srgb,var(--prime-skin-accent) 18%,transparent),transparent 80%);
}
/* Shade only machine hardware and already-existing bezels. NEVER the panel
   content plane, media element, 3D parent, transparent hit target or aperture. */
html[data-prime-skin] body.prime-v2 [data-prime-z-screen="true"]>.prime-spatial-thickness>
:is(.prime-spatial-thickness-top,.prime-spatial-thickness-bottom,.prime-spatial-thickness-left,.prime-spatial-thickness-right,[class*="prime-spatial-thickness-bevel-"],.prime-device-chassis-corner-wall){
  background-image:var(--pm-hq-micro),var(--pm-hq-spot),var(--pm-hq-horizon),var(--pm-metal)!important;
  background-repeat:repeat,no-repeat,no-repeat,no-repeat;
  border-color:color-mix(in srgb,var(--pm-hq-edge) 59%,var(--pm-hw-gasket))!important;
}
/* Refinement without changing the globe's geometric docks/nests. */
html[data-prime-skin] body.prime-v2 [data-prime-language-socket-host="true"]>.prime-language-device-socket{
  background-image:var(--pm-hq-spot),var(--pm-hq-micro),var(--pm-hq-horizon),var(--pm-metal)!important;
}
html[data-prime-skin] .prime-skin-card::before{
  background-image:var(--pm-hq-card-sheen),var(--prime-skin-card-bg)!important;
}
.prime-skin-card[data-skin="metal"]{--pm-hq-card-sheen:linear-gradient(165deg,rgba(245,254,255,.47),transparent 28% 75%,rgba(194,224,238,.20))}
.prime-skin-card[data-skin="glass"]{--pm-hq-card-sheen:linear-gradient(155deg,rgba(255,255,255,.56),rgba(200,251,255,.08) 19%,transparent 73%,rgba(210,247,255,.24))}
.prime-skin-card[data-skin="nexus"]{--pm-hq-card-sheen:linear-gradient(160deg,rgba(124,229,255,.26),transparent 27% 78%,rgba(153,103,248,.21))}
.prime-skin-card[data-skin="steampunk"]{--pm-hq-card-sheen:linear-gradient(160deg,rgba(255,224,148,.40),transparent 25% 76%,rgba(221,158,78,.18))}
.prime-skin-card[data-skin="liquid-gold"]{--pm-hq-card-sheen:linear-gradient(165deg,rgba(255,249,207,.48),transparent 25% 76%,rgba(255,227,151,.23))}
/* Render budget leaves silhouette, readable metal edges and original skins. */
html:is([data-prime-resource-tier="low"],[data-pc-hw-tier="low"],[data-prime-performance-mode="light"],.super-low-cost)[data-prime-skin]{
  --pm-hq-micro:linear-gradient(transparent,transparent);
  --pm-hq-spot:linear-gradient(transparent,transparent);
  --pm-hq-horizon:linear-gradient(170deg,rgba(255,255,255,.11),transparent 29% 78%,rgba(255,255,255,.04));
}
@media(forced-colors:active){
  html[data-prime-skin] body.prime-v2 #primeCommandDeck.prime-command-deck,
  html[data-prime-skin] body.prime-v2 [data-prime-z-screen="true"]>.prime-spatial-thickness>:is(.prime-spatial-thickness-top,.prime-spatial-thickness-left){
    background-image:none!important;
  }
}

/* PRIME STUDIO MATERIAL FINISH | microfacet/skin sync r2 */
/* These surfaces already exist. The added finish never masks or transforms a
   Spatial parent, never introduces a pseudo-pane, and never changes hit testing. */
html[data-prime-skin]{
 --pm-hq-studio-softbox:radial-gradient(ellipse 34% 24% at var(--prime-material-light-x,52%) var(--prime-material-light-y,35%),color-mix(in srgb,var(--pm-glint) 17%,transparent),transparent 88%);
 --pm-hq-edge-specular:color-mix(in srgb,var(--pm-hw-blade) 72%,white 12%);
 --pm-hq-grazing:linear-gradient(168deg,color-mix(in srgb,var(--pm-glint) 34%,transparent) 0%,transparent 17% 75%,color-mix(in srgb,var(--pm-rim) 16%,transparent));
 --pm-hq-button-lip:linear-gradient(180deg,color-mix(in srgb,var(--pm-glint) 31%,transparent),transparent 20%,rgba(0,0,0,.13) 78%,color-mix(in srgb,var(--pm-glint) 9%,transparent));
}
html[data-prime-skin="metal"]{
 --pm-hq-edge-specular:#d3e2eb;
 --pm-hq-studio-softbox:radial-gradient(ellipse 46% 15% at var(--prime-material-light-x,52%) var(--prime-material-light-y,35%),rgba(235,248,255,.22),transparent 86%);
 --pm-hq-grazing:linear-gradient(169deg,rgba(240,250,255,.23),transparent 17% 80%,rgba(143,199,232,.13));
}
html[data-prime-skin="glass"]{
 --pm-hq-edge-specular:#e5fbff;
 --pm-hq-studio-softbox:radial-gradient(ellipse 44% 27% at var(--prime-material-light-x,52%) var(--prime-material-light-y,35%),rgba(232,251,255,.12),transparent 91%);
 --pm-hq-grazing:linear-gradient(158deg,rgba(245,255,255,.31),transparent 16% 79%,rgba(174,231,255,.16));
}
html[data-prime-skin="nexus"]{
 --pm-hq-edge-specular:#96bacd;
 --pm-hq-studio-softbox:radial-gradient(ellipse 40% 24% at var(--prime-material-light-x,52%) var(--prime-material-light-y,35%),rgba(124,224,253,.10),transparent 91%);
 --pm-hq-grazing:linear-gradient(169deg,rgba(159,209,247,.15),transparent 19% 78%,rgba(135,94,227,.10));
}
html[data-prime-skin="steampunk"]{
 --pm-hq-edge-specular:#f0c889;
 --pm-hq-studio-softbox:radial-gradient(ellipse 39% 23% at var(--prime-material-light-x,52%) var(--prime-material-light-y,35%),rgba(255,217,147,.14),transparent 91%);
 --pm-hq-grazing:linear-gradient(169deg,rgba(255,220,159,.20),transparent 18% 74%,rgba(185,109,39,.12));
}
html[data-prime-skin="liquid-gold"]{
 --pm-hq-edge-specular:#fff0c0;
 --pm-hq-studio-softbox:radial-gradient(ellipse 43% 20% at var(--prime-material-light-x,52%) var(--prime-material-light-y,35%),rgba(255,242,181,.19),transparent 85%);
 --pm-hq-grazing:linear-gradient(163deg,rgba(255,247,209,.34),transparent 16% 73%,rgba(240,182,75,.12));
}
html[data-prime-skin="custom"]{
 --pm-hq-edge-specular:color-mix(in srgb,var(--prime-skin-edge) 77%,white);
 --pm-hq-studio-softbox:radial-gradient(ellipse 42% 25% at var(--prime-material-light-x,52%) var(--prime-material-light-y,35%),color-mix(in srgb,var(--prime-skin-accent) 18%,transparent),transparent 88%);
}
/* Machine-side planes get a skin-accurate broad studio light. Using their
   existing hardware faces means no additional DOM layers, GPU contexts or blur. */
html[data-prime-skin] body.prime-v2 [data-prime-z-screen="true"]>.prime-spatial-thickness>
:is(.prime-spatial-thickness-top,.prime-spatial-thickness-bottom,.prime-spatial-thickness-left,.prime-spatial-thickness-right,[class*="prime-spatial-thickness-bevel-"],.prime-device-chassis-corner-wall){
 background-image:var(--pm-hq-micro),var(--pm-hq-studio-softbox),var(--pm-hq-grazing),var(--pm-hq-horizon),var(--pm-metal)!important;
 border-color:color-mix(in srgb,var(--pm-hq-edge-specular) 50%,var(--pm-hw-gasket))!important;
}
/* Chassis aperture seam receives a thin brushed specular edge, not a screen
   overlay; nested contents retain their unmodified native pixel fidelity. */
html[data-prime-skin] body.prime-v2 [data-prime-z-screen="true"]>.prime-spatial-thickness>.prime-machine-seam{
 background-image:var(--pm-hq-grazing),var(--pm-hq-micro),var(--pm-metal)!important;
}
html[data-prime-skin] body.prime-v2 [data-prime-language-socket-host="true"]>.prime-language-device-socket{
 background-image:var(--pm-hq-studio-softbox),var(--pm-hq-micro),var(--pm-hq-horizon),var(--pm-metal)!important;
}
/* Under pressure, preserve precise silhouette and metallic identity while
   dropping the extra broad reflection to keep the old rendering budget. */
html:is([data-prime-performance-mode="light"],[data-prime-runtime-pressure="high"],[data-prime-resource-tier="low"],.super-low-cost)[data-prime-skin]{
 --pm-hq-studio-softbox:linear-gradient(transparent,transparent);
 --pm-hq-grazing:linear-gradient(176deg,rgba(255,255,255,.10),transparent 30% 83%,rgba(255,255,255,.03));
}

/* Machine optics and true Z2 materials are exclusively owned by
   prime-machine-skin-unifier.css (shared material contract). */

/* PRIME /prime-machine-skin-unifier.css */
/* PRIME SKIN MATERIAL CONTRACT r3 | ONE COMMON PAINT OWNER
   Palette tokens: prime-skins.css + prime-skin-materials-hd.css.
   Panel geometry: PrimeSpatialField/PrimeZSpaceMap/PrimeDioramaAperture ONLY.
   Native scroll, card state, transforms, hit tests, clip, fonts, perspective,
   animation timing and depth positioning are not governed by skins.
   Works for every registered screen, nested machine and Page 02 service card.
   No new paint layers, DOM elements, compositing roots or observers. */

/* Material recipe inherited identically by every true 3D display assembly.
   All five built-ins and validated custom skins share this exact method. */
html[data-prime-skin] body.prime-v2 #main[data-app-shell]>.app-window
[data-prime-z-screen="true"]:not(.pc-book-cover):not(.page04-work){
  /* Four directional edge shades visually close the deep Z2 cavity against
     the same opaque skinned rear. A single existing rear plane paints them. */
  --prime-machine-well-finish:
    linear-gradient(90deg,color-mix(in srgb,var(--pm-depth) 73%,transparent),transparent 20% 80%,color-mix(in srgb,var(--pm-depth) 73%,transparent)),
    linear-gradient(180deg,color-mix(in srgb,var(--pm-depth) 79%,transparent),transparent 20% 80%,color-mix(in srgb,var(--pm-depth) 79%,transparent)),
    var(--pm-hq-micro,var(--pm-grain)),var(--pm-inlay);
  --prime-machine-tunnel-finish:var(--pm-hw-satin,var(--pm-grain)),var(--pm-hq-horizon),var(--pm-inlay);
  --prime-machine-shell-rim:var(--pm-hw-blade,var(--pm-rim));
}

/* Glass is clear. The native optic owns only transparent highlights and
   scanlines. The root is an aperture, never a material-covered screen. */
html[data-prime-skin][data-prime-spatial-system-enabled="true"][data-prime-spatial-enabled="true"]
body.prime-v2 #main[data-app-shell]>.app-window
[data-prime-z-screen="true"]:not(.pc-book-cover):not(.page04-work){
  background:none!important;
  background-image:none!important;
  background-color:transparent!important;
  -webkit-backdrop-filter:none!important;
  backdrop-filter:none!important;
  border-color:color-mix(in srgb,var(--prime-machine-shell-rim) 56%,transparent)!important;
  box-shadow:inset 0 1px 0 color-mix(in srgb,var(--pm-glint) 36%,transparent),
    inset 0 -1px 0 color-mix(in srgb,var(--pm-depth) 48%,transparent),
    0 0 0 1px color-mix(in srgb,var(--pm-hw-gasket,var(--pm-depth)) 27%,transparent)!important;
}
/* Actual negative-Z back wall, behind media, type, controls and every stage. */
html[data-prime-skin][data-prime-spatial-system-enabled="true"][data-prime-spatial-enabled="true"]
body.prime-v2 #main[data-app-shell]>.app-window:not(#portfolio)
[data-prime-z-screen="true"]:not(.pc-book-cover)>.prime-diorama-well-backdrop{
  background-image:var(--prime-machine-well-finish)!important;
  background-color:var(--prime-skin-bg)!important;
  --prime-well-seal-color:var(--pm-depth);
}
/* Four physical tunnel walls, each with its original true X/Y/Z geometry. */
html[data-prime-skin][data-prime-spatial-system-enabled="true"][data-prime-spatial-enabled="true"]
body.prime-v2 #main[data-app-shell]>.app-window:not(#portfolio)
[data-prime-z-screen="true"]:not(.pc-book-cover)>.prime-tunnel-wall{
  /* Reinstated original inner-chamber material. Chrome belongs exclusively
     to the reversed outside face defined by the structural aperture CSS. */
  background-image:var(--prime-machine-tunnel-finish)!important;
  background-color:var(--prime-skin-panel)!important;
  box-shadow:inset 0 1px 0 color-mix(in srgb,var(--pm-glint) 24%,transparent),
    inset 0 -1px 0 var(--pm-depth)!important;
}
/* Physical machine tubing ONLY: the real extruded front-to-back sides,
   machined bevels, and corner segments. Never a viewport-wide chassis.
   These children already exist, so this changes pigment not geometry. */
html[data-prime-skin][data-prime-spatial-system-enabled="true"][data-prime-spatial-enabled="true"]
body.prime-v2 #main[data-app-shell]>.app-window
[data-prime-z-screen="true"]>.prime-spatial-thickness>
:is(.prime-spatial-thickness-top,.prime-spatial-thickness-bottom,
    .prime-spatial-thickness-left,.prime-spatial-thickness-right,
    [class*="prime-spatial-thickness-bevel-"],.prime-device-chassis-corner-wall){
  background-image:var(--pm-hq-micro,var(--pm-grain)),
    var(--pm-hq-studio-softbox,var(--pm-specular)),var(--pm-metal)!important;
  background-color:var(--prime-skin-panel)!important;
  border-top-color:var(--pm-hw-blade,var(--pm-rim))!important;
  border-bottom-color:var(--pm-hw-gasket,var(--pm-depth))!important;
  box-shadow:inset 0 1px 0 color-mix(in srgb,var(--pm-glint) 65%,transparent),
    inset 0 -1px 0 color-mix(in srgb,var(--pm-depth) 83%,transparent)!important;
}
html[data-prime-skin][data-prime-spatial-system-enabled="true"][data-prime-spatial-enabled="true"]
body.prime-v2 #main[data-app-shell]>.app-window
[data-prime-z-screen="true"]>.prime-spatial-thickness>.prime-machine-seam{
  background-image:var(--pm-hq-grazing,var(--pm-specular)),var(--pm-metal)!important;
  border-color:var(--pm-rim)!important;
}
/* Bezel metal, not a second glass film. */
html[data-prime-skin] body.prime-v2 #main[data-app-shell]>.app-window
[data-prime-z-screen="true"]:not(.pc-book-cover)>.prime-diorama-edge{
  border-color:color-mix(in srgb,var(--prime-machine-shell-rim) 56%,transparent)!important;
}
/* Any existing 3D relief/surface pigment must be cleared, not tinted.
   Leave real Z hardware and specular ::before/::after optical layers intact. */
html[data-prime-skin] body.prime-v2 #main[data-app-shell]>.app-window
[data-prime-z-screen="true"]>.prime-spatial-surface-relief{
  background:none!important;
  background-image:none!important;
  background-color:transparent!important;
  -webkit-backdrop-filter:none!important;
  backdrop-filter:none!important;
  pointer-events:none!important;
}
html[data-prime-skin] body.prime-v2 #main[data-app-shell]>.app-window
[data-prime-z-screen="true"]>.prime-diorama-glass-face{
  background-color:transparent!important;
  -webkit-backdrop-filter:none!important;
  backdrop-filter:none!important;
  pointer-events:none!important;
}
/* Prismatic chrome optic must never become an opaque skin-colored overlay.
   Optical highlights remain with the native sheet's independent renderer. */
html[data-prime-skin] body.prime-v2 #main[data-app-shell]>.app-window
[data-prime-z-screen="true"]>.prime-prismatic-chrome-optics{
  background-color:transparent!important;
  pointer-events:none!important;
}
/* Without a 3D camera, retain a neutral readable display surface.
   Only chrome and controls take the chosen material in flat mode. */
html[data-prime-skin]:not([data-prime-spatial-enabled="true"]) body.prime-v2
#main[data-app-shell]>.app-window
[data-prime-z-screen="true"]:not(.pc-book-cover):not(.page04-work){
  background:linear-gradient(155deg,#101f2b,#07131e 65%,#0b1c29)!important;
  border-color:color-mix(in srgb,var(--pm-rim) 48%,transparent)!important;
  -webkit-backdrop-filter:none!important;
  backdrop-filter:none!important;
}

/* Non-machine decorative surfaces: skinned without radius, backdrop filter,
   font metrics, box size, positioning, z-index or transform changes. */
html[data-prime-skin] body.prime-v2 :is(
  [data-prime-skin-surface],.topbar,.tool-rail,.inspector,.help-panel,.help-drawer,
  .status-bar,.console-header,.prime-repair-panel,.contact form,.music-console,
  .gallery-item,.video-feature,.video-card,.pc-book-reader-panel
):not(.app-window):not([data-prime-machine-panel="true"]):not([data-prime-z-screen="true"]){
  border-color:color-mix(in srgb,var(--pm-rim) 45%,transparent)!important;
  background-image:var(--pm-hq-micro,var(--pm-grain)),var(--pm-hq-horizon),var(--pm-body)!important;
  box-shadow:inset 0 1px 0 color-mix(in srgb,var(--pm-glint) 31%,transparent),
    inset 0 -1px 0 color-mix(in srgb,var(--pm-depth) 48%,transparent)!important;
}
/* Programmatic skin-surface affordances that are themselves screens are always
   excluded, including cards tagged BEFORE their machine hydration arrives. */
html[data-prime-skin] body.prime-v2 :is(
  .service-card,.release-panel,.sprit-release-panel,.pan3l-release-panel,
  .process-panel,.studio-console,.tab01-intro-copy,.tab01-services-head
):not([data-prime-z-screen="true"]):not([data-prime-machine-panel="true"]){
  border-color:color-mix(in srgb,var(--pm-rim) 40%,transparent)!important;
}

/* Any other Prime pill shares the same alloy; no duplicate bezel stylesheet paint. */
html[data-prime-skin] body.prime-v2 [data-prime-skin-pill]:not(#primeCommandDeck){
  background-image:var(--pm-hq-micro,var(--pm-grain)),var(--pm-hq-spot,var(--pm-specular)),var(--pm-body)!important;
  border-color:var(--pm-rim)!important;
}
/* Command bar and familiar controls keep their geometry/input/animations.
   Every finish uses the same specular+alloy recipe, not per-skin overrides. */
html[data-prime-skin] body.prime-v2 #primeCommandDeck.prime-command-deck{
  background-image:var(--pm-hq-micro,var(--pm-grain)),var(--pm-hq-spot,var(--pm-specular)),var(--pm-body)!important;
  border-color:var(--pm-rim)!important;
  box-shadow:inset 0 1px 0 color-mix(in srgb,var(--pm-glint) 55%,transparent),
    inset 0 -2px 0 var(--pm-depth),
    0 15px 40px color-mix(in srgb,var(--pm-depth) 57%,transparent)!important;
}
html[data-prime-skin] body.prime-v2 :is(
  [data-prime-skin-control],#primeCommandDeck .prime-deck-utilities>button,
  #primeCommandDeck .prime-deck-pages>button,
  #primeCommandDeck .prime-deck-tool-placeholder,
  .module-button,.screen-actions button,.mobile-nav button,.transport button,
  .service-card button,.prime-price-tab
):not(.prime-skin-card){
  background-image:var(--pm-hq-button-lip,var(--pm-glass)),
    var(--pm-hq-control-sheen,var(--pm-specular)),var(--pm-control)!important;
  border-color:color-mix(in srgb,var(--pm-rim) 66%,transparent)!important;
  box-shadow:inset 0 1px 0 color-mix(in srgb,var(--pm-glint) 67%,transparent),
    inset 0 -2px 1px color-mix(in srgb,var(--pm-depth) 70%,transparent),
    0 3px 11px color-mix(in srgb,var(--pm-depth) 43%,transparent)!important;
}
/* Other native buttons still inherit their accent and bevel without applying
   paint over media assets, icons, background images or their existing animation. */
html[data-prime-skin] body.prime-v2 :is(button,[role="button"],.key,.tool):not(.prime-skin-card){
  border-color:color-mix(in srgb,var(--pm-rim) 44%,transparent)!important;
}
html[data-prime-skin] body.prime-v2 :is(
 [data-prime-skin-control],#primeCommandDeck .prime-deck-utilities>button,
 #primeCommandDeck .prime-deck-pages>button,.module-button,.prime-price-tab
):is(:focus-visible,[aria-current="page"],[aria-pressed="true"],[data-selected="true"]){
  border-color:var(--prime-skin-accent)!important;
  background-image:var(--pm-hq-control-sheen),var(--pm-control-active)!important;
}
/* Keep custom picker swatches visibly distinct; preview owns its miniatures. */
html[data-prime-skin] body.prime-v2 :is(.prime-skin-card,.prime-skin-preview){
  border-color:var(--pm-rim)!important;
}
@media(forced-colors:active){
  html[data-prime-skin] body.prime-v2 #main[data-app-shell]>.app-window
  [data-prime-z-screen="true"]{background:Canvas!important;color:CanvasText!important}
}

/* SKIN-FINISHED GREY TUBING | r8, visible profile ×0.5
   One existing front perimeter and its existing inset rail. Use each skin's
   alloy and highlight tokens on the GREY TUBING itself, not on glass,
   screen text, card interiors, or the viewport. There are no new elements,
   raster images, WebGL passes, filters, animation loops or layout changes. */
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
[data-prime-z-screen="true"]:not(.pc-book-cover):not(.page04-work){
  --prime-tube-bright:var(--pm-hw-blade,var(--pm-rim));
  --prime-tube-dark:var(--pm-hw-gasket,var(--pm-depth));
  --prime-tube-light:var(--pm-glint);
  border-color:color-mix(in srgb,var(--prime-tube-bright) 74%,var(--prime-tube-dark))!important;
  box-shadow:
    inset 0 .5px 0 color-mix(in srgb,var(--prime-tube-light) 50%,transparent),
    inset 0 -.5px 0 color-mix(in srgb,var(--prime-tube-dark) 66%,transparent),
    0 0 0 .5px color-mix(in srgb,var(--prime-tube-bright) 28%,transparent),
    0 7px 18px color-mix(in srgb,var(--prime-tube-dark) 42%,transparent)!important;
}
/* The thick rounded inset border highlighted in the supplied screenshots:
   its native geometry stays exactly the same for projected aperture clipping. */
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
[data-prime-z-screen="true"]:not(.pc-book-cover)>.prime-diorama-edge{
  border-width:.5px!important;
  border-color:color-mix(in srgb,var(--pm-hw-blade,var(--pm-rim)) 81%,var(--pm-hw-gasket,var(--pm-depth)))!important;
  box-shadow:
    inset 0 0 0 .5px color-mix(in srgb,var(--pm-hw-gasket,var(--pm-depth)) 66%,transparent),
    inset 0 0 0 1px color-mix(in srgb,var(--pm-hw-blade,var(--pm-rim)) 26%,transparent),
    0 0 0 .5px color-mix(in srgb,var(--pm-hw-gasket,var(--pm-depth)) 73%,transparent),
    0 0 3.5px color-mix(in srgb,var(--pm-glint) 17%,transparent)!important;
}
/* Existing extruded face/side/corner pieces remain skinnable using --pm-metal,
   --pm-hw-gloss and --pm-hw-satin declarations earlier in this stylesheet.
   Existing source glass stays clear. */

/* PRIME /prime-skin-compositions.css */
/* Prime Skin Compositions | material-only panel and screen identity.
   PrimeLayout > PrimeZSpaceMap owns Z. PrimeSpatialField owns the camera.
   All treatments reuse original enclosure/well/walls: no extra DOM,
   clips, filters, observers, viewport transforms or paint loops. */
html[data-prime-skin] body.prime-v2 #main[data-app-shell]>.app-window
[data-prime-z-screen="true"]:not(.pc-book-cover):not(.page04-work){
  --prime-skin-panel-architecture:layered;
  --prime-skin-screen-trace:linear-gradient(transparent,transparent);
  --prime-skin-screen-core:var(--pm-inlay);
  --prime-skin-wall-core:var(--pm-inlay);
  --prime-skin-flat-screen:var(--pm-inlay);
  --prime-skin-title-illumination:none;
  --prime-machine-well-finish:var(--prime-skin-screen-trace),var(--pm-hq-micro,var(--pm-grain)),var(--prime-skin-screen-core);
  --prime-machine-tunnel-finish:var(--pm-hw-satin,var(--pm-grain)),var(--prime-skin-wall-core);
}
html[data-prime-skin="metal"] body.prime-v2 #main[data-app-shell]>.app-window
[data-prime-z-screen="true"]:not(.pc-book-cover):not(.page04-work){
  --prime-skin-panel-architecture:machined-rectilinear;
  --pm-metal:linear-gradient(168deg,#effaff 0%,#8da4b0 4%,#26323a 15%,#111a20 43%,#080e13 65%,#758b99 92%,#d8e9f1 100%);
  --pm-control:linear-gradient(180deg,#50636d,#1b2a33 23%,#0b141b 86%,#8ea6b4);
  --prime-skin-screen-trace:repeating-linear-gradient(0deg,transparent 0 8px,rgba(181,215,234,.075) 8px 9px),
    linear-gradient(90deg,rgba(220,241,255,.15),transparent 11% 89%,rgba(220,241,255,.14));
  --prime-skin-screen-core:linear-gradient(145deg,#273b47,#0b1821 40%,#061018 75%,#243a48);
  --prime-skin-wall-core:linear-gradient(120deg,#354a55,#0a1218 48%,#556b75);
  --prime-skin-flat-screen:linear-gradient(150deg,#273b47,#0c1923 38%,#07121b 80%,#354952);
  --prime-skin-title-illumination:0 1px 0 rgba(0,0,0,.55);
}
html[data-prime-skin="glass"] body.prime-v2 #main[data-app-shell]>.app-window
[data-prime-z-screen="true"]:not(.pc-book-cover):not(.page04-work){
  --prime-skin-panel-architecture:crystal-prism;
  --pm-metal:linear-gradient(155deg,#f4ffff,#a3e7f2 9%,#28667c 20%,#093349 53%,#6caabb 82%,#e9feff);
  --pm-control:linear-gradient(178deg,rgba(236,255,255,.54),rgba(54,133,158,.58) 22%,rgba(7,33,51,.95) 86%,rgba(176,236,247,.65));
  --prime-skin-screen-trace:radial-gradient(ellipse 64% 32% at 24% 3%,rgba(231,253,255,.20),transparent 100%),
    linear-gradient(130deg,transparent 25%,rgba(121,236,255,.10) 37%,transparent 49%);
  --prime-skin-screen-core:linear-gradient(159deg,#184454,#0a2639 40%,#061523 71%,#244b60);
  --prime-skin-wall-core:linear-gradient(145deg,#426b7b,#15394b 44%,#081e2a 80%,#91c5d1);
  --prime-skin-flat-screen:linear-gradient(140deg,#25586d,#0c2939 38%,#092031 80%,#386275);
  --prime-skin-title-illumination:0 0 7px rgba(171,239,255,.27);
}
html[data-prime-skin="nexus"] body.prime-v2 #main[data-app-shell]>.app-window
[data-prime-z-screen="true"]:not(.pc-book-cover):not(.page04-work){
  --prime-skin-panel-architecture:neon-data-vault;
  --pm-metal:linear-gradient(158deg,#b3faff,#3d9db7 7%,#112e43 18%,#040a1a 56%,#2c4776 89%,#86ebf7);
  --pm-control:linear-gradient(179deg,#244a61,#081927 29%,#020816 82%,#316780);
  --prime-skin-screen-trace:linear-gradient(rgba(58,237,255,.085) 1px,transparent 1px),
    linear-gradient(90deg,rgba(156,111,255,.065) 1px,transparent 1px),
    radial-gradient(ellipse at 72% 15%,rgba(92,73,216,.12),transparent 62%);
  --prime-skin-screen-core:linear-gradient(155deg,#0d2139,#020918 48%,#080825 82%,#15123c);
  --prime-skin-wall-core:linear-gradient(135deg,#1b3657,#040b1c 49%,#17134a);
  --prime-skin-flat-screen:linear-gradient(135deg,#101e3a,#030915 49%,#0c0a2b);
  --prime-skin-title-illumination:0 0 9px rgba(85,240,255,.34);
}
html[data-prime-skin="steampunk"] body.prime-v2 #main[data-app-shell]>.app-window
[data-prime-z-screen="true"]:not(.pc-book-cover):not(.page04-work){
  --prime-skin-panel-architecture:brass-instrument-cabinet;
  --pm-metal:linear-gradient(166deg,#ffdc98,#ad783c 9%,#49301c 23%,#201006 57%,#95652f 88%,#efd096);
  --pm-control:linear-gradient(170deg,#bb8c4a,#4c2c15 25%,#210f07 83%,#d3ad69);
  --prime-skin-screen-trace:radial-gradient(circle,rgba(232,164,71,.18) 0 1px,transparent 1.6px),
    repeating-linear-gradient(90deg,transparent 0 23px,rgba(195,116,38,.07) 23px 24px);
  --prime-skin-screen-core:radial-gradient(ellipse at 58% 24%,#5d3519,#27180d 45%,#160c07 88%);
  --prime-skin-wall-core:linear-gradient(140deg,#8a5b2c,#321a0c 45%,#160e07 73%,#815029);
  --prime-skin-flat-screen:radial-gradient(ellipse at 50% 12%,#70441e,#301b0f 50%,#160c07);
  --prime-skin-title-illumination:0 1px 0 rgba(0,0,0,.8),0 0 4px rgba(255,194,90,.16);
}
html[data-prime-skin="liquid-gold"] body.prime-v2 #main[data-app-shell]>.app-window
[data-prime-z-screen="true"]:not(.pc-book-cover):not(.page04-work){
  --prime-skin-panel-architecture:molten-gold-relief;
  --pm-metal:linear-gradient(120deg,#fff8ca,#c48b2c 13%,#5c3407 27%,#150b02 49%,#c99834 68%,#ffe7a0 80%,#6a3a05 91%,#fff4c2);
  --pm-control:linear-gradient(156deg,#f0c761,#744710 27%,#201202 78%,#ddb857);
  --prime-skin-screen-trace:radial-gradient(ellipse at 75% 3%,rgba(255,241,159,.23),transparent 48%),
    linear-gradient(112deg,transparent 15%,rgba(246,181,45,.085) 31%,transparent 46%,rgba(255,211,103,.10) 63%,transparent 78%);
  --prime-skin-screen-core:linear-gradient(137deg,#4e2c04,#1d1305 30%,#110903 66%,#65410e);
  --prime-skin-wall-core:linear-gradient(140deg,#8e5f16,#2e1d06 46%,#180c02 76%,#c69b3d);
  --prime-skin-flat-screen:linear-gradient(137deg,#513206,#201404 44%,#130b01 79%,#694718);
  --prime-skin-title-illumination:0 1px 0 #190e03,0 0 8px rgba(247,185,48,.25);
}
html[data-prime-skin="custom"] body.prime-v2 #main[data-app-shell]>.app-window
[data-prime-z-screen="true"]:not(.pc-book-cover):not(.page04-work){
  --prime-skin-panel-architecture:custom-token-forge;
  --pm-metal:linear-gradient(155deg,var(--prime-skin-text),var(--prime-skin-edge) 12%,var(--prime-skin-panel-strong) 28%,var(--prime-skin-bg) 70%,var(--prime-skin-accent) 93%);
  --pm-control:linear-gradient(175deg,var(--prime-skin-panel-strong),var(--prime-skin-panel) 54%,var(--prime-skin-bg));
  --prime-skin-screen-trace:var(--prime-skin-pattern);
  --prime-skin-screen-core:linear-gradient(150deg,var(--prime-skin-panel-strong),var(--prime-skin-panel) 42%,var(--prime-skin-bg));
  --prime-skin-wall-core:linear-gradient(130deg,var(--prime-skin-edge),var(--prime-skin-panel) 31%,var(--prime-skin-bg));
  --prime-skin-flat-screen:var(--prime-skin-surface);
  --prime-skin-title-illumination:0 0 7px color-mix(in srgb,var(--prime-skin-accent) 22%,transparent);
}
/* One paint owner. Back-wall and tunnel paints consume theme tokens above.
   Flat mode uses the same skin instead of the old fixed cyan fallback. */
html[data-prime-skin]:not([data-prime-spatial-enabled="true"]) body.prime-v2
#main[data-app-shell]>.app-window [data-prime-z-screen="true"]:not(.pc-book-cover):not(.page04-work){
  background-image:var(--prime-skin-flat-screen)!important;
  background-color:var(--prime-skin-bg)!important;
}
html[data-prime-skin] body.prime-v2 #main[data-app-shell]>.app-window
[data-prime-z-screen="true"]:not(.pc-book-cover):not(.page04-work)
:is(h1,h2,h3,h4,[data-prime-z-title]){
  text-shadow:var(--prime-skin-title-illumination);
}
/* The original camera controls, glass face scanline/reflector, clicks, media
   pixels, front chrome and Page 04 fused art remain entirely untouched. */

/* PRIME /prime-command-deck.css */
/* Prime Creation // Prime Pill visual system
   PrimePillSystem owns DOM. prime-pill-system.css owns outer geometry. This file paints only. */
:root{
  --prime-command-deck-h:56px;
  --prime-command-deck-gap:6px;
  --prime-command-deck-edge:rgba(128,225,255,.42);
  --prime-command-deck-bg:rgba(4,10,16,.94);
  --prime-command-deck-text:#eefcff;
  --prime-command-deck-accent:#69e9ff;
  --prime-command-flow-width:1280px;
  --prime-control-cyan:#79ecff;
  --prime-control-mint:#74f0c4;
}
#primeCommandDeck{margin:0!important;padding:5px!important;box-sizing:border-box!important;display:flex!important;align-items:stretch!important;gap:var(--prime-command-deck-gap)!important;overflow:visible!important;visibility:visible!important;opacity:1!important;pointer-events:auto!important;transform-style:flat!important;perspective:none!important;filter:none!important;clip-path:none!important;contain:none!important;isolation:isolate!important;will-change:auto!important;border:1px solid var(--prime-command-deck-edge)!important;border-radius:999px!important;background:linear-gradient(180deg,rgba(13,24,34,.97),var(--prime-command-deck-bg))!important;box-shadow:0 8px 28px rgba(0,0,0,.42),inset 0 1px rgba(255,255,255,.08),0 0 18px rgba(74,210,245,.08)!important;backdrop-filter:blur(16px) saturate(1.15)!important;-webkit-backdrop-filter:blur(16px) saturate(1.15)!important;color:var(--prime-command-deck-text)!important;font:600 11px/1 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;-webkit-tap-highlight-color:transparent!important;user-select:none!important;-webkit-user-select:none!important;transition:width .22s cubic-bezier(.2,.82,.2,1),max-width .22s cubic-bezier(.2,.82,.2,1)!important}
#primeCommandDeck::before{content:""!important;position:absolute!important;inset:1px!important;z-index:0!important;border-radius:inherit!important;pointer-events:none!important;user-select:none!important;background:linear-gradient(102deg,transparent 0%,rgba(100,235,255,.10) 14%,rgba(146,226,255,.24) 28%,rgba(166,116,255,.22) 43%,rgba(255,118,217,.20) 58%,rgba(255,211,120,.16) 72%,rgba(116,255,207,.14) 86%,transparent 100%),radial-gradient(ellipse at 14% 28%,rgba(115,239,255,.62) 0%,rgba(115,239,255,.24) 25%,transparent 58%),radial-gradient(ellipse at 84% 66%,rgba(166,116,255,.56) 0%,rgba(166,116,255,.22) 27%,transparent 60%),radial-gradient(ellipse at 48% 24%,rgba(255,118,217,.48) 0%,rgba(255,118,217,.18) 28%,transparent 62%),radial-gradient(ellipse at 62% 88%,rgba(255,211,120,.38) 0%,rgba(255,211,120,.14) 30%,transparent 64%),radial-gradient(ellipse at 36% 58%,rgba(116,255,207,.36) 0%,rgba(116,255,207,.13) 31%,transparent 66%),radial-gradient(ellipse at 50% 8%,rgba(255,255,255,.26) 0%,rgba(255,255,255,.09) 26%,transparent 54%)!important;background-size:170% 100%,104% 180%,112% 190%,118% 196%,124% 186%,116% 184%,104% 168%!important;background-position:-105% 0%,-26% 22%,124% 72%,42% 14%,66% 108%,24% 56%,48% -12%!important;background-repeat:no-repeat!important;background-blend-mode:screen!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.18),inset 0 -1px 0 rgba(0,0,0,.18),inset 0 0 18px rgba(105,233,255,.08)!important;mix-blend-mode:screen!important;opacity:.74!important;filter:saturate(1.42) contrast(1.07)!important;will-change:background-position,opacity!important;animation:primeCommandDeckPrismaticLiquid 7.8s cubic-bezier(.45,.05,.55,.95) infinite!important}
#primeCommandDeck::after{content:""!important;position:absolute!important;inset:1px!important;z-index:1!important;border-radius:inherit!important;pointer-events:none!important;user-select:none!important;background:radial-gradient(ellipse 44% 160% at var(--pc-spatial-light-x,50%) var(--pc-spatial-light-y,43%),rgba(255,255,255,.42) 0%,rgba(224,250,255,.22) 18%,rgba(151,232,255,.10) 38%,transparent 67%),radial-gradient(ellipse 28% 118% at var(--pc-spatial-attitude-focal-x,50%) var(--pc-spatial-attitude-focal-y,50%),rgba(255,255,255,.18) 0%,rgba(196,244,255,.08) 34%,transparent 70%),linear-gradient(180deg,rgba(255,255,255,.22) 0%,rgba(255,255,255,.09) 16%,rgba(255,255,255,.025) 37%,transparent 54%,rgba(0,0,0,.09) 100%)!important;background-repeat:no-repeat!important;background-blend-mode:screen,screen,normal!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.52),inset 0 2px 10px rgba(227,251,255,.10),inset 0 -1px 0 rgba(0,8,15,.40),inset 0 -8px 18px rgba(0,5,10,.10)!important;backdrop-filter:brightness(1.04) saturate(1.12)!important;-webkit-backdrop-filter:brightness(1.04) saturate(1.12)!important;mix-blend-mode:screen!important;opacity:.68!important;filter:saturate(1.08) contrast(1.025)!important;will-change:background!important}
#primeCommandDeck>.prime-deck-bubble-loop{position:absolute!important;inset:2px!important;z-index:0!important;display:block!important;overflow:hidden!important;border-radius:999px!important;pointer-events:none!important;user-select:none!important;contain:paint!important;opacity:.94!important;mix-blend-mode:screen!important}
#primeCommandDeck .prime-deck-bubble{position:absolute!important;left:0!important;top:var(--bubble-y,50%)!important;width:var(--bubble-size,4px)!important;height:var(--bubble-size,4px)!important;margin:0!important;padding:0!important;display:block!important;border:1px solid rgba(216,250,255,.68)!important;border-radius:50%!important;background:radial-gradient(circle at 34% 28%,rgba(255,255,255,.92) 0 14%,rgba(220,250,255,.62) 18% 36%,rgba(115,239,255,.20) 48%,rgba(166,116,255,.08) 64%,transparent 72%)!important;box-shadow:inset 0 0 2px rgba(255,255,255,.68),0 0 4px rgba(125,235,255,.42)!important;opacity:0!important;pointer-events:none!important;transform:translate3d(-24px,-50%,0) scale(.72)!important;transform-origin:center!important;will-change:transform,opacity!important;animation:primeCommandDeckBubbleLoop var(--bubble-duration,3.8s) linear var(--bubble-delay,0s) infinite!important}
#primeCommandDeck>:not(.prime-deck-bubble-loop){position:relative!important;z-index:2!important}
#primeCommandDeck *,#primeCommandDeck *::before,#primeCommandDeck *::after{box-sizing:border-box}
#primeCommandDeck button{appearance:none!important;-webkit-appearance:none!important;border:0!important;margin:0!important;min-width:0!important;color:inherit!important;background:transparent!important;font:inherit!important;cursor:pointer!important;touch-action:manipulation!important;-webkit-tap-highlight-color:transparent!important}
#primeCommandDeck button:focus-visible{outline:1px solid var(--prime-command-deck-accent)!important;outline-offset:-2px!important}
#primeCommandDeck .prime-deck-tool-placeholder:not([hidden]),#primeCommandDeck .prime-deck-utilities>button{flex:0 0 44px!important;width:44px!important;min-width:44px!important;height:44px!important;border-radius:999px!important;display:grid!important;place-items:center!important;color:#dffaff!important;border:1px solid rgba(128,225,255,.16)!important;background:rgba(255,255,255,.035)!important}
#primeCommandDeck .prime-deck-tool-placeholder:active,#primeCommandDeck .prime-deck-utilities>button:active{background:rgba(105,233,255,.16)!important}
#primeCommandDeck .prime-deck-tool-placeholder>span,#primeCommandDeck .prime-deck-utilities .prime-command-label{display:none!important}
#primeCommandDeck>.prime-deck-initialize:not([hidden]){position:relative!important;flex:0 0 84px!important;width:84px!important;min-width:84px!important;height:44px!important;padding:4px 9px!important;display:grid!important;grid-template-columns:18px minmax(0,1fr)!important;align-items:center!important;justify-items:center!important;gap:5px!important;overflow:visible!important;border:1px solid rgba(147,236,255,.58)!important;border-radius:999px!important;background:linear-gradient(180deg,rgba(44,76,92,.92) 0%,rgba(16,39,52,.97) 46%,rgba(3,14,23,.98) 100%)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.30),inset 0 -2px 4px rgba(0,0,0,.46),0 3px 0 rgba(0,7,12,.78),0 7px 14px rgba(0,0,0,.34),0 0 15px rgba(105,233,255,.16)!important;color:#f3fdff!important;text-shadow:0 1px 0 rgba(0,0,0,.88),0 0 7px rgba(105,233,255,.28)!important;isolation:isolate!important;transition:transform .14s ease,filter .14s ease,box-shadow .14s ease!important}
#primeCommandDeck>.prime-deck-initialize>b{display:grid!important;place-items:center!important;width:18px!important;height:18px!important;font-size:14px!important;line-height:1!important;color:#c9f8ff!important;filter:drop-shadow(0 1px 0 rgba(0,0,0,.85)) drop-shadow(0 0 5px rgba(105,233,255,.40))!important}
#primeCommandDeck>.prime-deck-initialize>.prime-command-label{display:block!important;font-size:8px!important;font-weight:800!important;line-height:1!important;letter-spacing:.075em!important;white-space:nowrap!important}
#primeCommandDeck>.prime-deck-initialize::before{content:"START HERE"!important;position:absolute!important;z-index:4!important;left:50%!important;bottom:calc(100% + 14px)!important;transform:translateX(-50%)!important;width:max-content!important;min-height:26px!important;padding:6px 11px 5px!important;display:grid!important;place-items:center!important;border:1px solid rgba(159,239,255,.72)!important;border-radius:9px!important;background:linear-gradient(180deg,rgba(65,94,108,.98) 0%,rgba(18,41,54,.99) 48%,rgba(5,17,26,.99) 100%)!important;color:#f7feff!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.42),inset 0 -2px 3px rgba(0,0,0,.48),0 3px 0 rgba(0,8,13,.86),0 8px 18px rgba(0,0,0,.38),0 0 16px rgba(105,233,255,.22)!important;text-shadow:0 1px 0 rgba(0,0,0,.95),0 0 6px rgba(159,239,255,.32)!important;font:900 10px/1 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;letter-spacing:.14em!important;white-space:nowrap!important;pointer-events:none!important}
#primeCommandDeck>.prime-deck-initialize::after{content:""!important;position:absolute!important;z-index:3!important;left:50%!important;bottom:calc(100% + 7px)!important;width:12px!important;height:12px!important;transform:translateX(-50%) rotate(45deg)!important;border-right:1px solid rgba(159,239,255,.52)!important;border-bottom:1px solid rgba(159,239,255,.52)!important;background:linear-gradient(135deg,rgba(18,41,54,.99) 48%,rgba(5,17,26,.99) 52%)!important;box-shadow:2px 2px 3px rgba(0,0,0,.28)!important;pointer-events:none!important}
#primeCommandDeck>.prime-deck-initialize:hover,#primeCommandDeck>.prime-deck-initialize:focus-visible{filter:brightness(1.08)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.36),inset 0 -2px 4px rgba(0,0,0,.40),0 4px 0 rgba(0,7,12,.72),0 9px 18px rgba(0,0,0,.36),0 0 20px rgba(105,233,255,.24)!important}
#primeCommandDeck>.prime-deck-initialize:active{transform:translateY(2px)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.24),inset 0 2px 5px rgba(0,0,0,.48),0 1px 0 rgba(0,7,12,.84),0 4px 9px rgba(0,0,0,.30),0 0 12px rgba(105,233,255,.14)!important}
#primeCommandDeck .prime-deck-pages:not([hidden]){position:relative!important;flex:1 1 auto!important;min-width:0!important;width:auto!important;height:44px!important;display:flex!important;align-items:stretch!important;gap:3px!important;overflow-x:auto!important;overflow-y:hidden!important;overscroll-behavior-x:contain!important;scrollbar-width:none!important;scroll-snap-type:none!important;touch-action:pan-x!important;-webkit-overflow-scrolling:touch!important;padding:0!important;margin:0!important;border:0!important;background:transparent!important}
#primeCommandDeck .prime-deck-pages::-webkit-scrollbar{display:none}
#primeCommandDeck .prime-deck-pages>.prime-deck-slider-indicator{display:none!important}
#primeCommandDeck .prime-deck-pages>button{position:relative!important;flex:1 0 54px!important;min-width:54px!important;height:44px!important;padding:4px 7px!important;border-radius:999px!important;display:grid!important;grid-template-columns:auto!important;grid-template-rows:1fr auto!important;place-items:center!important;gap:1px!important;opacity:.72!important;white-space:nowrap!important;border:1px solid rgba(112,226,249,.08)!important;background:linear-gradient(180deg,rgba(14,34,48,.34),rgba(3,10,17,.16))!important;box-shadow:inset 0 1px rgba(255,255,255,.025)!important;transition:transform 150ms cubic-bezier(.18,.82,.2,1),background 160ms ease,border-color 160ms ease,box-shadow 180ms ease!important}
#primeCommandDeck .prime-deck-pages>button::before{content:"";position:absolute;left:22%;right:22%;bottom:.18rem;height:1px;background:linear-gradient(90deg,transparent,var(--prime-control-cyan),transparent);opacity:0;transform:scaleX(.2);transition:opacity 160ms ease,transform 190ms ease}
#primeCommandDeck .prime-deck-pages>button b{font-size:10px!important;letter-spacing:.08em!important;font-variant-numeric:tabular-nums!important}
#primeCommandDeck .prime-deck-pages>button span{display:none!important;font-size:8px!important;letter-spacing:.08em!important;max-width:80px!important;overflow:hidden!important;text-overflow:ellipsis!important}
#primeCommandDeck .prime-deck-pages>button .prime-deck-glyph,#primeCommandDeck .prime-deck-pages>button small{display:none!important}
#primeCommandDeck .prime-deck-pages>button[data-active],#primeCommandDeck .prime-deck-pages>button[aria-current="page"]{opacity:1!important;transform:translateY(-.13rem) scale(1.045)!important;border-color:rgba(123,239,255,.5)!important;background:linear-gradient(180deg,rgba(43,117,142,.38),rgba(7,26,39,.56))!important;color:#f5feff!important;animation:primeSelectedDeckPageGlow 1.85s ease-in-out infinite!important}
#primeCommandDeck .prime-deck-pages>button[data-active]::before,#primeCommandDeck .prime-deck-pages>button[aria-current="page"]::before{opacity:1;transform:scaleX(1);animation:primeSelectedDeckPageLine 1.85s ease-in-out infinite!important}
#primeCommandDeck .prime-deck-pages>button[data-active] b,#primeCommandDeck .prime-deck-pages>button[aria-current="page"] b{transform:scale(1.08);color:#e9fdff!important;animation:primeSelectedDeckPageText 1.85s ease-in-out infinite!important}
#primeCommandDeck .prime-deck-pages>button:active{transform:translateY(.05rem) scale(.9)!important}
@media(hover:hover){#primeCommandDeck .prime-deck-pages>button:hover{transform:translateY(-.12rem) scale(1.035)!important;border-color:rgba(117,235,255,.27)!important;background:linear-gradient(180deg,rgba(34,84,106,.32),rgba(5,18,28,.3))!important;box-shadow:0 7px 22px rgba(0,0,0,.28),inset 0 0 18px rgba(73,220,255,.045)!important}}
#primeCommandDeck .prime-deck-utilities:not([hidden]){flex:0 0 auto!important;height:44px!important;display:flex!important;align-items:stretch!important;gap:3px!important}
#primeCommandDeck .prime-deck-utilities>button{padding:0!important}
#primeCommandDeck [data-command-skins] b{font-size:14px!important}#primeCommandDeck [data-command-sound] b{display:grid!important;place-items:center!important;font-size:16px!important}#primeCommandDeck [data-command-sound][aria-pressed="false"]{opacity:.55!important}
#primeCommandDeck .prime-command-tools-panel{position:absolute!important;left:0!important;right:auto!important;top:auto!important;bottom:calc(100% + 8px)!important;width:min(29rem,calc(100dvw - 16px))!important;max-width:calc(100dvw - 16px)!important;max-height:min(72dvh,44rem)!important;overflow:auto!important;z-index:2147483647!important;padding:.72rem!important;border:1px solid rgba(126,235,255,.38)!important;border-radius:1rem!important;background:linear-gradient(90deg,rgba(110,235,255,.035) 1px,transparent 1px),linear-gradient(rgba(110,235,255,.025) 1px,transparent 1px),radial-gradient(circle at 14% 0,rgba(66,216,255,.12),transparent 31%),linear-gradient(155deg,rgba(5,24,35,.995),rgba(1,8,14,.995))!important;background-size:22px 22px,22px 22px,auto,auto!important;box-shadow:0 30px 90px rgba(0,0,0,.72),0 0 48px rgba(52,213,255,.12),inset 0 0 0 1px rgba(255,255,255,.035),inset 0 0 42px rgba(53,206,255,.025)!important;color:#eafdff!important}
#primeCommandDeck .prime-command-tools-panel[hidden]{display:none!important}
#primeCommandDeck .prime-command-tools-panel>header{display:flex;align-items:center;justify-content:space-between;gap:.7rem;padding:.05rem .05rem .62rem;border-bottom:1px solid rgba(126,235,255,.18)}
#primeCommandDeck .prime-command-tools-panel>header>div{display:grid;gap:.18rem}#primeCommandDeck .prime-command-tools-panel>header b{font-size:.7rem;letter-spacing:.13em}#primeCommandDeck .prime-command-tools-panel>header small{color:#82a7b3;font-size:.52rem;letter-spacing:.08em}
#primeCommandDeck .prime-command-tools-close{width:2rem!important;min-width:2rem!important;height:2rem!important;border:1px solid rgba(126,235,255,.22)!important;border-radius:.5rem!important;background:rgba(255,255,255,.035)!important;color:#eafdff!important}
#primeCommandDeck .prime-command-tools-body{display:grid;gap:.58rem;padding-top:.6rem}
#primeCommandDeck .prime-command-tools-group{display:grid;gap:.48rem;padding:.58rem;border:1px solid rgba(128,229,250,.2);border-radius:.75rem;background:linear-gradient(135deg,rgba(11,38,52,.9),rgba(3,17,26,.94))}
#primeCommandDeck .prime-command-tools-group>header{display:flex;justify-content:space-between;color:#8eeeff;font-size:.53rem;letter-spacing:.1em}
#primeCommandDeck .prime-command-mode-grid,#primeCommandDeck .prime-command-spatial-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.35rem}#primeCommandDeck .prime-command-spatial-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
#primeCommandDeck .prime-command-mode-grid button,#primeCommandDeck .prime-command-spatial-grid button{height:2.45rem!important;border:1px solid rgba(128,229,250,.18)!important;border-radius:.55rem!important;background:rgba(255,255,255,.025)!important;font-size:.5rem!important;letter-spacing:.06em!important}#primeCommandDeck .prime-command-mode-grid button[data-active],#primeCommandDeck .prime-command-spatial-grid button[data-active]{border-color:rgba(116,239,205,.44)!important;background:rgba(84,223,187,.1)!important;color:#dcfff2!important}
#primeCommandDeck .prime-command-power{display:flex!important;align-items:center!important;justify-content:space-between!important;width:100%!important;height:auto!important;padding:.4rem .62rem!important;border:1px solid rgba(128,229,250,.18)!important;border-radius:.6rem!important;background:rgba(255,255,255,.025)!important}
#primeCommandDeck .prime-command-power>span{display:grid;text-align:left;gap:.12rem}#primeCommandDeck .prime-command-power strong{font-size:.58rem;letter-spacing:.08em}#primeCommandDeck .prime-command-power small{color:#84a2ab;font-size:.48rem}
#primeCommandDeck .prime-command-power>i{width:1.8rem;height:1rem;border:1px solid rgba(132,230,255,.28);border-radius:999px;background:rgba(255,255,255,.05);position:relative}#primeCommandDeck .prime-command-power>i::after{content:"";position:absolute;top:50%;left:.16rem;width:.62rem;height:.62rem;translate:0 -50%;border-radius:50%;background:#7d9aa2;transition:transform .15s ease,background .15s ease}#primeCommandDeck .prime-command-power[aria-checked="true"]>i::after{transform:translateX(.78rem);background:#77efbd;box-shadow:0 0 .5rem rgba(119,239,189,.5)}
#primeCommandDeck .prime-command-range{display:grid;grid-template-columns:5rem minmax(0,1fr) 3rem;align-items:center;gap:.55rem;color:#90aab2;font-size:.52rem;letter-spacing:.07em}#primeCommandDeck .prime-command-range input{width:100%;accent-color:#78eaff}#primeCommandDeck .prime-command-range output{text-align:right;color:#78efbf;font-variant-numeric:tabular-nums}
#primeCommandDeck .prime-command-nexus{width:100%!important;height:2.7rem!important;border:1px solid rgba(128,229,250,.18)!important;border-radius:.6rem!important;background:rgba(255,255,255,.025)!important;letter-spacing:.1em!important}
@keyframes primeCommandDeckPrismaticLiquid{0%{background-position:-105% 0%,-26% 22%,124% 72%,42% 14%,66% 108%,24% 56%,48% -12%;opacity:.66}24%{background-position:-42% 0%,4% 44%,98% 36%,68% 40%,36% 82%,52% 28%,36% 3%;opacity:.76}51%{background-position:26% 0%,38% 16%,70% 78%,22% 27%,82% 64%,14% 77%,66% -3%;opacity:.70}76%{background-position:86% 0%,12% 50%,42% 30%,78% 52%,48% 98%,70% 24%,44% 9%;opacity:.80}100%{background-position:165% 0%,46% 24%,6% 70%,36% 18%,72% 72%,32% 58%,58% -8%;opacity:.70}}
@keyframes primeCommandDeckBubbleLoop{0%{transform:translate3d(-24px,-50%,0) scale(.66);opacity:0}7%{opacity:.72}28%{transform:translate3d(calc(var(--prime-command-flow-width) * .28),calc(-50% + var(--bubble-drift,0px)),0) scale(.88);opacity:.86}54%{transform:translate3d(calc(var(--prime-command-flow-width) * .54),calc(-50% - var(--bubble-drift,0px)),0) scale(1);opacity:.92}78%{transform:translate3d(calc(var(--prime-command-flow-width) * .78),calc(-50% + var(--bubble-drift,0px)),0) scale(.9);opacity:.78}94%{opacity:.62}100%{transform:translate3d(var(--prime-command-flow-width),calc(-50% - var(--bubble-drift,0px)),0) scale(.72);opacity:0}}
@keyframes primeSelectedDeckPageGlow{0%,100%{box-shadow:0 7px 20px rgba(0,0,0,.34),0 0 10px rgba(83,226,255,.11),inset 0 0 14px rgba(88,229,255,.055)}50%{box-shadow:0 8px 25px rgba(0,0,0,.36),0 0 24px rgba(83,226,255,.34),0 0 42px rgba(99,112,255,.12),inset 0 0 22px rgba(88,229,255,.13)}}
@keyframes primeSelectedDeckPageLine{0%,100%{opacity:.56;filter:brightness(.9)}50%{opacity:1;filter:brightness(1.5) drop-shadow(0 0 5px rgba(113,239,255,.9))}}
@keyframes primeSelectedDeckPageText{0%,100%{text-shadow:0 0 8px rgba(119,237,255,.48)}50%{text-shadow:0 0 7px rgba(220,252,255,.95),0 0 16px rgba(97,232,255,.95)}}
@media(min-width:780px){#primeCommandDeck .prime-deck-pages>button{flex:1 1 0!important;min-width:62px!important}#primeCommandDeck .prime-deck-pages>button span{display:block!important}#primeCommandDeck .prime-deck-pages>button b{font-size:9px!important}#primeCommandDeck .prime-deck-utilities>button{width:54px!important;min-width:54px!important;flex-basis:54px!important}}
@media(max-width:779px){#primeCommandDeck>.prime-deck-initialize{flex-basis:78px!important;width:78px!important;min-width:78px!important;padding-inline:7px!important;grid-template-columns:16px minmax(0,1fr)!important;gap:4px!important}#primeCommandDeck>.prime-deck-initialize>b{width:16px!important;height:16px!important;font-size:13px!important}#primeCommandDeck>.prime-deck-initialize>.prime-command-label{font-size:7.5px!important;letter-spacing:.06em!important}#primeCommandDeck>.prime-deck-initialize::before{min-height:32px!important;padding:8px 14px 7px!important;font-size:12px!important;letter-spacing:.13em!important;border-radius:10px!important;bottom:calc(100% + 16px)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.46),inset 0 -2px 3px rgba(0,0,0,.50),0 4px 0 rgba(0,8,13,.88),0 10px 22px rgba(0,0,0,.42),0 0 19px rgba(105,233,255,.26)!important}#primeCommandDeck>.prime-deck-initialize::after{bottom:calc(100% + 8px)!important;width:14px!important;height:14px!important}}
@media(max-width:420px){:root{--prime-command-deck-h:54px}#primeCommandDeck{padding:4px!important;gap:3px!important}#primeCommandDeck .prime-deck-tool-placeholder,#primeCommandDeck .prime-deck-utilities>button{width:42px!important;min-width:42px!important;flex-basis:42px!important;height:44px!important}#primeCommandDeck>.prime-deck-initialize{flex-basis:72px!important;width:72px!important;min-width:72px!important;padding-inline:6px!important}#primeCommandDeck>.prime-deck-initialize>.prime-command-label{font-size:7px!important;letter-spacing:.045em!important}#primeCommandDeck .prime-deck-pages>button{flex-basis:48px!important;min-width:48px!important;padding-inline:5px!important}.prime-command-spatial-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(prefers-reduced-motion:reduce){#primeCommandDeck *{transition:none!important;animation:none!important}#primeCommandDeck::before{animation:none!important;will-change:auto!important}#primeCommandDeck .prime-deck-bubble{animation:none!important;opacity:.20!important;transform:translate3d(0,-50%,0)!important}}


/* Prime Creation // 2026-10-06 luxury pill consolidation */
:root{
  --prime-command-deck-edge:rgba(210,229,237,.18);
  --prime-command-deck-bg:rgba(5,9,13,.94);
  --prime-command-deck-text:#edf3f5;
  --prime-command-deck-accent:#7be7f6;
  --prime-control-cyan:#7be7f6;
  --prime-control-mint:#93bda9;
}
#primeCommandDeck{
  border-color:rgba(210,229,237,.16)!important;
  background:
    linear-gradient(180deg,rgba(255,255,255,.045),rgba(255,255,255,.01)),
    rgba(4,8,12,.94)!important;
  box-shadow:
    0 14px 42px rgba(0,0,0,.38),
    inset 0 1px 0 rgba(255,255,255,.08),
    inset 0 -1px 0 rgba(0,0,0,.34)!important;
  backdrop-filter:blur(10px) saturate(1.04)!important;
  -webkit-backdrop-filter:blur(10px) saturate(1.04)!important;
}
#primeCommandDeck::before{
  background:
    linear-gradient(105deg,transparent 4%,rgba(255,255,255,.035) 34%,rgba(123,231,246,.045) 50%,rgba(148,137,184,.025) 66%,transparent 96%)!important;
  background-size:100% 100%!important;
  background-position:center!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08)!important;
  mix-blend-mode:normal!important;
  opacity:.72!important;
  filter:none!important;
  will-change:auto!important;
  animation:none!important;
}
#primeCommandDeck::after{
  background:
    radial-gradient(ellipse 42% 170% at var(--pc-spatial-light-x,50%) var(--pc-spatial-light-y,43%),rgba(255,255,255,.12),transparent 66%),
    linear-gradient(180deg,rgba(255,255,255,.08),transparent 42%,rgba(0,0,0,.08))!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.13),inset 0 -1px 0 rgba(0,0,0,.32)!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
  mix-blend-mode:screen!important;
  opacity:.6!important;
  filter:none!important;
  will-change:auto!important;
}
#primeCommandDeck>.prime-deck-bubble-loop{display:none!important}
#primeCommandDeck .prime-deck-pages>button{
  opacity:.7!important;
  border-color:rgba(210,229,237,.07)!important;
  background:rgba(255,255,255,.012)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.018)!important;
}
#primeCommandDeck .prime-deck-pages>button[data-active],
#primeCommandDeck .prime-deck-pages>button[aria-current="page"]{
  opacity:1!important;
  transform:translateY(-.08rem) scale(1.02)!important;
  border-color:rgba(123,231,246,.28)!important;
  background:linear-gradient(180deg,rgba(123,231,246,.08),rgba(255,255,255,.014))!important;
  color:#f5f8f9!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.06)!important;
  animation:none!important;
}
#primeCommandDeck .prime-deck-pages>button[data-active]::before,
#primeCommandDeck .prime-deck-pages>button[aria-current="page"]::before{
  background:linear-gradient(90deg,transparent,rgba(123,231,246,.72),transparent)!important;
  opacity:.78!important;
  animation:none!important;
}
#primeCommandDeck .prime-deck-pages>button[data-active] b,
#primeCommandDeck .prime-deck-pages>button[aria-current="page"] b{
  color:#eff8fa!important;
  text-shadow:none!important;
  animation:none!important;
}
#primeCommandDeck .prime-deck-tool-placeholder:not([hidden]),
#primeCommandDeck .prime-deck-utilities>button{
  border-color:rgba(210,229,237,.1)!important;
  background:rgba(255,255,255,.018)!important;
  color:#dbe7eb!important;
}
#primeCommandDeck .prime-command-tools-panel{
  border-color:rgba(210,229,237,.14)!important;
  background:
    linear-gradient(180deg,rgba(255,255,255,.025),transparent 18%),
    linear-gradient(145deg,rgba(9,15,20,.985),rgba(3,7,10,.995))!important;
  background-size:auto!important;
  box-shadow:0 28px 84px rgba(0,0,0,.58),inset 0 1px 0 rgba(255,255,255,.05)!important;
  color:#edf3f5!important;
}
#primeCommandDeck .prime-command-tools-group{
  border-color:rgba(210,229,237,.09)!important;
  background:rgba(255,255,255,.015)!important;
}
#primeCommandDeck .prime-command-tools-group>header{color:#82939b!important}
#primeCommandDeck .prime-command-mode-grid button,
#primeCommandDeck .prime-command-spatial-grid button,
#primeCommandDeck .prime-command-power,
#primeCommandDeck .prime-command-nexus{
  border-color:rgba(210,229,237,.1)!important;
  background:rgba(255,255,255,.016)!important;
}
#primeCommandDeck .prime-command-mode-grid button[data-active],
#primeCommandDeck .prime-command-spatial-grid button[data-active]{
  border-color:rgba(123,231,246,.26)!important;
  background:rgba(123,231,246,.055)!important;
  color:#ecf8fa!important;
}

/* Spatial control recalibration // responsive, mode-aware, native safe area */
#primeCommandDeck .prime-command-tools-panel{
  overscroll-behavior:contain!important;
  -webkit-overflow-scrolling:touch!important;
  scrollbar-width:thin!important;
  scrollbar-color:rgba(119,235,250,.48) rgba(4,19,28,.38)!important;
}
#primeCommandDeck .prime-command-tools-panel>header{
  position:sticky!important;
  top:-.72rem!important;
  z-index:10!important;
  padding:.42rem .25rem .68rem!important;
  background:linear-gradient(180deg,rgba(5,24,35,.99) 0%,rgba(5,24,35,.96) 84%,rgba(5,24,35,.85))!important;
}
#primeCommandDeck .prime-command-tools-group .prime-command-range{
  grid-template-columns:minmax(4.8rem,6.2rem) minmax(0,1fr) minmax(3.3rem,4.4rem);
  min-height:2.1rem;
  gap:.48rem;
  letter-spacing:.035em;
}
#primeCommandDeck .prime-command-range input[type="range"]{
  min-height:2rem;
  cursor:ew-resize;
  touch-action:pan-y;
}
#primeCommandDeck .prime-command-range[data-command-inactive]{
  opacity:.42!important;
}
#primeCommandDeck .prime-command-range input:disabled{
  cursor:not-allowed!important;
  accent-color:#78959c!important;
}
#primeCommandDeck .prime-command-spatial-status{
  margin:.16rem 0 .02rem;
  padding:.5rem .62rem;
  border:1px solid rgba(119,235,250,.16);
  border-radius:.55rem;
  color:#b4d3df;
  background:rgba(4,19,29,.62);
  font-size:.62rem;
  line-height:1.4;
  letter-spacing:.055em;
}
#primeCommandDeck .prime-command-spatial-status[data-state="live"]{
  border-color:rgba(116,239,205,.36);
  color:#88efc8;
}
#primeCommandDeck .prime-command-spatial-status[data-state="pending"]{
  border-color:rgba(245,205,124,.34);
  color:#f7dba7;
}
#primeCommandDeck .prime-command-spatial-actions{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:.4rem;
}
#primeCommandDeck .prime-command-spatial-actions>button{
  min-height:2.65rem!important;
  padding:.45rem .38rem!important;
  border:1px solid rgba(128,229,250,.28)!important;
  border-radius:.55rem!important;
  background:linear-gradient(180deg,rgba(82,139,158,.18),rgba(8,30,42,.45))!important;
  font-size:.58rem!important;
  letter-spacing:.065em!important;
}
#primeCommandDeck .prime-command-spatial-actions>button:disabled{
  opacity:.38!important;
  cursor:not-allowed!important;
}
#primeCommandDeck .prime-command-power:disabled{opacity:.72!important;cursor:wait!important}
@media(max-width:520px){
  #primeCommandDeck .prime-command-spatial-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
  #primeCommandDeck .prime-command-spatial-grid>button{
    min-height:2.65rem!important;
    font-size:.59rem!important;
  }
  #primeCommandDeck .prime-command-tools-panel{
    padding:.6rem!important;
  }
  #primeCommandDeck .prime-command-tools-group .prime-command-range{
    grid-template-columns:minmax(4.5rem,5.5rem) minmax(0,1fr) minmax(3.1rem,3.8rem);
    gap:.35rem;
  }
}

/* Hardware acceleration preference lives inside the canonical Prime Toolbox. */
#primeCommandDeck .prime-command-hardware{
  margin-top:.65rem;
  padding-top:.65rem;
  border-top:1px solid rgba(123,231,246,.14);
}
#primeCommandDeck .prime-command-hardware>b{
  display:block;
  margin:0 0 .45rem;
  color:#cadde4;
  font-size:.64rem;
  letter-spacing:.09em;
}
#primeCommandDeck .prime-command-hardware-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:.4rem;
}
#primeCommandDeck .prime-command-hardware-grid>button{
  min-height:2.45rem!important;
  padding:.4rem .28rem!important;
  font-size:.61rem!important;
}
#primeCommandDeck [data-command-hardware-status]{
  margin:.46rem 0 0;
  min-height:1.9rem;
  border:1px solid rgba(123,231,246,.13);
  border-radius:.48rem;
  padding:.4rem .52rem;
  background:rgba(4,18,28,.4);
  color:#b0c9d4;
  font-size:.57rem;
  line-height:1.3;
  letter-spacing:.045em;
}
#primeCommandDeck [data-command-hardware-status][data-state="active"]{color:#94e4ce;border-color:rgba(148,228,206,.3)}
#primeCommandDeck [data-command-hardware-status][data-state="fallback"]{color:#e9bd94;border-color:rgba(233,189,148,.32)}

/* Z-space assembly controls use existing Prime Toolbox chrome. */
#primeCommandDeck .prime-command-zspace{
  display:grid;gap:.5rem;
  margin-top:.8rem;padding:.75rem .1rem .25rem;
  border-top:1px solid rgba(197,224,240,.15)
}
#primeCommandDeck .prime-command-zspace>b{
  color:#cbd9df;font-size:.63rem;letter-spacing:.12em
}
#primeCommandDeck .prime-command-zspace-grid{
  display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.32rem;
}
#primeCommandDeck .prime-command-zspace-grid>button{
  min-height:2.2rem!important;padding:.4rem .2rem!important;
  font-size:.59rem!important;letter-spacing:.035em!important
}
#primeCommandDeck .prime-command-zspace [data-command-z-status]{
  margin:.2rem 0 0;padding:.45rem .5rem;
  border:1px solid rgba(176,207,228,.12);border-radius:.5rem;
  color:#aebfc9;font-size:.56rem;letter-spacing:.055em
}

/* Four independent Prime Spatial optical profiles, one visible control bank. */
#primeCommandDeck .prime-command-optical-profiles{margin:.45rem 0 .65rem;padding:.56rem .62rem;border:1px solid rgba(123,231,246,.17);border-radius:.65rem;background:rgba(3,17,25,.42)}
#primeCommandDeck .prime-command-optical-mode[hidden]{display:none!important}
#primeCommandDeck .prime-command-optical-mode{display:grid;gap:.36rem}
#primeCommandDeck .prime-command-optical-mode>b{color:#b7eefa;font-size:.59rem;letter-spacing:.08em;font-weight:650;padding-bottom:.3rem}
#primeCommandDeck .prime-command-optical-mode .prime-command-range{min-height:2.35rem}

/* SKIN FORGE pill: recognizable stacked material swatches + visible SKINS caption.
   Not a generic diamond; remains exactly one 44px utility press target. */
#primeCommandDeck .prime-deck-utilities>[data-command-skins]{
 display:flex!important;flex-direction:column!important;justify-content:center!important;
 align-items:center!important;gap:0!important;padding:2px 0!important;
}
#primeCommandDeck [data-command-skins] .prime-forge-pill-icon{
 display:grid!important;place-items:center!important;width:23px!important;
 height:24px!important;line-height:1!important;color:var(--prime-skin-accent,#9cecff)!important;
 filter:drop-shadow(0 0 3px rgba(137,231,252,.25))!important;
}
#primeCommandDeck [data-command-skins] .prime-forge-pill-icon svg{
 display:block!important;width:22px!important;height:22px!important;overflow:visible!important;
}
#primeCommandDeck .prime-deck-utilities>[data-command-skins]>.prime-command-label{
 display:block!important;font:850 7px/1 system-ui,-apple-system,sans-serif!important;
 letter-spacing:.055em!important;color:var(--prime-skin-text,#e9fbff)!important;
 text-shadow:none!important;white-space:nowrap!important;
}

/* Prime Creation // Polished-rubber 3D control material // 2026-10-14
   Paint-only upgrade. PrimePillSystem retains every dimension, transform,
   route, hit target, and scroll owner. No new wrappers, timers, or filters. */
html:root body.prime-v2 #primeCommandDeck.prime-command-deck{
  --prime-rubber-glow:var(--prime-skin-accent,#79eaff);
  --prime-rubber-ink:var(--prime-skin-text,#eaf9ff);
  --prime-rubber-lamplight:var(--pc-spatial-light-x,49%);
}
html:root body.prime-v2 #primeCommandDeck.prime-command-deck .prime-deck-tool-placeholder:not([hidden]),
html:root body.prime-v2 #primeCommandDeck.prime-command-deck .prime-deck-utilities>button,
html:root body.prime-v2 #primeCommandDeck.prime-command-deck .prime-deck-pages>button{
  /* Tight polished crest, micro-embossed rubber grain, rounded sidewall. */
  border:1px solid color-mix(in srgb,var(--prime-rubber-glow) 32%,#35444f)!important;
  background:
    radial-gradient(ellipse 68% 52% at var(--prime-rubber-lamplight) 0%,rgba(238,249,255,.24),rgba(187,227,238,.055) 56%,transparent 92%),
    linear-gradient(180deg,rgba(255,255,255,.13) 0%,rgba(255,255,255,.035) 9%,transparent 29%,rgba(0,0,0,.16) 75%,rgba(0,0,0,.52) 100%),
    repeating-linear-gradient(114deg,rgba(243,250,255,.011) 0px,rgba(243,250,255,.011) 1px,rgba(0,0,0,.012) 1px,rgba(0,0,0,.012) 3px),
    linear-gradient(145deg,#29333b 0%,#161e25 23%,#10171e 59%,#080e13 100%)!important;
  background-blend-mode:screen,normal,soft-light,normal!important;
  color:var(--prime-rubber-ink)!important;
  opacity:1!important;
  box-shadow:
    inset 0 1px 0 rgba(244,254,255,.32),
    inset 1px 0 0 rgba(227,247,255,.09),
    inset -1px 0 0 rgba(0,0,0,.36),
    inset 0 -3px 5px rgba(0,0,0,.56),
    inset 0 0 11px rgba(190,223,231,.035),
    0 2px 0 rgba(0,0,0,.85),
    0 5px 10px rgba(0,0,0,.39),
    0 0 7px color-mix(in srgb,var(--prime-rubber-glow) 12%,transparent)!important;
  text-shadow:0 1px 1px rgba(0,0,0,.85)!important;
}
/* Wayfinding beacons: persistent light, never an animation or pulse. */
html:root body.prime-v2 #primeCommandDeck.prime-command-deck>.prime-deck-tool-placeholder:not([hidden]),
html:root body.prime-v2 #primeCommandDeck.prime-command-deck .prime-deck-utilities>button[data-command-skins]{
  border-color:color-mix(in srgb,var(--prime-rubber-glow) 66%,#a1c8d3)!important;
  box-shadow:
    inset 0 1px 0 rgba(246,253,255,.4),
    inset 0 -3px 5px rgba(0,0,0,.54),
    inset 0 0 12px color-mix(in srgb,var(--prime-rubber-glow) 10%,transparent),
    0 2px 0 rgba(0,0,0,.8),
    0 5px 12px rgba(0,0,0,.42),
    0 0 9px color-mix(in srgb,var(--prime-rubber-glow) 38%,transparent),
    0 0 23px color-mix(in srgb,var(--prime-rubber-glow) 19%,transparent)!important;
}
html:root body.prime-v2 #primeCommandDeck.prime-command-deck .prime-deck-pages>button[data-active],
html:root body.prime-v2 #primeCommandDeck.prime-command-deck .prime-deck-pages>button[aria-current="page"]{
  border-color:color-mix(in srgb,var(--prime-rubber-glow) 56%,#bed5de)!important;
  box-shadow:
    inset 0 1px 0 rgba(252,255,255,.38),
    inset 0 -3px 5px rgba(0,0,0,.52),
    inset 0 0 10px color-mix(in srgb,var(--prime-rubber-glow) 10%,transparent),
    0 2px 0 rgba(0,0,0,.76),
    0 5px 12px rgba(0,0,0,.37),
    0 0 12px color-mix(in srgb,var(--prime-rubber-glow) 26%,transparent)!important;
  animation:none!important;
}
html:root body.prime-v2 #primeCommandDeck.prime-command-deck .prime-deck-pages>button[data-active] b,
html:root body.prime-v2 #primeCommandDeck.prime-command-deck .prime-deck-pages>button[aria-current="page"] b{
  animation:none!important;
  color:#f4fcff!important;
  text-shadow:0 1px 0 #03070c,0 0 8px color-mix(in srgb,var(--prime-rubber-glow) 44%,transparent)!important;
}
html:root body.prime-v2 #primeCommandDeck.prime-command-deck .prime-deck-pages>button[data-active]::before,
html:root body.prime-v2 #primeCommandDeck.prime-command-deck .prime-deck-pages>button[aria-current="page"]::before{animation:none!important}
html:root body.prime-v2 #primeCommandDeck.prime-command-deck .prime-deck-pages>button:is(:hover,:focus-visible),
html:root body.prime-v2 #primeCommandDeck.prime-command-deck .prime-deck-utilities>button:is(:hover,:focus-visible),
html:root body.prime-v2 #primeCommandDeck.prime-command-deck>.prime-deck-tool-placeholder:is(:hover,:focus-visible){
  border-color:color-mix(in srgb,var(--prime-rubber-glow) 78%,white)!important;
  box-shadow:
    inset 0 1px 0 rgba(245,254,255,.48),
    inset 0 -3px 5px rgba(0,0,0,.48),
    inset 0 0 14px color-mix(in srgb,var(--prime-rubber-glow) 15%,transparent),
    0 2px 0 rgba(0,0,0,.82),
    0 6px 13px rgba(0,0,0,.42),
    0 0 16px color-mix(in srgb,var(--prime-rubber-glow) 37%,transparent),
    0 0 27px color-mix(in srgb,var(--prime-rubber-glow) 16%,transparent)!important;
}
html:root body.prime-v2 #primeCommandDeck.prime-command-deck .prime-deck-pages>button:active,
html:root body.prime-v2 #primeCommandDeck.prime-command-deck .prime-deck-utilities>button:active,
html:root body.prime-v2 #primeCommandDeck.prime-command-deck>.prime-deck-tool-placeholder:active{
  box-shadow:inset 0 2px 5px rgba(0,0,0,.72),inset 0 -1px 0 rgba(240,252,255,.13),0 0 11px color-mix(in srgb,var(--prime-rubber-glow) 25%,transparent)!important;
}

/* PRIME /prime-wheel-launch.css */
/* PRIME // WHEEL LAUNCHER ONLY r5
   Original ten route controls remain in DOM as a no-JS fallback.
   Visual effects are confined to the wheel and park as soon as it closes. */
html[data-prime-wheel-ready="true"] body.prime-v2 #primeCommandDeck .prime-deck-pages>[data-command-route]{
 display:none!important;
}
html[data-prime-wheel-ready="true"] body.prime-v2 #primeCommandDeck .prime-deck-pages{
 overflow:hidden!important;touch-action:manipulation!important;scrollbar-width:none!important;
}
html[data-prime-wheel-ready="true"] body.prime-v2 #primeCommandDeck .prime-deck-pages>.prime-wheel-launch{
 flex:1 1 100%!important;width:100%!important;min-width:0!important;
 display:flex!important;align-items:center!important;justify-content:center!important;
 gap:clamp(.4rem,2vw,.9rem)!important;
 height:44px!important;min-height:44px!important;
 margin:0!important;padding:4px 12px!important;border-radius:999px!important;
 opacity:1!important;transform:none!important;color:#ecfcff!important;
 border:1px solid rgba(129,239,255,.58)!important;
 background:radial-gradient(ellipse at 50% 0%,rgba(73,190,238,.28),transparent 70%),linear-gradient(115deg,rgba(6,28,44,.94),rgba(14,46,64,.94),rgba(6,27,43,.94))!important;
 box-shadow:inset 0 1px rgba(255,255,255,.2),inset 0 0 18px rgba(63,204,245,.09),0 0 14px rgba(33,186,218,.09)!important;
 animation:none!important;white-space:nowrap!important;cursor:pointer!important;touch-action:manipulation!important;
}
#primeCommandDeck .prime-deck-pages>.prime-wheel-launch>strong{
 font:750 clamp(.7rem,1.65vw,.9rem)/1 system-ui,sans-serif!important;letter-spacing:.12em!important;
}
#primeCommandDeck .prime-deck-pages>.prime-wheel-launch>small{
 display:block!important;color:#76d7e7!important;letter-spacing:.18em!important;font:700 .58rem/1 system-ui,sans-serif!important;
}
#primeCommandDeck .prime-deck-pages>.prime-wheel-launch>.prime-wheel-launch-icon{
 display:inline-flex!important;align-items:center!important;justify-content:center!important;
 font:700 1.35rem/1 system-ui,sans-serif!important;color:#9ceefa!important;
 filter:drop-shadow(0 0 5px #4dd6fd);
}

/* PRIME /prime-pill-system.css */
/* Prime Creation // Pill System // single geometry authority
   Visuals remain in prime-command-deck.css and prime-shell-skins.css.
   This file alone owns pill parent/position/outer-size/z-space and publishes page reserve.
   It consumes no PrimeLayout geometry and writes no page geometry. */
:root{
  --prime-pill-system-height:56px;
  --prime-pill-system-gap:6px;
  --prime-pill-system-max-width:76rem;
  --prime-pill-system-z:2147482000;
  --prime-pill-system-safe-bottom:env(safe-area-inset-bottom,0px);
  --prime-pill-system-reserve:calc(var(--prime-pill-system-height) + var(--prime-pill-system-gap) + var(--prime-pill-system-safe-bottom));
}

/* The pill is viewport chrome, never page content. */
body.prime-v2 > #primeCommandDeck.prime-command-deck{
  position:fixed!important;
  left:50%!important;
  right:auto!important;
  top:auto!important;
  bottom:calc(var(--prime-pill-system-gap) + var(--prime-pill-system-safe-bottom))!important;
  translate:none!important;
  transform:translate3d(-50%,0,0)!important;
  z-index:var(--prime-pill-system-z)!important;
  width:min(var(--prime-pill-system-max-width),calc(100vw - 12px))!important;
  width:min(var(--prime-pill-system-max-width),calc(100dvw - 12px))!important;
  max-width:calc(100vw - 12px)!important;
  max-width:calc(100dvw - 12px)!important;
  height:var(--prime-pill-system-height)!important;
  min-height:var(--prime-pill-system-height)!important;
  max-height:var(--prime-pill-system-height)!important;
  margin:0!important;
  display:flex!important;
  visibility:visible!important;
  opacity:1!important;
  pointer-events:auto!important;
  content-visibility:visible!important;
  contain:none!important;
  clip-path:none!important;
  filter:none!important;
  perspective:none!important;
  isolation:isolate!important;
  transform-style:flat!important;
  will-change:auto!important;
}

/* iOS WebKit browser-chrome guard. */
@supports (-webkit-touch-callout:none){
  @media (hover:none) and (pointer:coarse){
    body.prime-v2 > #primeCommandDeck.prime-command-deck{
      position:absolute!important;
    }
  }
}

/* Pre-init geometry follows the real startup state. */
body.prime-v2 > #primeCommandDeck.prime-command-deck[data-command-deck-state="initializer"]{
  width:min(15rem,calc(100vw - 16px))!important;
  width:min(15rem,calc(100dvw - 16px))!important;
  max-width:calc(100vw - 16px)!important;
  max-width:calc(100dvw - 16px)!important;
  justify-content:center!important;
}

body.prime-v2 > #primeCommandDeck.prime-command-deck .prime-command-tools-panel{
  position:absolute!important;
  left:0!important;
  right:auto!important;
  top:auto!important;
  bottom:calc(100% + 8px)!important;
  max-height:min(84dvh,calc(100dvh - var(--prime-pill-system-reserve) - env(safe-area-inset-top,0px) - 14px))!important;
  overflow:auto!important;
}

/* Retired contained copies can never become visible. */
body.prime-v2 #main[data-app-shell] > #primeCommandDeck,
body.prime-v2 #main[data-app-shell] > .prime-command-deck[data-command-deck]{display:none!important}

@media(max-width:680px){
  :root{--prime-pill-system-height:56px;--prime-pill-system-gap:5px}
  body.prime-v2 > #primeCommandDeck.prime-command-deck{
    width:calc(100vw - 10px)!important;
    width:calc(100dvw - 10px)!important;
    max-width:calc(100vw - 10px)!important;
    max-width:calc(100dvw - 10px)!important;
  }
  body.prime-v2 > #primeCommandDeck.prime-command-deck[data-command-deck-state="initializer"]{
    width:min(15rem,calc(100vw - 14px))!important;
    width:min(15rem,calc(100dvw - 14px))!important;
  }
}

@media(orientation:landscape) and (max-height:520px){
  /* 44px controls plus the existing 5px padding and 1px border on each side. */
  :root{--prime-pill-system-height:56px;--prime-pill-system-gap:4px}
  body.prime-v2 > #primeCommandDeck.prime-command-deck{
    --prime-pill-landscape-edge:max(6px,env(safe-area-inset-left,0px),env(safe-area-inset-right,0px));
    width:min(var(--prime-pill-system-max-width),calc(100vw - 2 * var(--prime-pill-landscape-edge)))!important;
    width:min(var(--prime-pill-system-max-width),calc(100dvw - 2 * var(--prime-pill-landscape-edge)))!important;
    max-width:calc(100vw - 2 * var(--prime-pill-landscape-edge))!important;
    max-width:calc(100dvw - 2 * var(--prime-pill-landscape-edge))!important;
  }
  body.prime-v2 > #primeCommandDeck.prime-command-deck[data-command-deck-state="initializer"]{
    width:min(15rem,calc(100vw - 2 * var(--prime-pill-landscape-edge)))!important;
    width:min(15rem,calc(100dvw - 2 * var(--prime-pill-landscape-edge)))!important;
  }
  body.prime-v2 > #primeCommandDeck.prime-command-deck .prime-command-tools-panel{
    max-width:100%!important;
    max-height:calc(100vh - var(--prime-pill-system-reserve) - env(safe-area-inset-top,0px) - 16px)!important;
    max-height:calc(100dvh - var(--prime-pill-system-reserve) - env(safe-area-inset-top,0px) - 16px)!important;
    overscroll-behavior:contain;
  }
}

/* RECEPTOR initializer beacon
   Uses the initializer's existing mechanical children so the reference can be matched
   without adding another DOM owner. It exists only while the initializer is ready. */
body.prime-v2 > #primeCommandDeck.prime-command-deck[data-command-deck-state="initializer"] > .prime-deck-initialize::before,
body.prime-v2 > #primeCommandDeck.prime-command-deck[data-command-deck-state="initializer"] > .prime-deck-initialize::after{
  content:none!important;
  display:none!important;
}

body.prime-v2 > #primeCommandDeck.prime-command-deck[data-command-deck-state="initializer"] > .prime-deck-initialize[data-prime-init-state="ready"] > .prime-init-mech{
  position:absolute!important;
  z-index:8!important;
  left:50%!important;
  right:auto!important;
  top:auto!important;
  bottom:calc(100% + 3px)!important;
  width:112px!important;
  height:132px!important;
  margin:0!important;
  opacity:1!important;
  overflow:visible!important;
  pointer-events:none!important;
  transform:translate3d(-50%,0,0)!important;
  transform-origin:50% 100%!important;
  filter:none!important;
  animation:primeInitializerBeaconBob 1.38s cubic-bezier(.45,.04,.55,.96) infinite!important;
}

body.prime-v2 > #primeCommandDeck.prime-command-deck[data-command-deck-state="initializer"] > .prime-deck-initialize[data-prime-init-state="ready"] > .prime-init-mech > *{
  position:absolute!important;
  box-sizing:border-box!important;
  pointer-events:none!important;
}

/* Long luminous energy shaft. */
body.prime-v2 > #primeCommandDeck.prime-command-deck[data-command-deck-state="initializer"] > .prime-deck-initialize[data-prime-init-state="ready"] .prime-init-core{
  display:block!important;
  left:50%!important;
  top:5px!important;
  width:18px!important;
  height:91px!important;
  translate:-50% 0!important;
  border:0!important;
  border-radius:999px 999px 35% 35%!important;
  opacity:1!important;
  background:
    linear-gradient(90deg,transparent 0 16%,rgba(71,174,255,.08) 20%,rgba(106,221,255,.52) 35%,rgba(255,255,255,1) 49%,rgba(219,252,255,.96) 53%,rgba(78,202,255,.48) 68%,transparent 84% 100%),
    linear-gradient(180deg,rgba(54,145,255,0) 0%,rgba(91,199,255,.34) 20%,rgba(200,249,255,.96) 56%,rgba(255,255,255,1) 78%,rgba(101,224,255,.38) 100%)!important;
  box-shadow:
    0 0 5px rgba(255,255,255,.95),
    0 0 12px rgba(109,226,255,.92),
    0 0 28px rgba(48,147,255,.72),
    0 0 46px rgba(69,107,255,.32)!important;
  clip-path:polygon(43% 0,57% 0,61% 78%,50% 100%,39% 78%)!important;
  transform:none!important;
  animation:primeInitializerBeaconEnergy 1.38s ease-in-out infinite!important;
}

/* Fine vertical tracer lines flanking the core. */
body.prime-v2 > #primeCommandDeck.prime-command-deck[data-command-deck-state="initializer"] > .prime-deck-initialize[data-prime-init-state="ready"] .prime-init-piston-l,
body.prime-v2 > #primeCommandDeck.prime-command-deck[data-command-deck-state="initializer"] > .prime-deck-initialize[data-prime-init-state="ready"] .prime-init-piston-r{
  display:block!important;
  top:15px!important;
  width:2px!important;
  height:68px!important;
  margin:0!important;
  border:0!important;
  border-radius:999px!important;
  opacity:.82!important;
  background:linear-gradient(180deg,transparent,rgba(95,201,255,.68) 24%,rgba(228,253,255,.96) 68%,transparent)!important;
  box-shadow:0 0 5px rgba(92,208,255,.8),0 0 13px rgba(68,135,255,.46)!important;
  animation:primeInitializerBeaconTracer 1.38s ease-in-out infinite!important;
}
body.prime-v2 > #primeCommandDeck.prime-command-deck[data-command-deck-state="initializer"] > .prime-deck-initialize[data-prime-init-state="ready"] .prime-init-piston-l{left:42px!important;transform:rotate(-1deg)!important}
body.prime-v2 > #primeCommandDeck.prime-command-deck[data-command-deck-state="initializer"] > .prime-deck-initialize[data-prime-init-state="ready"] .prime-init-piston-r{right:42px!important;transform:rotate(1deg)!important;animation-delay:-.34s!important}
body.prime-v2 > #primeCommandDeck.prime-command-deck[data-command-deck-state="initializer"] > .prime-deck-initialize[data-prime-init-state="ready"] .prime-init-piston-l::after,
body.prime-v2 > #primeCommandDeck.prime-command-deck[data-command-deck-state="initializer"] > .prime-deck-initialize[data-prime-init-state="ready"] .prime-init-piston-r::after{
  content:""!important;
  position:absolute!important;
  left:50%!important;
  top:8px!important;
  width:1px!important;
  height:44px!important;
  translate:-50% 0!important;
  background:linear-gradient(180deg,transparent,rgba(255,255,255,.92),transparent)!important;
  box-shadow:0 0 4px rgba(112,226,255,.84)!important;
}

/* Two holographic orbit rings around the beam. */
body.prime-v2 > #primeCommandDeck.prime-command-deck[data-command-deck-state="initializer"] > .prime-deck-initialize[data-prime-init-state="ready"] .prime-init-ring{
  display:block!important;
  left:50%!important;
  top:68px!important;
  width:82px!important;
  height:22px!important;
  margin:0!important;
  translate:-50% -50%!important;
  border:1px solid rgba(169,239,255,.76)!important;
  border-radius:50%!important;
  clip-path:none!important;
  background:radial-gradient(ellipse at center,rgba(94,211,255,.08) 0 30%,transparent 64%)!important;
  box-shadow:0 0 6px rgba(104,221,255,.42),inset 0 0 6px rgba(140,231,255,.22)!important;
  opacity:.86!important;
  filter:drop-shadow(0 0 3px rgba(91,206,255,.6))!important;
  transform:none!important;
  animation:primeInitializerBeaconOrbit 2.7s linear infinite!important;
}
body.prime-v2 > #primeCommandDeck.prime-command-deck[data-command-deck-state="initializer"] > .prime-deck-initialize[data-prime-init-state="ready"] .prime-init-ring-b{
  top:73px!important;
  width:58px!important;
  height:14px!important;
  border-style:solid!important;
  border-color:rgba(122,215,255,.66)!important;
  opacity:.64!important;
  animation-duration:2.1s!important;
  animation-direction:reverse!important;
}

/* Crystal double-chevron arrowhead from the reference. */
body.prime-v2 > #primeCommandDeck.prime-command-deck[data-command-deck-state="initializer"] > .prime-deck-initialize[data-prime-init-state="ready"] .prime-init-shutter{
  display:block!important;
  left:50%!important;
  top:79px!important;
  width:58px!important;
  height:50px!important;
  translate:-50% 0!important;
  overflow:visible!important;
  border:0!important;
  border-radius:0!important;
  opacity:1!important;
  background:
    linear-gradient(135deg,transparent 0 40%,rgba(203,248,255,.98) 41% 45%,rgba(91,198,255,.72) 46% 50%,transparent 51%) left top/50% 100% no-repeat,
    linear-gradient(225deg,transparent 0 40%,rgba(203,248,255,.98) 41% 45%,rgba(91,198,255,.72) 46% 50%,transparent 51%) right top/50% 100% no-repeat!important;
  filter:
    drop-shadow(0 0 2px rgba(255,255,255,1))
    drop-shadow(0 0 7px rgba(105,229,255,.95))
    drop-shadow(0 0 16px rgba(54,145,255,.75))!important;
  box-shadow:none!important;
  transform:rotate(180deg)!important;
  transform-origin:50% 50%!important;
  animation:primeInitializerBeaconArrowGlow 1.38s ease-in-out infinite!important;
}
body.prime-v2 > #primeCommandDeck.prime-command-deck[data-command-deck-state="initializer"] > .prime-deck-initialize[data-prime-init-state="ready"] .prime-init-shutter::before,
body.prime-v2 > #primeCommandDeck.prime-command-deck[data-command-deck-state="initializer"] > .prime-deck-initialize[data-prime-init-state="ready"] .prime-init-shutter::after{
  content:""!important;
  position:absolute!important;
  left:50%!important;
  width:42px!important;
  height:27px!important;
  translate:-50% 0!important;
  border:0!important;
  opacity:1!important;
  background:
    linear-gradient(135deg,transparent 0 43%,rgba(255,255,255,.98) 44% 48%,rgba(97,216,255,.78) 49% 53%,transparent 54%) left top/50% 100% no-repeat,
    linear-gradient(225deg,transparent 0 43%,rgba(255,255,255,.98) 44% 48%,rgba(97,216,255,.78) 49% 53%,transparent 54%) right top/50% 100% no-repeat!important;
  filter:drop-shadow(0 0 4px rgba(106,226,255,.92))!important;
  transform:none!important;
}
body.prime-v2 > #primeCommandDeck.prime-command-deck[data-command-deck-state="initializer"] > .prime-deck-initialize[data-prime-init-state="ready"] .prime-init-shutter::before{top:-1px!important}
body.prime-v2 > #primeCommandDeck.prime-command-deck[data-command-deck-state="initializer"] > .prime-deck-initialize[data-prime-init-state="ready"] .prime-init-shutter::after{top:10px!important;width:30px!important;height:22px!important;opacity:.82!important}

@keyframes primeInitializerBeaconBob{
  0%,100%{transform:translate3d(-50%,-8px,0)}
  50%{transform:translate3d(-50%,4px,0)}
}
@keyframes primeInitializerBeaconEnergy{
  0%,100%{opacity:.66;filter:brightness(.86)}
  50%{opacity:1;filter:brightness(1.35)}
}
@keyframes primeInitializerBeaconTracer{
  0%,100%{opacity:.28;scale:1 .82}
  50%{opacity:.92;scale:1 1.08}
}
@keyframes primeInitializerBeaconOrbit{
  0%{transform:rotateZ(0deg) scaleX(.88);opacity:.42}
  50%{transform:rotateZ(180deg) scaleX(1.06);opacity:.92}
  100%{transform:rotateZ(360deg) scaleX(.88);opacity:.42}
}
@keyframes primeInitializerBeaconArrowGlow{
  0%,100%{opacity:.76;filter:drop-shadow(0 0 2px rgba(255,255,255,.9)) drop-shadow(0 0 6px rgba(105,229,255,.7)) drop-shadow(0 0 12px rgba(54,145,255,.48))}
  50%{opacity:1;filter:drop-shadow(0 0 3px rgba(255,255,255,1)) drop-shadow(0 0 10px rgba(105,229,255,1)) drop-shadow(0 0 21px rgba(54,145,255,.9))}
}

@media(max-width:680px){
  body.prime-v2 > #primeCommandDeck.prime-command-deck[data-command-deck-state="initializer"] > .prime-deck-initialize[data-prime-init-state="ready"] > .prime-init-mech{
    width:104px!important;
    height:126px!important;
  }
}

@media(prefers-reduced-motion:reduce){
  body.prime-v2 > #primeCommandDeck.prime-command-deck[data-command-deck-state="initializer"] > .prime-deck-initialize[data-prime-init-state="ready"] > .prime-init-mech,
  body.prime-v2 > #primeCommandDeck.prime-command-deck[data-command-deck-state="initializer"] > .prime-deck-initialize[data-prime-init-state="ready"] > .prime-init-mech *{
    animation:none!important;
  }
  body.prime-v2 > #primeCommandDeck.prime-command-deck[data-command-deck-state="initializer"] > .prime-deck-initialize[data-prime-init-state="ready"] > .prime-init-mech{
    transform:translate3d(-50%,-2px,0)!important;
  }
}
/* The command deck is Prime website navigation, not a comic reader control.
   The integrated reader owns the full visual plane while open. Its separate
   in-reader toolbar remains untouched, and closing the reader restores this
   pill automatically because PrimeReaderViewport removes the root state. */
html[data-prime-reader-portal="comic"] body.prime-v2 > #primeCommandDeck.prime-command-deck{
  display:none!important;
  visibility:hidden!important;
  pointer-events:none!important;
}

/* Comic reader remote may open the exact Prime Spatial control drawer above
   the isolated reader. Ordinary website navigation stays hidden otherwise. */
html[data-prime-reader-portal="comic"][data-prime-comic-spatial-menu="open"] body.prime-v2 > #primeCommandDeck.prime-command-deck{
 position:fixed!important;display:flex!important;visibility:visible!important;pointer-events:auto!important;
 z-index:2147482900!important;
}
html[data-prime-reader-portal="comic"][data-prime-comic-spatial-menu="open"] body.prime-v2 > #primeCommandDeck.prime-command-deck .prime-command-tools-panel{
 pointer-events:auto!important;
}

/* PRIME /prime-spatial-startup-prompt.css */
/* Prime Creation | nonblocking Spatial choice | 2026-10-12 */
#primeSpatialStartupChoice{
  position:fixed;inset:0;z-index:2147483000;box-sizing:border-box;
  display:flex;align-items:flex-end;justify-content:flex-end;
  padding:16px max(18px,env(safe-area-inset-right,0px))
    calc(var(--prime-pill-system-reserve,68px) + 12px);
  pointer-events:none;background:none;
  backdrop-filter:none;-webkit-backdrop-filter:none;
}
#primeSpatialStartupChoice .prime-spatial-choice-card{
  pointer-events:auto;box-sizing:border-box;width:min(348px,100%);
  max-height:min(340px,calc(100dvh - var(--prime-pill-system-reserve,68px) - 30px));
  overflow:auto;border:1px solid rgba(157,226,250,.38);border-radius:17px;
  padding:15px;color:#f3faff;
  background:linear-gradient(155deg,rgba(13,26,37,.98),rgba(2,8,14,.985));
  box-shadow:0 14px 38px rgba(0,0,0,.58),inset 0 1px rgba(255,255,255,.1);
  font:600 12px/1.4 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  letter-spacing:.012em;
}
#primeSpatialStartupChoice .prime-spatial-choice-kicker{
  font-size:9px;letter-spacing:.2em;color:#8adfee;margin-bottom:5px;
}
#primeSpatialStartupChoice h2{
  font-size:18px;line-height:1.12;letter-spacing:-.02em;margin:0 0 6px;
}
#primeSpatialStartupChoice p{
  font-size:12px;line-height:1.4;font-weight:450;letter-spacing:0;
  color:#c2d4df;margin:0 0 9px;
}
#primeSpatialStartupChoice .prime-spatial-choice-status{
  min-height:12px;margin:0 0 10px;font-size:9px;letter-spacing:.12em;
  text-transform:uppercase;color:#a4cad9;
}
#primeSpatialStartupChoice .prime-spatial-choice-actions{
  display:grid;grid-template-columns:1fr 1fr;gap:9px;
}
#primeSpatialStartupChoice button{
  appearance:none;min-width:0;min-height:44px;border-radius:10px;
  border:1px solid rgba(180,226,244,.28);background:rgba(255,255,255,.05);
  color:#f1faff;font:750 11px/1.1 system-ui,sans-serif;
  letter-spacing:.04em;cursor:pointer;touch-action:manipulation;
}
#primeSpatialStartupChoice button[data-spatial-choice="yes"]{
  background:linear-gradient(155deg,rgba(83,186,218,.23),rgba(33,79,116,.26));
  border-color:rgba(135,218,244,.54);
}
#primeSpatialStartupChoice button[hidden]{display:none!important}
#primeSpatialStartupChoice button[data-spatial-choice="touch"]{
  grid-column:1/-1;
  background:linear-gradient(155deg,rgba(83,186,218,.15),rgba(25,61,93,.19));
  border-color:rgba(135,218,244,.4);
}
#primeSpatialStartupChoice button:disabled{opacity:.47;cursor:progress}
#primeSpatialStartupChoice button:focus-visible{
  outline:2px solid #8defff;outline-offset:3px;
}
@media(max-width:600px){
  #primeSpatialStartupChoice{
    justify-content:center;
    padding:10px 12px calc(var(--prime-pill-system-reserve,68px) +
      env(safe-area-inset-bottom,0px) + 5px);
  }
  #primeSpatialStartupChoice .prime-spatial-choice-card{
    width:min(360px,100%);padding:12px 13px;border-radius:15px;
    max-height:min(290px,calc(100dvh - var(--prime-pill-system-reserve,68px) - 24px));
  }
  #primeSpatialStartupChoice h2{font-size:16px}
  #primeSpatialStartupChoice p{font-size:11px}
}
@media(orientation:landscape) and (max-height:520px){
  #primeSpatialStartupChoice{
    padding:8px 12px calc(var(--prime-pill-system-reserve,52px) + 5px);
  }
  #primeSpatialStartupChoice .prime-spatial-choice-card{
    width:min(310px,48vw);padding:10px 12px;
    max-height:calc(100dvh - var(--prime-pill-system-reserve,52px) - 16px);
  }
  #primeSpatialStartupChoice p{margin-bottom:5px}
  #primeSpatialStartupChoice .prime-spatial-choice-status{margin-bottom:5px}
}