/* Exact supplied artwork: direct horizontal drag with a gentle loot hover. */
.header{background:#1a3471;border-bottom-color:#b8d5ff35}.header nav .active{color:#17346b}
.hero{overflow:clip;background:radial-gradient(ellipse at 72% 43%,#7697d9 0%,#527abb 30%,var(--lobby-blue) 63%,#284d86 100%)}
.hero:before{display:block;inset:-14%;opacity:.5;background:linear-gradient(#9bb9ff11 1px,transparent 1px),linear-gradient(90deg,#9bb9ff11 1px,transparent 1px);background-size:125px 125px;transform:perspective(1100px) rotateY(-9deg) rotateZ(-3deg) scale(1.05);mask-image:linear-gradient(90deg,transparent 10%,#000 50%);pointer-events:none}
.hero:after{display:block;opacity:1;background:radial-gradient(ellipse at 70% 53%,#fff1b626,transparent 40%);pointer-events:none}
.lobby-rays{display:none}.lobby-floor{height:17%;bottom:0;opacity:.22;background-size:100px 100px}
.weapon-stage{position:absolute;left:38%;right:4%;top:var(--stage-safe-top,56px);bottom:var(--stage-safe-bottom,110px);z-index:3;isolation:isolate}
#weapon-canvas{position:absolute;inset:0 0 18px;isolation:isolate;background:transparent;animation:scar-hover 5.8s ease-in-out infinite;will-change:transform}
.scar-poster{position:absolute;inset:0;z-index:1;pointer-events:none;transition:opacity .2s}
.scar-poster img{width:100%;height:100%;object-fit:contain;display:block;user-select:none;-webkit-user-drag:none;filter:brightness(1.2) saturate(1.16) drop-shadow(0 0 2px #ffe78ff2) drop-shadow(0 0 9px #ffc928ad) drop-shadow(0 0 25px #ffb61e70)}
#scar-render{position:absolute;inset:0;display:block;width:100%;height:100%;background:transparent;opacity:0;transition:opacity .2s;pointer-events:none;filter:drop-shadow(0 0 2px #ffe78ff2) drop-shadow(0 0 9px #ffc928ad) drop-shadow(0 0 25px #ffb61e70)}
.art-ready #scar-render{opacity:1}.art-ready .scar-poster{opacity:0}
#scar-drag-surface{position:absolute;inset:0;z-index:2;cursor:grab;touch-action:pan-y;user-select:none;outline-offset:-5px}#scar-drag-surface.dragging{cursor:grabbing}
.loot-halo{position:absolute;bottom:5px;left:13%;right:13%;height:27px;border:1px solid #ffe994c9;border-radius:50%;background:radial-gradient(ellipse,#fff6c413 36%,#ffeaa538 60%,#fff0a3a0 65%,transparent 73%);box-shadow:0 0 40px #ffd44766,inset 0 0 24px #ffe07766;transform:rotate(-3deg);pointer-events:none}
.loot-halo:after{content:'';position:absolute;inset:-9px -24px;border:1px solid #eed57638;border-radius:50%}
@keyframes scar-hover{0%,100%{transform:translateY(3px)}50%{transform:translateY(-4px)}}
.ambient-paused #weapon-canvas,.motion-paused #weapon-canvas{animation-play-state:paused}
@media(max-width:1100px) and (min-width:761px){.weapon-stage{left:37%;right:3%}}
@media(max-width:760px){.weapon-stage{left:5%;right:5%;top:var(--stage-safe-top);bottom:var(--stage-safe-bottom)}#weapon-canvas{bottom:16px}.hero:before{background-size:90px 90px;mask-image:linear-gradient(180deg,transparent 4%,#000 34%)}.loot-halo{bottom:4px;height:19px;left:15%;right:15%}.loot-halo:after{inset:-6px -16px}}
@media(max-height:600px) and (min-width:761px){#weapon-canvas{bottom:14px}.loot-halo{height:22px;bottom:3px}}
@media(prefers-reduced-motion:reduce){#scar-render,.scar-poster{transition:none}#weapon-canvas{animation:none}}

/* Warm light stays centered behind the supplied artwork. */
.weapon-stage:before{content:'';position:absolute;inset:5% 8%;z-index:-1;pointer-events:none;background:radial-gradient(ellipse,#ffd65c38 0%,#ffbf2224 38%,transparent 70%);filter:blur(18px)}