/* More visible stellar detail, with the brightest galaxy dust kept behind the planet. */
.orion-sky{background:linear-gradient(90deg,#03081055 0%,#03081015 52%,#03081024),url('assets/galaxy-background.webp') 58% center/cover;opacity:.96}
.orion-sky::after{content:'';position:absolute;inset:0;pointer-events:none;background:url('assets/galaxy-background.webp') 25% 65%/cover;transform:rotate(180deg);opacity:.17;mix-blend-mode:screen}
.focus-space{background:linear-gradient(90deg,#020610d9 0%,#03081087 42%,#03081018 78%),url('assets/galaxy-background.webp') center/cover;opacity:.87}
.chronicle::before{opacity:.83}
#civilizations,.boss-archive{background-color:#080b10;background-image:linear-gradient(#080b10d9,#080b10ed),url('assets/galaxy-background.webp');background-position:center top;background-size:100% 100%,max(100%,1000px) auto;background-repeat:no-repeat,repeat-y}
/* Trailer control: dark machined metal, a restrained gold aperture and interaction-only light. */
.hero-actions{flex-wrap:wrap;row-gap:20px}
.hero .trailer-button{position:relative;isolation:isolate;overflow:hidden;display:inline-flex;align-items:center;gap:17px;min-height:76px;min-width:262px;max-width:100%;padding:13px 23px 13px 17px;text-align:left;color:#eee2c8;border:1px solid #bba47a66;border-radius:3px;background:linear-gradient(120deg,#23313bcc,#101822f5 42%,#0b111a),#0b111a;box-shadow:inset 0 1px #fff0cc12,inset 0 -1px #020508,0 8px 25px #0005;transition:border-color .35s,box-shadow .35s,transform .35s}
.trailer-button::before{content:'';position:absolute;left:17px;right:17px;top:0;height:1px;background:linear-gradient(90deg,transparent,#e4c58bab,transparent);pointer-events:none}
.trailer-button::after{content:'';position:absolute;inset:-60% -20%;z-index:-1;background:linear-gradient(110deg,transparent 37%,#e5d4b518 48%,transparent 60%);transform:translateX(-100%);transition:transform .85s ease;pointer-events:none}
.hero .trailer-button .play-circle{flex:0 0 44px;width:44px;height:44px;padding:0;border:1px solid #d5b77799;background:radial-gradient(circle at 35% 25%,#dbbd7f1a,transparent 70%),#101a25;color:#e8cb90;box-shadow:inset 0 0 0 4px #07101b,inset 0 0 0 5px #a28c5b42,0 0 20px #d9bb7110;transition:box-shadow .35s,color .35s}
.hero .trailer-button .play-circle::after{inset:-5px;border-top-color:#e8d2a76b;border-bottom-color:#779aab60;transform:rotate(-35deg);transition:transform .7s ease}
.trailer-label{font:500 16px/1.5 var(--sans);letter-spacing:.12em;min-width:0}
.trailer-label .small-en{font:500 12px/1.6 var(--sans);letter-spacing:.13em;color:#a4b3c2;margin-top:4px}
.trailer-edge{display:block;margin-left:auto;width:3px;height:24px;flex:0 0 3px;background:linear-gradient(transparent,#bba47a80,transparent);box-shadow:5px 0 #8ca4b222}
.hero .trailer-button:focus-visible{outline:2px solid #ead3a1;outline-offset:5px;border-color:#e5c68a}
@media(hover:hover){.hero .trailer-button:hover{transform:translateY(-2px);border-color:#d9bd83b3;box-shadow:inset 0 1px #fff0cc26,0 10px 30px #0007,0 0 24px #c8aa6a0d}.trailer-button:hover::after{transform:translateX(100%)}.hero .trailer-button:hover .play-circle{color:#fff0c9;box-shadow:inset 0 0 0 4px #07101b,inset 0 0 0 5px #c5ac7370,0 0 20px #d9bb7126}.hero .trailer-button:hover .play-circle::after{transform:rotate(35deg)}}
.hero .trailer-button:active{transform:translateY(1px);border-color:#e5c68a;box-shadow:inset 0 2px 12px #0008}
@media(max-width:600px){.orion-sky{background-position:57% center;opacity:.91}.orion-sky::after{opacity:.12}.hero .trailer-button{width:min(100%,290px);min-width:0;min-height:76px}.hero .hero-actions{gap:20px}.trailer-label{font-size:16px}.trailer-label .small-en{font-size:12px}}
@media(prefers-reduced-motion:reduce){.hero .trailer-button,.hero .trailer-button .play-circle,.hero .trailer-button .play-circle::after{transition:none}.trailer-button::after{display:none}.hero .trailer-button:hover{transform:none}}
.motion-paused .trailer-button::after{display:none}