/* Light lives behind the actual screenshots; their pixels and feature positions stay intact. */
.tour-stage{isolation:isolate}.tour-stage:before{content:"";position:absolute;inset:8% -8% 5%;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 35% 48%,#c3913542,transparent 66%),radial-gradient(ellipse at 95% 0,#426a6f22,transparent 55%);filter:blur(26px)}.tour-canvas{transform:perspective(1100px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));transform-origin:center;transition:transform .6s cubic-bezier(.22,1,.36,1);box-shadow:0 30px 70px #0007,0 8px 22px #0006;will-change:auto}.tour-canvas:after{content:"";position:absolute;inset:0;pointer-events:none;z-index:3;background:radial-gradient(ellipse at var(--lx,40%) var(--ly,30%),#e6cfa813,transparent 48%);mix-blend-mode:screen}.tour-outgoing{position:absolute;inset:0;z-index:1;pointer-events:none}.tour-focus{z-index:4}.tour-focus.pulse{animation:focus-arrival .75s ease-out}.tour-canvas.fx-shift:before{content:"";position:absolute;inset:-35% -20%;z-index:3;pointer-events:none;background:linear-gradient(110deg,transparent 42%,#eed4a418 49%,transparent 56%);animation:screen-sheen .8s cubic-bezier(.22,1,.36,1) both}.tour-status{display:flex;align-items:center;gap:14px;margin-top:13px;color:#ae9570;font-size:11px}.tour-status .tour-chapter{color:#e4bd75;font-variant-numeric:tabular-nums;letter-spacing:.08em}.tour-track{height:2px;flex:1;background:#78603a35;overflow:hidden}.tour-track i{display:block;height:100%;width:var(--progress,14.3%);background:linear-gradient(90deg,#89632c,#ecc780);transition:width .65s cubic-bezier(.22,1,.36,1)}.tour-status small{font-size:10px;letter-spacing:.1em}.tour-step.active h3{animation:heading-arrival .6s both}.fx-visible.capability-visual img,.fx-visible.loadout-items img{animation:item-suspend 5.6s ease-in-out infinite;animation-delay:calc(var(--item-order,0)*-.65s)}.capability-visual,.loadout-items{isolation:isolate}.capability-visual:after{content:"";position:absolute;inset:15%;pointer-events:none;z-index:-1;background:radial-gradient(ellipse,#c29c3d35,transparent 70%);filter:blur(12px)}.capability-card:hover .capability-visual{filter:drop-shadow(0 8px 14px #cda05245)}.exile-metrics>div{position:relative}.exile-metrics strong{text-shadow:0 0 26px #bc8f3424}.feature-display .screenshot-button{filter:drop-shadow(0 25px 25px #0007)}.feature-display .screenshot-button img{transition:filter .4s}.feature-display .screenshot-button:hover img{filter:brightness(1.055)}
@keyframes focus-arrival{0%{border-color:#fff0c3;filter:drop-shadow(0 0 11px #f1ce8799)}100%{border-color:#e3b65a;filter:drop-shadow(0 0 0 transparent)}}@keyframes screen-sheen{from{transform:translateX(-32%);opacity:0}25%{opacity:1}to{transform:translateX(32%);opacity:0}}@keyframes heading-arrival{from{opacity:.55;transform:translateY(9px)}to{opacity:1;transform:none}}@keyframes item-suspend{0%,100%{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-5px) rotate(1deg)}}
.motion-off .tour-canvas,.motion-off .tour-track i,.motion-off .tour-step,.motion-off .screenshot-button img{transition:none!important}.motion-off .tour-canvas{transform:none!important}.motion-off .pulse,.motion-off .fx-shift:before,.motion-off .tour-step.active h3,.motion-off .fx-visible img{animation:none!important}.fx-paused .fx-visible img{animation-play-state:paused!important}
@media(max-width:760px){.tour-canvas{transform:none!important}.tour-stage:before{filter:blur(18px);inset:12% 0}.tour-status{margin-top:7px;gap:9px}.tour-status small{display:none}.fx-visible.capability-visual img,.fx-visible.loadout-items img{animation-duration:7s}}
@media(prefers-reduced-motion:reduce){.tour-canvas,.tour-track i,.tour-step,.screenshot-button img{transition:none!important}.tour-canvas{transform:none!important}.pulse,.fx-shift:before,.tour-step.active h3,.fx-visible img{animation:none!important}}
