/* Soul energy belongs to Guildbound petrol; rarity only belongs to the released item. */
.demo-controls{display:flex;justify-content:center;gap:30px;position:relative;z-index:8;flex-wrap:wrap}.demo-controls .ritual-theme-control{margin:0;gap:10px}.demo-controls select{min-width:200px;max-width:245px}.demo-controls label{white-space:nowrap}
.soul-host{position:absolute;inset:-30px 0;pointer-events:none;overflow:hidden;z-index:7;opacity:0;--soul-scale:1;transition:opacity 350ms ease}
.soul-traveller{position:absolute;left:50%;top:50%;width:12px;height:21px;opacity:0;pointer-events:none;transform-origin:50% 35%}
.soul-shape{position:absolute;inset:0;border-radius:50% 50% 38% 45%;background:radial-gradient(ellipse at 50% 30%,#e3ffff 0 8%,#8ad8e5 21%,#319eb3b3 50%,#125c7133 75%,transparent 80%);box-shadow:0 0 12px 2px #46b9d252;filter:blur(.25px)}
.soul-shape:before{content:'';position:absolute;left:3px;top:6px;width:6px;height:3px;background:radial-gradient(ellipse at 18% 50%,#11495e 0 19%,transparent 24%),radial-gradient(ellipse at 82% 50%,#11495e 0 19%,transparent 24%);opacity:.7}
.soul-shape:after{content:'';position:absolute;left:1px;top:13px;width:10px;height:42px;transform:rotate(10deg);transform-origin:50% 0;background:linear-gradient(#67c6da8c,#267d9b38 45%,transparent 95%);border-radius:15% 15% 70% 10%;filter:blur(1.4px)}
.phase-summoning .soul-host{opacity:1}.phase-summoning .soul-traveller{animation:soul-enters-seal 1900ms cubic-bezier(.4,0,.25,1) both;animation-delay:var(--soul-delay)}
.phase-parted .soul-host,.revealed .soul-host{opacity:0}.revealed .soul-traveller{animation:none}
.soul-charge{position:absolute;left:50%;top:50%;width:352px;height:352px;max-width:78vw;max-height:78vw;transform:translate(-50%,-50%);pointer-events:none;z-index:5;opacity:0;background:radial-gradient(circle at 50% 50%,#b8efffbb,#51bbd4a8 27%,#218baaaa 49%,#12617e80 65%,transparent 78%);mask:url('assets/mystery/hero.webp') center/contain no-repeat;-webkit-mask:url('assets/mystery/hero.webp') center/contain no-repeat;mix-blend-mode:screen;transition:opacity 1100ms ease,filter 900ms ease}
.phase-summoning .soul-charge{opacity:.12}.phase-unbinding .soul-charge{opacity:.42;filter:brightness(1.1)}.phase-fracture .soul-charge{opacity:.8;filter:brightness(1.3)}.phase-parted .soul-charge{opacity:0;filter:blur(6px);transition-duration:1400ms}.revealed .soul-charge{opacity:0;transition:none}
.epic-demo .phase-unbinding .ritual-halo{background:radial-gradient(circle,#36a2c03d,#135e7a24 45%,transparent 70%)}.epic-demo .phase-fracture .ritual-halo{background:radial-gradient(circle,#52b4d14a,#17647d2e 45%,transparent 70%)}
.epic-demo .ritual-bindings{color:#75c7df}.epic-demo .ritual-seam{background:#b4edff;box-shadow:0 0 12px 2px #4aafc5,0 0 30px 7px #28799e55}.epic-demo .epic-energy{background:#b9edff;box-shadow:0 0 18px 3px #2687a655}.epic-demo .ritual-nova{border-color:#8dcce1;background:radial-gradient(circle,transparent 57%,#72c6e428 70%,transparent 73%)}
.epic-demo .phase-awakening .relic-ritual .rune-halo{filter:drop-shadow(0 0 4px #5aaec6)}.epic-demo .epic-rings .sigil{stroke:#6fb1c5!important}
/* Compact, readable item state after the cinematic scene. */
.epic-demo .revealed .ritual-visual{height:170px}.epic-demo .revealed .ritual-room{min-height:0}.epic-demo .revealed .ritual-status{color:#99bac4;font-size:14px}.epic-demo .revealed .ritual-copy h2{color:var(--quality-color);font-size:32px;max-width:700px;margin-inline:auto;overflow-wrap:anywhere;text-wrap:balance}.epic-demo .revealed .ritual-copy>p:last-child{color:#c5c8b9;font-size:14px;margin-block:8px 14px}
.epic-demo .revealed .revealed-icon{padding:13px;border-color:var(--quality-color);background:linear-gradient(135deg,#3a3e35,#14222a);box-shadow:0 12px 35px #000a,inset 0 0 0 3px #111a1c,0 0 35px color-mix(in srgb,var(--quality-color) 13%,transparent)}.epic-demo .revealed .revealed-icon img{width:80px;height:80px;border-color:var(--quality-color)}.epic-demo .revealed .reveal-burst{background:radial-gradient(circle,color-mix(in srgb,var(--quality-color) 22%,transparent),transparent 70%);width:230px;height:230px}
.released-tooltip{position:relative;z-index:7;max-width:530px;margin:18px auto 0;padding:20px 23px;background:#0c101b;border:1px solid color-mix(in srgb,var(--quality-color) 65%,#334151);border-radius:4px;box-shadow:0 12px 26px #0006;font:400 17px/1.55 var(--brand-reading);color:#eee9de;text-align:left}
.tooltip-row{display:flex;justify-content:space-between;gap:22px;align-items:baseline}.tooltip-row>span:first-child{min-width:0}.tooltip-right{white-space:nowrap;text-align:right}.tooltip-gap{margin-top:12px}.tooltip-row.tone-green{color:#1eff00}.tooltip-row.tone-gold{color:#ffd100}.released-source{border-top:1px solid #33404b;margin:16px 0 0;padding-top:12px;color:#b1c1cb;font-size:13px;line-height:1.6;max-width:65ch}.revealed .released-tooltip{animation:item-values-arrive 750ms cubic-bezier(.16,1,.3,1) both}
.epic-demo .revealed~.dialog-bottom{margin-top:20px}.epic-demo .revealed .ritual-actions{margin-top:22px}.epic-demo .ritual-room:has(.released-tooltip:not([hidden])){min-height:0}
@keyframes soul-enters-seal{0%{opacity:0;transform:translate(calc(var(--soul-x)*var(--soul-scale)),calc(var(--soul-y)*var(--soul-scale))) rotate(var(--soul-bearing)) scale(.75)}15%{opacity:.9}60%{opacity:1;transform:translate(calc(var(--soul-via-x)*var(--soul-scale)),calc(var(--soul-via-y)*var(--soul-scale))) rotate(calc(var(--soul-bearing) - 20deg)) scale(1)}90%{opacity:.85}100%{opacity:0;transform:translate(-5px,-8px) rotate(calc(var(--soul-bearing) + 30deg)) scale(.1)}}
@keyframes item-values-arrive{0%{opacity:0;transform:translateY(8px)}100%{opacity:1;transform:none}}
@media(max-width:800px){.demo-controls{gap:0 16px}.demo-controls .ritual-theme-control{width:100%;justify-content:space-between;max-width:430px}.demo-controls select{min-width:0;width:230px;max-width:69%}}
@media(max-width:700px){.soul-host{--soul-scale:.68;inset:-15px 0}.soul-charge{width:273px;height:273px;max-width:80vw;max-height:80vw}.epic-demo .revealed .ritual-visual{height:135px}.epic-demo .revealed .ritual-copy h2{font-size:27px;line-height:1.2}.epic-demo .revealed .ritual-copy>p:last-child{font-size:13px}.released-tooltip{padding:15px 14px;font-size:16px;margin-top:16px}.tooltip-row{gap:12px}.released-source{font-size:13px;line-height:1.5}.epic-demo .revealed .revealed-icon img{width:67px;height:67px}.epic-demo .revealed .revealed-icon{padding:10px}.demo-controls{margin-bottom:8px}.demo-controls .ritual-theme-control{padding-bottom:6px}.demo-controls label{font-size:13px}}
@media(max-width:359px){.soul-host{--soul-scale:.56}.soul-charge{width:246px;height:246px}.epic-demo .revealed .ritual-copy h2{font-size:25px}.released-tooltip{font-size:15px;padding-inline:12px}.tooltip-row{gap:10px}.tooltip-row .tooltip-right{white-space:normal;max-width:45%}}
body.motion-paused :is(.soul-host,.soul-charge){display:none!important}body.motion-paused .revealed .released-tooltip{animation:none!important;opacity:1;transform:none}
@media(prefers-reduced-motion:reduce){.soul-host,.soul-charge{display:none!important}.revealed .released-tooltip{animation:none!important;opacity:1;transform:none}}