/* Painted attachments share the seal's iron, bronze and directional light. */
.painted-context{inset:0;opacity:1;filter:none;transition:opacity 900ms ease,filter 1100ms ease;z-index:4}
.context-ornament{position:absolute;left:2%;top:16%;width:34%;height:34%;rotate:-12deg;transform-origin:68% 65%;filter:drop-shadow(3px 6px 3px #0009);transition:filter 350ms ease,transform 550ms var(--mystery-ease)}
.context-ornament>img{width:100%;height:100%;object-fit:contain;display:block;filter:saturate(.72) brightness(.88);transition:filter 350ms ease;user-select:none}
.context-engineering .context-ornament{width:36%;height:36%;left:0;top:17%;rotate:-8deg}.context-blacksmithing .context-ornament{width:36%;height:36%;left:1%;top:18%;rotate:-8deg}.context-enchanting .context-ornament{width:29%;height:33%;left:4%;top:15%;rotate:-16deg}.context-tailoring .context-ornament{rotate:-9deg}.context-leatherworking .context-ornament{rotate:-5deg}
.seal-card:hover .painted-context,.seal-card:focus-visible .painted-context{opacity:1}.seal-card:hover .context-ornament>img,.seal-card:focus-visible .context-ornament>img{filter:saturate(.8) brightness(1)}
.ritual-room .painted-context{opacity:1;filter:none}.phase-awakening .painted-context{opacity:1;filter:none}.phase-unbinding .context-ornament>img{filter:saturate(.78) brightness(1.04)}
.ornament-vapour{position:absolute;left:25%;top:-16%;width:40%;height:58%;opacity:0;rotate:12deg}.ornament-vapour i{position:absolute;left:35%;bottom:0;width:26%;height:80%;background:radial-gradient(ellipse,#a7c2a650,transparent 65%);border-radius:50%;filter:blur(4px)}.ornament-vapour i:nth-child(2){left:8%;rotate:-18deg}.ornament-vapour i:nth-child(3){left:59%;rotate:21deg}
.ornament-current{position:absolute;inset:0;opacity:0;color:#b0cbb7;stroke-width:.9;stroke-dasharray:7 19;filter:drop-shadow(0 0 2px #87b79f55)}
.ornament-embers{position:absolute;inset:0;opacity:0}.ornament-embers i{position:absolute;width:2px;height:3px;left:35%;top:28%;background:#d2b080;box-shadow:0 0 3px #c1a27a44}.ornament-embers i:nth-child(2){left:61%;top:36%}.ornament-embers i:nth-child(3){left:29%;top:43%}.ornament-embers i:nth-child(4){left:70%;top:18%}
.ornament-thread{position:absolute;inset:0;opacity:0;stroke-width:.9;color:#bdb593;stroke-dasharray:70 40}
.opening .context-alchemy .context-ornament>img{animation:metal-flask-stirs 3.5s ease-in-out both}.opening .context-alchemy .ornament-vapour{animation:metal-steam 3.8s ease-in-out both}.opening .context-alchemy .ornament-vapour i{animation:metal-steam-drift 3.8s ease-in-out both}.opening .context-alchemy .ornament-vapour i:nth-child(2){animation-delay:.18s}.opening .context-alchemy .ornament-vapour i:nth-child(3){animation-delay:.35s}
.opening .context-engineering .context-ornament>img{animation:metal-mechanism-releases 3.6s cubic-bezier(.35,0,.2,1) both}.opening .context-engineering .ornament-current{animation:metal-current 3.6s ease-in-out both}.opening .context-blacksmithing .ornament-embers{animation:metal-forge-heat 3.6s ease-out both}.opening .context-enchanting .context-ornament>img{animation:metal-crystal-resonates 3.7s ease-in-out both}.opening :is(.context-tailoring,.context-leatherworking) .ornament-thread{animation:metal-thread-releases 3.8s ease-out both}
.ritual-room.phase-parted .painted-context,.ritual-room.revealed .painted-context{opacity:0;filter:blur(4px)}.phase-parted .context-ornament{animation:metal-attachment-dissolves 1500ms var(--mystery-ease) both}
@keyframes metal-flask-stirs{0%,100%{transform:none}35%{transform:rotate(-3deg)}70%{transform:rotate(2deg)}}
@keyframes metal-steam{0%{opacity:0}40%{opacity:.7}85%{opacity:.5}100%{opacity:0}}@keyframes metal-steam-drift{0%{transform:translateY(5px) scale(.85)}100%{transform:translateY(-22px) scale(1.2)}}
@keyframes metal-mechanism-releases{0%{transform:rotate(0)}60%{transform:rotate(14deg)}100%{transform:rotate(18deg)}}
@keyframes metal-current{0%{opacity:0;stroke-dashoffset:60}60%{opacity:.65}100%{opacity:0;stroke-dashoffset:-40}}
@keyframes metal-forge-heat{0%{opacity:0;transform:translateY(2px)}40%{opacity:.8}100%{opacity:0;transform:translateY(-14px)}}
@keyframes metal-crystal-resonates{0%{transform:none;filter:saturate(.72) brightness(.88)}60%{transform:translateY(-4px);filter:saturate(.85) brightness(1.12)}100%{transform:translateY(-6px);filter:saturate(.75) brightness(1.04)}}
@keyframes metal-thread-releases{0%{opacity:0;stroke-dashoffset:0}55%{opacity:.55}100%{opacity:0;stroke-dashoffset:-60}}
@keyframes metal-attachment-dissolves{0%{opacity:1;transform:none}100%{opacity:0;transform:translateY(-10px) scale(1.035)}}
body.motion-paused .painted-context *,body.motion-suspended .painted-context *{animation:none!important}body.motion-paused .phase-parted .painted-context{transition:none!important;opacity:0!important}
@media(prefers-reduced-motion:reduce){.painted-context,.painted-context *{animation:none!important;transition:none!important}.ornament-vapour,.ornament-current,.ornament-embers,.ornament-thread{display:none!important}}