/* HEXWING ambience: reused game artwork, no flashing or scrolling hijack. */
.sigil{position:relative;flex:0 0 48px;width:48px;height:48px;border:0;transform:none;background:url('assets/hexwing/sakrul-seal-atlas.png') 50% 0 / 200% 200% no-repeat}
.sigil::after{content:'';position:absolute;inset:8px;border-radius:50%;background:radial-gradient(ellipse,#84dfb429,transparent 70%);box-shadow:0 0 18px #84dfb419;opacity:.3;pointer-events:none;animation:seal-breathe 8s ease-in-out infinite;animation-play-state:paused}
@keyframes seal-breathe{0%,100%{opacity:.2}50%{opacity:.85}}
.ambient-souls{position:fixed;inset:0;z-index:3;pointer-events:none;overflow:hidden;contain:strict}
.ambient-souls i{position:absolute;left:2px;top:22%;width:32px;height:43px;background:url('assets/hexwing/soul-frames.png') 0 50% / 400% 100% no-repeat;opacity:0;animation:soul-wander 26s ease-in-out infinite;animation-play-state:paused;--drift:4px}
.ambient-souls i:nth-child(2){left:auto;right:2px;top:44%;animation-duration:31s;animation-delay:-11s;--drift:-4px;background-position:100% 50%}
.ambient-souls i:nth-child(3){top:78%;animation-duration:34s;animation-delay:-19s;background-position:33.333% 50%}
.ambient-souls i:nth-child(4){left:auto;right:3px;top:87%;animation-duration:29s;animation-delay:-6s;--drift:-4px}
.ambient-souls i:nth-child(5){top:52%;animation-duration:37s;animation-delay:-27s;background-position:66.667% 50%}
.ambient-souls i:nth-child(6){left:auto;right:2px;top:18%;animation-duration:35s;animation-delay:-17s;--drift:-4px;background-position:33.333% 50%}
@keyframes soul-wander{0%,15%{opacity:0;transform:translate(0,45px) rotate(-6deg)}35%{opacity:.35}55%{transform:translate(var(--drift),-5px) rotate(7deg);opacity:.24}75%{opacity:.32}95%,100%{opacity:0;transform:translate(0,-75px) rotate(-4deg)}}
.button,.world-card,.hero-art,.screenshot{transition:border-color .24s,box-shadow .24s,background-color .24s,color .24s}
.button:focus-visible,.screenshot:focus-visible{box-shadow:0 0 0 1px #84dfb466,0 0 25px #84dfb422}
@media(hover:hover) and (pointer:fine){
  .button:hover{box-shadow:0 0 25px #84dfb426}
  .world-card:hover,.hero-art:hover{border-color:#84dfb488;box-shadow:0 0 30px #84dfb418}
  .screenshot:hover{box-shadow:inset 0 0 0 1px #84dfb477}
  .brand:hover .sigil{filter:drop-shadow(0 0 5px #84dfb455)}
}
.gameplay-film{position:relative}
.gameplay-film::before{content:'';position:absolute;pointer-events:none;top:-1px;left:0;width:30%;height:2px;background:linear-gradient(90deg,transparent,#c5a66c,#efe4c7,transparent);box-shadow:0 0 7px #c5a66c44;opacity:0;animation:frame-whisper 18s ease-in-out infinite;animation-play-state:paused}
@keyframes frame-whisper{0%,65%,100%{opacity:0;transform:translateX(0)}70%{opacity:.65;transform:translateX(0)}89%{opacity:.45;transform:translateX(230%)}94%{opacity:0;transform:translateX(230%)}}
html[data-fx-running='true'] .sigil::after,html[data-fx-running='true'] .ambient-souls i,html[data-fx-running='true'] .gameplay-film::before{animation-play-state:running}
html:not([data-fx-running='true']) .ambient-souls,html:not([data-fx-running='true']) .gameplay-film::before{visibility:hidden}
.ambience-toggle{display:inline-flex;align-items:center;gap:8px;background:transparent;border:1px solid var(--line);padding:8px 12px;min-height:44px;color:var(--muted);font-size:11px;cursor:pointer}
.ambience-toggle[hidden]{display:none}.ambience-toggle[aria-pressed='true']{color:var(--mint)}
.effects-dot{width:6px;height:6px;border-radius:50%;background:currentColor;opacity:.4}.ambience-toggle[aria-pressed='true'] .effects-dot{opacity:1;box-shadow:0 0 7px #84dfb433}
.ambience-toggle:disabled{opacity:.55;cursor:default}
@media(max-width:1000px){.site-footer{flex-wrap:wrap}}
@media(max-width:720px){.sigil{width:38px;height:38px;flex-basis:38px}.ambient-souls i{width:18px;height:25px;left:0;--drift:0px}.ambient-souls i:nth-child(2){right:0;--drift:0px}.ambient-souls i:nth-child(n+3){display:none}.gameplay-film::before{animation-duration:24s}.ambience-toggle{font-size:12px}}
@media(prefers-reduced-motion:reduce){.ambient-souls,.sigil::after,.gameplay-film::before{display:none!important}.button,.world-card,.hero-art,.screenshot{transition:none}.screenshot:hover img{transform:none}}