/* PRIME 17:45 VIDEO PRESENTATION // Oct 12 restoration overlay r1 Restore the original thin unbranded titanium bezel and deep midnight glass. New upgrades remain: one canonical camera, parent-Z hierarchy, masked holographic PNG circuits, low-cost Fresnel pose and recursive interior Z. Never style the viewport parent, Page04 source artwork, or an open modal. */ /* Thin, cool-white machined line with the restrained video-reference edge contrast; the new actual corner-facet and sidewall geometry remains. */ html[data-prime-spatial-system-enabled="true"][data-prime-spatial-enabled="true"] body.prime-v2 [data-prime-machine-panel="true"]{ border-color:rgba(183,208,225,.65)!important; box-shadow:inset 0 1px 0 rgba(245,252,255,.18), inset 0 0 0 1px rgba(22,49,69,.43), 0 0 0 1px rgba(214,232,245,.25), 0 7px 19px rgba(0,4,11,.36)!important; transform-style:preserve-3d!important; } html[data-prime-spatial-system-enabled="true"][data-prime-spatial-enabled="true"] body.prime-v2 [data-prime-machine-panel="true"]>.prime-spatial-thickness> :is(.prime-device-chassis-corner-wall,.prime-machine-seam){ filter:none!important; } /* SOURCE REPAIR r6: every physical machine screen is a clear aperture. Gold and Steampunk were intentionally bypassed in the old rule. Their skin body colors then painted over negative-Z ink. Never tint the front surface or cover the actual recessed content. The Z2 and rear well carry all depth/background occlusion, while front glass retains its own gloss. */ html[data-prime-spatial-enabled="true"] body.prime-v2 #main[data-app-shell]>.app-window.is-prime-viewport-active [data-prime-machine-panel="true"][data-prime-z-screen="true"]{ background:none!important; background-image:none!important; background-color:transparent!important; box-shadow:inset 0 1px 0 rgba(249,252,255,.24), inset 0 -1px 0 rgba(125,170,202,.16), inset 0 0 0 1px rgba(196,229,247,.13), 0 0 0 1px rgba(190,214,232,.32), 0 7px 20px rgba(0,4,14,.42)!important; } /* The classic Prime spectral glass is not a fixed white painted stripe: its glint follows canonical Prismatic pose, and the center stays clear. */ html[data-prime-spatial-enabled="true"] body.prime-v2 [data-prime-machine-panel="true"]>.prime-spatial-surface-relief{ opacity:.24!important; } html[data-prime-spatial-enabled="true"] body.prime-v2 [data-prime-machine-panel="true"]>.prime-spatial-thickness >.prime-panel-chrome-circuit{ mix-blend-mode:screen!important; opacity:.78!important; } /* A modest per-screen lens makes the receding content visibly distinct without rotating the viewport parent or changing any element's X/Y. */ html[data-prime-spatial-system-enabled="true"][data-prime-spatial-enabled="true"] body.prime-v2 #main[data-app-shell]>.app-window:not(#top):not(#portfolio) [data-prime-z-screen="true"]{ perspective:820px!important; perspective-origin:50% 48%!important; transform-style:preserve-3d!important; --prime-panel-depth-gain:1; } html[data-prime-spatial-enabled="true"] body.prime-v2 [data-prime-z-screen="true"] [data-prime-z-screen-content]{ transform-style:preserve-3d!important; } html[data-prime-spatial-enabled="true"] body.prime-v2 [data-prime-z-screen="true"] [data-prime-z-screen-content="type"], html[data-prime-spatial-enabled="true"] body.prime-v2 [data-prime-z-screen="true"] [data-prime-z-screen-content="controls"]{ backface-visibility:visible!important; text-rendering:optimizeLegibility; } /* Preserve crisp copy on phone screens and skip costly optical overdrive. */ @media(max-width:700px){ html[data-prime-spatial-enabled="true"] body.prime-v2 #main[data-app-shell]>.app-window:not(#top):not(#portfolio) [data-prime-z-screen="true"]{perspective:660px!important} } html[data-prime-performance-mode="light"] body.prime-v2 [data-prime-z-screen="true"]{--prime-panel-depth-gain:1} @media(prefers-reduced-motion:reduce){ html body.prime-v2 [data-prime-machine-panel="true"]{ transition:none!important; } } @media(forced-colors:active){ body.prime-v2 .prime-machine-brand-badge{display:none!important} } /* PRIME CONTROL SIGNAGE SAFETY // Page 07 The panel and each button may recede as a unit. However button labels, icons and action arrows must sit on the button's FRONT surface. The recursive Z map must not put text behind the solid button material. */ html[data-prime-spatial-system-enabled="true"][data-prime-spatial-enabled="true"] body.prime-v2 #sprite .sprite-launch-gate [data-sprit-launch]>:is(strong,span,b,em,i,svg), html[data-prime-spatial-system-enabled="true"][data-prime-spatial-enabled="true"] body.prime-v2 #sprite .sprite-launch-gate [data-sprit-disconnect]>:is(strong,span,b,em,i,svg){ position:relative!important; display:inline-block!important; z-index:7!important; translate:0px 0px .65px!important; transform:none!important; opacity:1!important; visibility:visible!important; color:#eef7fc!important; -webkit-text-fill-color:#eef7fc!important; mix-blend-mode:normal!important; backface-visibility:visible!important; filter:none!important; text-shadow:0 1px 2px rgba(0,5,14,.48)!important; } html[data-prime-spatial-system-enabled="true"][data-prime-spatial-enabled="true"] body.prime-v2 #sprite .sprite-launch-gate [data-sprit-launch] [data-sprit-launch-label]{ position:relative!important; z-index:8!important; color:#f2f9fc!important; -webkit-text-fill-color:#f2f9fc!important; visibility:visible!important; opacity:1!important; } /* Other links use the same safe rule: recessed button = ONE object, lettering never another independently receding surface. */ html[data-prime-spatial-enabled="true"] body.prime-v2 [data-prime-z-screen="true"] :is(button,.button,a[role="button"],[role="button"]) > [data-prime-z-screen-content]{ translate:0px 0px .5px!important; position:relative!important; z-index:7!important; } /* PRIME SCREEN NEGATIVE DEPTH CONTRACT r6. Screen shell is Z=0. Every real content item has negative screen-local Z, including whole clickable button surfaces. Label text may approach the aperture, but the status caption never crosses the glass plane. */ html[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"] [data-prime-z-screen-content="controls"]{ transform-style:preserve-3d!important; backface-visibility:visible!important; } html[data-prime-spatial-system-enabled="true"][data-prime-spatial-enabled="true"] body.prime-v2 #sprite .sprite-launch-gate :is([data-sprit-launch],[data-sprit-disconnect]){ transform-style:preserve-3d!important; backface-visibility:visible!important; isolation:auto!important; } /* No button icon, title or arrow escapes its parent glass surface, but all remain visible in front of that button's own opaque paint. */ html[data-prime-spatial-system-enabled="true"][data-prime-spatial-enabled="true"] body.prime-v2 #sprite .sprite-launch-gate :is([data-sprit-launch],[data-sprit-disconnect]) > :is(strong,span,b,em,i,svg,img){ translate:0px 0px .65px!important; transform-style:preserve-3d!important; } /* Near-glass signage exception, at a NEGATIVE depth relative to Z=0. */ html[data-prime-spatial-system-enabled="true"][data-prime-spatial-enabled="true"] body.prime-v2 [data-prime-z-front-signage="true"]{ --prime-panel-depth-gain:1!important; color:#dce8ef!important; -webkit-text-fill-color:#dce8ef!important; opacity:1!important; visibility:visible!important; text-shadow:0 1px 2px rgba(0,6,18,.60)!important; }