/* Guildbound mystery highlight: painted materials, petrol soul-light, one authored ritual. */
:root{--mystery-ease:cubic-bezier(.16,1,.3,1);--mystery-soul:#98dcd0;--mystery-brass:#d2b477}
.hero{min-height:735px;padding-top:83px;padding-bottom:86px}.hero-copy{padding-bottom:12px}.hero h1{font-size:clamp(44px,4.55vw,66px);line-height:1.07}.hero-note{max-width:390px}.hero-atmosphere{background:radial-gradient(ellipse at 76% 47%,#1b504b26,transparent 44%),linear-gradient(115deg,#0e0e0b 0%,#151511 52%,#0c1512 100%)}.hero-art{isolation:isolate}.hero-aura{position:absolute;inset:7% -7% 0;border-radius:50%;background:radial-gradient(ellipse,#2a756825,transparent 63%);pointer-events:none}.hero-magic-ring{position:absolute;width:400px;height:400px;border:1px solid #69867818;border-radius:50%;box-shadow:inset 0 0 0 22px #849d7810;transform:rotateX(66deg);bottom:28px;left:50%;translate:-50% 0;pointer-events:none}.hero .great-seal{width:min(620px,53vw);height:min(620px,53vw);transform:translate(-50%,-54%)}.great-seal:after,.great-seal:before{display:none}.seal-caption{bottom:18px;max-width:340px;margin:auto;font-size:16px;line-height:1.5}.hero-bottom{align-items:center;bottom:20px}.motion-toggle{display:inline-flex;align-items:center;gap:8px;min-height:44px;border:0;padding:8px 0;background:transparent;color:#b5b8a9;font:400 14px var(--brand-reading)}.motion-toggle svg{width:15px;height:15px;stroke-width:1.5}.motion-toggle:hover{color:#c1e5d8}.motion-toggle:disabled{opacity:.8;cursor:default}
.relic-assembly{position:relative;display:block;width:100%;height:100%;isolation:isolate;pointer-events:none}.relic-painted{position:absolute;inset:10%;display:block;transform:rotate(var(--relic-angle,0deg));filter:drop-shadow(0 13px 12px #0009);transition:filter 400ms var(--mystery-ease),transform 650ms var(--mystery-ease)}.relic-painted img{width:100%;height:100%;object-fit:contain;display:block;user-select:none}.rune-halo{position:absolute;inset:0;opacity:.44;transform:rotate(var(--relic-angle,0deg));transition:opacity 450ms var(--mystery-ease),transform 900ms var(--mystery-ease)}.rune-halo .heart{display:none}.rune-halo .sigil{stroke:#9eaa7c!important}.rune-halo .inner-orbit,.rune-halo .outer-orbit{animation:none!important}.relic-glint{position:absolute;inset:14%;border-radius:50%;background:radial-gradient(ellipse at 50% 72%,#50b7a315,transparent 60%);mix-blend-mode:screen;opacity:0;transition:opacity 500ms var(--mystery-ease)}.soul-vapour{position:absolute;inset:17%;opacity:.35;z-index:-1;pointer-events:none}.soul-vapour i{position:absolute;width:30%;height:66%;border-radius:50%;bottom:14%;left:35%;background:radial-gradient(ellipse,#4cbb9a30,transparent 64%);filter:blur(9px);opacity:.55}.soul-vapour i:nth-child(2){left:22%;bottom:9%;transform:rotate(-23deg)}.soul-vapour i:nth-child(3){left:48%;bottom:18%;transform:rotate(29deg)}
.relic-hero .relic-painted{inset:7%;filter:drop-shadow(0 25px 24px #000b)}.relic-hero .rune-halo{inset:-2%;opacity:.27}.relic-hero .soul-vapour{inset:1%;opacity:.85}.hero.scene-visible .relic-hero .relic-painted{animation:relic-breath 9s ease-in-out infinite;animation-delay:-2s}.hero.scene-visible .relic-hero .soul-vapour i{animation:soul-rise 7s ease-in-out infinite;animation-delay:var(--relic-delay,0s)}.hero.scene-visible .relic-hero .soul-vapour i:nth-child(2){animation-delay:-2.5s}.hero.scene-visible .relic-hero .soul-vapour i:nth-child(3){animation-delay:-4.5s}.hero:not(.scene-visible) .embers .ember{animation-play-state:paused}
.seal-grid{gap:24px}.seal-card{min-height:323px;padding:12px 16px 24px;isolation:isolate;overflow:visible;background:radial-gradient(ellipse at 50% 35%,#4e726d0c,transparent 70%),linear-gradient(140deg,#24221c,#151916 70%) padding-box}.card-art{width:205px;height:215px;max-width:100%;transform:perspective(650px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg));transition:transform 380ms var(--mystery-ease);filter:none}.seal-card .relic-painted{inset:7% 3%;filter:brightness(.82) saturate(.72) drop-shadow(0 12px 10px #0009)}.seal-card .rune-halo{inset:7%;opacity:.28}.seal-card .soul-vapour{opacity:.18}.seal-card .card-title{position:relative;margin-top:3px;font-size:21px}.card-subtitle{position:relative;font-size:14px;max-width:95%;margin-top:8px;line-height:1.4}.seal-card.has-hint .relic-painted{filter:brightness(.94) saturate(.92) drop-shadow(0 12px 10px #0009)}.seal-card.has-hint .relic-glint{opacity:.45}.seal-card:focus-visible{outline:2px solid #a5d3c5!important;outline-offset:7px!important}.seal-card:hover .card-art,.seal-card:focus-visible .card-art{transform:perspective(650px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg)) translateY(-4px);filter:none}.seal-card:hover .relic-painted,.seal-card:focus-visible .relic-painted{transform:translateY(-3px) rotate(0deg) scale(1.04);filter:brightness(1.12) saturate(1.06) drop-shadow(0 13px 16px #2c726b55)}.seal-card:hover .rune-halo,.seal-card:focus-visible .rune-halo{opacity:.68;transform:rotate(calc(var(--relic-angle,0deg) + 8deg))}.seal-card:hover .relic-glint,.seal-card:focus-visible .relic-glint{opacity:1}.seal-card:hover .soul-vapour,.seal-card:focus-visible .soul-vapour{opacity:.65}.card-arrow{bottom:25px;right:15px}.invitation-mark{width:260px;height:260px}.invitation-mark .rune-halo{opacity:.35}.ritual-invitation{grid-template-columns:260px 1fr;padding-block:35px;background:radial-gradient(ellipse at 22% 50%,#2e665827,transparent 48%)}
/* The visual splits into two image halves at the painted center seam. */
dialog{overflow:auto;scrollbar-width:thin;scrollbar-color:#597f6e #201c18}.ritual-room{isolation:isolate;background:radial-gradient(ellipse at 50% 29%,#2a695c21,transparent 49%),#171a15;min-height:670px}.ritual-room .dialog-top{position:relative;z-index:8}.ritual-visual{height:340px;isolation:isolate}.dialog-seal{width:365px;height:365px;max-width:min(365px,90vw);transition:opacity 650ms var(--mystery-ease),filter 400ms var(--mystery-ease),transform 650ms var(--mystery-ease)}.dialog-seal>.relic-assembly>.relic-painted{inset:9%}.dialog-seal .rune-halo{opacity:.4;inset:3%}.seal-half{position:absolute;inset:6%;display:block;filter:drop-shadow(0 12px 13px #0009);transition:transform 850ms var(--mystery-ease),opacity 650ms ease,filter 450ms ease}.seal-half img{width:100%;height:100%;object-fit:contain;display:block;user-select:none}.seal-half-left{clip-path:inset(0 50% 0 0)}.seal-half-right{clip-path:inset(0 0 0 50%)}.ritual-halo{width:340px;height:340px;background:radial-gradient(circle,#39786624,transparent 67%);transition:opacity 500ms ease,transform 900ms var(--mystery-ease)}.ritual-seam{position:absolute;top:22%;bottom:22%;left:50%;width:2px;background:#d1efdf;box-shadow:0 0 10px 1px #91ddbd,0 0 28px 4px #76bba870;opacity:0;transform:scaleY(.15);transition:opacity 650ms ease,transform 850ms var(--mystery-ease);pointer-events:none}.ritual-shockwave{position:absolute;width:160px;height:160px;left:50%;top:50%;border:1px solid #b0dbc2;border-radius:50%;opacity:0;transform:translate(-50%,-50%) scale(.5);pointer-events:none}.ritual-sparks{position:absolute;inset:0;pointer-events:none;overflow:hidden}.ritual-sparks i{position:absolute;top:50%;left:50%;width:3px;height:7px;background:#b6dec3;border-radius:40%;opacity:0;transform:rotate(var(--spark-turn));box-shadow:0 0 5px #9fe9c3}.reveal-burst{background:radial-gradient(circle,#d4e9bc88,#85d9b633,transparent 69%);width:180px;height:180px;filter:blur(2px);opacity:0;z-index:-1}.opening .dialog-seal{transform:none;filter:none}.opening .dialog-seal .inner-orbit,.opening .dialog-seal .outer-orbit{animation:none!important}.phase-awakening .relic-ritual .rune-halo{opacity:.95;filter:drop-shadow(0 0 4px #7accaf)}.phase-awakening .ritual-seam{opacity:.45;transform:scaleY(.72)}.phase-awakening .ritual-halo{opacity:.9;transform:scale(1.12);filter:none}.phase-unbinding .relic-ritual .rune-halo{transform:rotate(11deg);transition:transform 1100ms cubic-bezier(.55,0,.35,1),opacity 450ms ease}.phase-unbinding .ritual-seam{opacity:.95;transform:scaleY(1)}.phase-unbinding .seal-half{filter:brightness(1.2) drop-shadow(0 0 7px #6dbea985)}.phase-parted .seal-half-left{transform:translateX(-64px) translateY(9px) rotate(-14deg);opacity:0}.phase-parted .seal-half-right{transform:translateX(64px) translateY(-10px) rotate(14deg);opacity:0}.phase-parted .ritual-seam{opacity:0;transform:scaleY(.2);transition-duration:550ms}.phase-parted .ritual-shockwave{animation:seal-shockwave 1100ms var(--mystery-ease) both}.phase-parted .ritual-sparks i{animation:ritual-spark 1200ms var(--mystery-ease) both;animation-delay:var(--spark-delay)}.phase-parted .relic-ritual .rune-halo{opacity:0;transform:scale(1.2) rotate(16deg);filter:blur(2px)}.revealed .dialog-seal{opacity:0;transform:none;filter:none}.revealed .reveal-burst{animation:ritual-bloom 1100ms var(--mystery-ease) both}.revealed .ritual-halo{background:radial-gradient(circle,#80bba137,transparent 66%);transform:scale(1.18);filter:none}.revealed-icon{padding:17px;border:1px solid #baa16a;background:linear-gradient(135deg,#3a3526,#1b211b);box-shadow:0 15px 40px #000b,inset 0 0 0 3px #101812}.revealed-icon img{width:84px;height:84px;object-fit:contain;border-color:#a0b89b}.revealed .revealed-icon{animation:identity-arrives 1050ms var(--mystery-ease) both}.revealed .ritual-copy h2{color:#ebd5a2}.ritual-status{min-height:24px;transition:color 200ms ease}.phase-unbinding .ritual-status{color:#d9dcc0}.revealed .ritual-status{color:#a5d2bb}.ritual-room:has(.item-knowledge:not([hidden])) .ritual-visual{height:235px}.ritual-room:has(.item-knowledge:not([hidden])) .dialog-seal{width:265px;height:265px}.item-knowledge{position:relative;z-index:2}.dialog-bottom{background:#171a15;position:relative;z-index:5}.dialog-top .close-button{background:#171a1590;border-radius:50%}.dialog-top .close-button:hover{color:#c5e3cf;background:#283d30}.item-knowledge .still-hidden{color:#b8bca9}.collection-filters button{transition:background-color 180ms ease,border-color 180ms ease,color 180ms ease}
@keyframes relic-breath{0%,100%{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-9px) rotate(1deg)}}@keyframes soul-rise{0%,100%{opacity:.15;transform:translateY(7px) scale(.9) rotate(-7deg)}50%{opacity:.7;transform:translateY(-20px) scale(1.14) rotate(8deg)}}@keyframes seal-shockwave{0%{opacity:.7;transform:translate(-50%,-50%) scale(.45)}100%{opacity:0;transform:translate(-50%,-50%) scale(2.1)}}@keyframes ritual-spark{0%{opacity:.9;transform:translate(0,0) rotate(var(--spark-turn)) scale(1)}100%{opacity:0;transform:translate(var(--spark-x),var(--spark-y)) rotate(calc(var(--spark-turn) + 110deg)) scale(.2)}}@keyframes ritual-bloom{0%{opacity:.7;transform:scale(.7)}100%{opacity:0;transform:scale(1.9)}}@keyframes identity-arrives{0%{opacity:0;transform:translateY(13px) scale(.88);filter:blur(3px)}60%{opacity:1;filter:blur(0)}100%{opacity:1;transform:none;filter:blur(0)}}
body.motion-paused *,body.motion-paused *:before,body.motion-paused *:after,body.motion-suspended *,body.motion-suspended *:before,body.motion-suspended *:after{animation-play-state:paused!important}body.motion-paused .card-art{transform:none!important}body.motion-paused .relic-painted{transform:none!important}body.motion-paused .revealed-icon{animation:none!important}body.motion-paused .reveal-burst,body.motion-paused .ritual-shockwave,body.motion-paused .ritual-sparks{display:none}
@media(max-width:1000px){.hero{min-height:690px}.hero .great-seal{width:490px;height:490px}.seal-caption{bottom:54px;max-width:280px;font-size:14px}.hero-magic-ring{width:300px;height:300px;bottom:75px}.card-art{width:190px;height:195px}.seal-card{padding-inline:12px;min-height:306px}.ritual-invitation{grid-template-columns:200px 1fr;gap:28px}.invitation-mark{width:200px;height:200px}}
@media(max-width:700px){.hero{padding-top:44px;min-height:0;padding-bottom:35px}.hero h1{font-size:45px}.hero-note{max-width:355px}.hero-art{height:385px;margin-top:10px}.hero .great-seal{width:410px;height:410px;transform:translate(-50%,-52%)}.hero-magic-ring{width:240px;height:240px;bottom:26px}.seal-caption{bottom:8px;font-size:14px;max-width:275px}.hero-bottom{display:flex;flex-direction:column;gap:0;margin-top:14px;font-size:13px}.motion-toggle{font-size:13px}.seal-grid{gap:18px}.seal-card{padding:11px 8px 22px;min-height:255px}.card-art{width:155px;height:165px}.seal-card .card-title{font-size:19px;margin-top:2px}.card-subtitle{font-size:13px;max-width:100%;margin-top:7px}.ritual-invitation{grid-template-columns:1fr;padding-top:22px;gap:12px}.invitation-mark{width:220px;height:220px}.ritual-visual{height:290px}.dialog-seal{width:310px;height:310px}.ritual-halo{width:280px;height:280px}.ritual-room{padding-inline:20px;min-height:610px}.ritual-copy h2{font-size:31px}.dialog-top{min-height:62px}.phase-parted .seal-half-left{transform:translateX(-40px) rotate(-12deg);opacity:0}.phase-parted .seal-half-right{transform:translateX(40px) rotate(12deg);opacity:0}.revealed-icon{padding:13px}.revealed-icon img{width:76px;height:76px}.ritual-room:has(.item-knowledge:not([hidden])) .ritual-visual{height:200px}.ritual-room:has(.item-knowledge:not([hidden])) .dialog-seal{width:240px;height:240px}.ritual-seam{top:24%;bottom:24%}.card-arrow{display:none}}
@media(max-width:359px){.hero h1{font-size:39px}.hero-art{height:345px}.hero .great-seal{width:365px;height:365px}.hero-note{font-size:15px}.card-art{width:130px;height:145px}.seal-card{min-height:240px;padding-inline:6px}.seal-card .card-title{font-size:18px}.card-subtitle{font-size:13px}.ritual-room{padding-inline:15px}.dialog-seal{width:280px;height:280px}.ritual-visual{height:255px}.ritual-copy h2{font-size:29px}}
@media(prefers-reduced-motion:reduce){.relic-painted,.rune-halo,.card-art,.dialog-seal,.seal-half,.ritual-halo,.ritual-seam{animation:none!important;transition:none!important;transform:none!important}.soul-vapour,.embers,.ritual-sparks,.reveal-burst,.ritual-shockwave,.ritual-seam{display:none!important}.revealed .seal-half{opacity:0}.revealed .revealed-icon{animation:none!important;opacity:1;transform:none;filter:none}}
body.motion-paused :is(.rune-halo,.seal-half,.ritual-halo,.dialog-seal){transition:none!important;transform:none!important}
.dialog-bottom{padding:12px 8px}