/* V54 — art direction system: glass, metal, depth, motion, accessibility. */
:root{--jr5-silver:#dbe8f3;--jr5-cyan:#7bd7f4;--jr5-ink:#050914;--jr5-ease:cubic-bezier(.16,1,.3,1)}
.menu-sculpture{isolation:isolate;contain:layout style;}
.menu-sculpture canvas.jr5-v54-orb{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:2;}
.menu-sculpture.jr5-v54-ready svg{opacity:0;transition:opacity .3s ease}
.menu-sculpture>span{position:relative;z-index:4!important;letter-spacing:-.085em!important;background:linear-gradient(155deg,#faffff 2%,#7d94ad 15%,#fff 24%,#617589 37%,#d9e7f0 47%,#293f56 59%,#f9ffff 70%,#839aab 83%,#fff 97%);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-stroke:.7px #e8f8ff88;text-shadow:0 14px 24px #0009;filter:drop-shadow(0 1px 1px #d8f6ff66)}
.menu-sculpture:after{content:'';position:absolute;z-index:2;inset:8%;border-radius:50%;pointer-events:none;background:radial-gradient(ellipse at 30% 18%,#fff8,transparent 24%),radial-gradient(ellipse at 72% 78%,#65c6ff38,transparent 42%);mix-blend-mode:screen;opacity:.65}
/* Premium photographic product framing: no per-frame CSS filters. */
.orbit-card,.detail-art,.deck-art,.atlas-art{position:relative;isolation:isolate;transform-style:preserve-3d;backface-visibility:hidden;}
.orbit-card:after,.detail-art:after,.deck-art:after,.atlas-art:after{content:'';position:absolute;inset:0;pointer-events:none;z-index:3;border-radius:inherit;background:linear-gradient(132deg,#fff5 0%,#fff1 12%,transparent 37%,transparent 62%,#8fc9ff1e 87%,#fff2 100%);box-shadow:inset 1px 1px 0 #ffffff55,inset -1px -1px 0 #03172e99;opacity:.85}
.detail-art,.deck-art,.atlas-art{box-shadow:0 22px 54px #0009,0 1px 0 #ffffff35,0 0 30px #4d9bdb1b}
.detail-art{transition:transform .6s var(--jr5-ease),box-shadow .6s var(--jr5-ease)}
.detail-panel:not([hidden]) .detail-art:hover{transform:perspective(1000px) rotateX(0) rotateY(0) translateY(-4px);box-shadow:0 35px 65px #000b,0 0 45px #5cbcff28}
/* Section staging is restrained to avoid motion jank on low-power devices. */
@media (min-width:900px) and (prefers-reduced-motion:no-preference){
 .screen:not([hidden]) .intro-copy,.screen:not([hidden]) .explore-heading,.screen:not([hidden]) .atlas-heading{animation:jr5-v54-arrive .85s var(--jr5-ease) both}
 @keyframes jr5-v54-arrive{from{opacity:.35;transform:translate3d(0,20px,0);filter:blur(5px)}to{opacity:1;transform:translate3d(0,0,0);filter:blur(0)}}
}
/* Cinematic type treatment without replacing existing layout/branding. */
.planet-emblem{background:linear-gradient(165deg,#fff 5%,#c5d6e4 23%,#5b7899 42%,#fff 57%,#a9c8db 73%,#fff 95%);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 4px 5px #0213269c)}
@media(max-width:760px){
 .menu-sculpture{filter:drop-shadow(0 0 15px #74cfff38)}
 .detail-art,.deck-art,.atlas-art{box-shadow:0 12px 25px #0007}
 .orbit-card:after,.detail-art:after,.deck-art:after,.atlas-art:after{opacity:.5}
 .planet-system:before{display:none}
}
@media(prefers-reduced-motion:reduce){.menu-sculpture.jr5-v54-ready svg{transition:none}.detail-art{transition:none}}