/* 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. */
