body:has([data-portal]){--world-accent:var(--paper);--world-glow:#969da2;--world-atmosphere:none;--ink:#050507}body:has([data-active-world=grimoire]){--world-accent:#e3bb70;--world-glow:#7d5723;--world-atmosphere:radial-gradient(ellipse at 82% 70%, #9c713b31, transparent 60%);--ink:#0b0908}body:has([data-active-world=books]){--world-accent:#c8deef;--world-glow:#5a82a3;--world-atmosphere:radial-gradient(ellipse at 80% 30%, #79a4c42b, transparent 65%);--ink:#070a10}body:has([data-active-world=forge]){--world-accent:#ef9c51;--world-glow:#a24a1d;--world-atmosphere:radial-gradient(ellipse at 72% 90%, #c45a2633, transparent 60%);--ink:#100a08}main:has(>.portal){padding:0}.portal{isolation:isolate;--transition-atmosphere:none;--ambient-light:radial-gradient(ellipse at 50% 32%, #c4c7ce0b, transparent 58%);--mist-core:#e8e6e0bc;--mist-mid:#a7a4a48c;--mist-edge:#c8c6c277;--mist-shadow:#8b88866c;--mist-origin:50% 43%;min-height:82svh;padding:1.6rem clamp(1rem,4vw,4rem) 4rem;position:relative;overflow:clip}.portal[data-active-world=grimoire]{--ambient-light:radial-gradient(ellipse at 75% 72%, #9c713b20, transparent 62%)}.portal[data-active-world=books]{--ambient-light:radial-gradient(ellipse at 74% 24%, #79a4c428, transparent 65%)}.portal[data-active-world=forge]{--ambient-light:radial-gradient(ellipse at 65% 92%, #c45a2630, transparent 62%)}.portal[data-active-world=grimoire],.portal[data-transition-phase=cover][data-pending-world=grimoire]{--mist-core:#473525d9;--mist-mid:#b58953bb;--mist-edge:#e3bb7080;--mist-shadow:#1d1512d9;--mist-origin:43% 48%}.portal[data-active-world=books],.portal[data-transition-phase=cover][data-pending-world=books]{--mist-core:#dbeaf3c4;--mist-mid:#829db9ad;--mist-edge:#c8deef8c;--mist-shadow:#263c59a8;--mist-origin:53% 37%}.portal[data-active-world=forge],.portal[data-transition-phase=cover][data-pending-world=forge]{--mist-core:#271c18e8;--mist-mid:#793d25c4;--mist-edge:#ef9c517d;--mist-shadow:#0e0a0ae5;--mist-origin:50% 78%}.portal:before{content:"";z-index:-1;pointer-events:none;background:var(--transition-atmosphere), var(--ambient-light), radial-gradient(ellipse at 50% 28%, color-mix(in srgb, var(--world-glow) 13%, transparent), transparent 57%);opacity:.8;position:absolute;inset:0}.portal__ambient{z-index:0;pointer-events:none;width:100%;height:100svh;position:fixed;inset:0}.portal__mist{z-index:1;visibility:hidden;pointer-events:none;opacity:0;background:radial-gradient(ellipse 34% 41% at var(--mist-origin), var(--mist-core), var(--mist-mid) 45%, transparent 100%), radial-gradient(ellipse 44% 52% at 25% 61%, var(--mist-shadow), transparent 78%), radial-gradient(ellipse 38% 47% at 76% 55%, var(--mist-edge), transparent 82%);position:fixed;inset:0}.portal[data-transition-phase=cover] .portal__mist{visibility:visible;animation:portal-mist-cover var(--cover-duration,.32s) ease-out both}.portal[data-transition-phase=reveal] .portal__mist{visibility:visible;animation:portal-mist-reveal var(--reveal-duration,.62s) ease-in both}@keyframes portal-mist-cover{0%{opacity:0;transform:scale(.35)}to{opacity:.88;transform:scale(1.5)}}@keyframes portal-mist-reveal{0%{opacity:.88;transform:scale(1.5)}to{opacity:0;transform:scale(1.9)}}.portal[data-transition-phase=reveal]{--transition-atmosphere:var(--world-atmosphere)}.portal [hidden]{display:none!important}.portal__identity{z-index:2;text-align:center;transition:transform .52s;position:relative}.portal h1{font-size:inherit;margin:0}.portal .brand-mark--hero{font-size:clamp(2.45rem,6.6vw,6.1rem)}.brand-mark--hero .brand-mark__artwork-frame{aspect-ratio:4.2;width:min(100%,50rem);margin-inline:auto;display:block;overflow:hidden}.brand-mark--hero .brand-mark__artwork{object-fit:cover;object-position:center 52%;mix-blend-mode:screen;width:100%;height:100%;display:block}.brand-mark--hero .brand-mark__word{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.brand-mark--hero .brand-mark__kanji{display:none}.portal__manifesto{max-width:36rem;color:var(--smoke);margin:.7rem auto 0;font-size:clamp(.9rem,1.3vw,1rem);line-height:1.65}.portal[data-active-world]:not([data-active-world=""]) .brand-mark--hero{font-size:clamp(1.75rem,2.7vw,2.5rem)}.portal[data-active-world]:not([data-active-world=""]) .brand-mark__artwork-frame{display:none}.portal[data-active-world]:not([data-active-world=""]) .brand-mark__word{clip-path:none;width:auto;height:auto;position:static;overflow:visible}.portal[data-active-world]:not([data-active-world=""]) .brand-mark__kanji{display:inline-flex}.portal[data-active-world]:not([data-active-world=""]) .portal__manifesto{display:none}.portal__stage{width:min(100%,86rem);margin:0 auto}@media (width>=64rem){.portal:is(:not([data-active-world]),[data-active-world=""]) .portal__stage{margin-top:-3rem}}.portal__seal{aspect-ratio:1.27;width:min(100%,49rem);margin:0 auto;transition:width .54s cubic-bezier(.2,.75,.2,1),transform .54s cubic-bezier(.2,.75,.2,1);position:relative}.portal__geometry{fill:none;width:100%;height:100%;stroke:color-mix(in srgb, var(--world-accent) 65%, transparent);stroke-width:1.3px;stroke-dasharray:2 9;opacity:.42;pointer-events:none;transition:transform .54s,opacity .54s;position:absolute;inset:0;transform:rotate(-7deg)scaleX(1.16)}.portal[data-transition-phase=cover] .portal__geometry{opacity:.72;transform:rotate(5deg)scale(.88,.86)}.portal[data-transition-phase=cover] .portal__raven{transform:scale(1.035)}.portal[data-pending-world=grimoire] .portal__trigger[data-world-trigger=grimoire],.portal[data-pending-world=books] .portal__trigger[data-world-trigger=books],.portal[data-pending-world=forge] .portal__trigger[data-world-trigger=forge]{filter:drop-shadow(0 0 1rem var(--passage-accent));transform:scale(1.07)}.portal__raven{pointer-events:none;place-items:center;transition:inset .54s,opacity .54s,transform .32s;display:grid;position:absolute;inset:15% 12% 19%}.portal__raven:before{content:"";background:radial-gradient(ellipse, color-mix(in srgb, var(--world-glow) 34%, transparent), transparent 67%);filter:blur(18px);border-radius:50%;position:absolute;inset:7% 8%}.portal__raven-media{aspect-ratio:16/9;width:100%;position:relative;overflow:hidden;mask-image:radial-gradient(48% 48%,#000 30%,#0000 96%)}.portal__raven-poster,.portal__raven-video{object-fit:cover;filter:grayscale()contrast(1.05);width:100%;height:100%;display:block}.portal__trigger{z-index:2;min-height:4.5rem;color:var(--paper);font:inherit;text-align:center;cursor:pointer;background:0 0;border:0;align-content:center;justify-items:center;gap:.15rem;padding:.35rem;transition:transform .3s,filter .3s;display:grid;position:absolute}.portal:not([data-active-world]) .portal__trigger{display:none}.portal__trigger img{object-fit:contain;pointer-events:none;width:100%;height:auto;max-height:5.4rem;display:block}.portal__trigger--grimoire{width:34%;top:8%;left:-1%}.portal__trigger--books{width:34%;top:8%;right:-1%}.portal__trigger--forge{width:44%;bottom:6%;left:28%}.portal__trigger:is(:hover,:focus-visible){filter:drop-shadow(0 0 .8rem color-mix(in srgb, var(--passage-accent) 45%, transparent));transform:scale(1.045)}.portal__trigger[aria-pressed=true] img{filter:drop-shadow(0 0 .8rem color-mix(in srgb, var(--passage-accent) 50%, transparent))}.portal__worlds{z-index:2;transition:opacity .16s;position:relative}.portal[data-transition-phase=cover] .portal__worlds{opacity:0}.portal[data-transition-phase=reveal] .portal__worlds{opacity:1;transition:none}.portal__panel{width:100%;min-width:0;margin:0 auto 4rem}.portal__story-lead{align-items:center;gap:clamp(1.5rem,4vw,4rem);min-height:17rem;display:flex}.portal__status{color:var(--world-accent);margin:0 0 1.1rem;font-size:.9rem;font-weight:600}.portal__panel h2{color:var(--paper);letter-spacing:-.048em;text-wrap:balance;margin:0;font-family:Georgia,Times New Roman,serif;font-size:clamp(2.8rem,5.5vw,5.5rem);font-weight:400;line-height:1.02}.portal__promise{max-width:33ch;color:var(--world-accent);margin:1.25rem 0 0;font-family:Georgia,serif;font-size:clamp(1.4rem,2.4vw,2.2rem);line-height:1.3}.portal__intro,.portal__sections p{color:#d2d0cb;max-width:65ch;font-size:clamp(1rem,1.25vw,1.13rem);line-height:1.72}.portal__intro{margin:1.5rem 0 0}.portal__sections{grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(1.25rem,3vw,3rem);margin:clamp(2.5rem,6vw,5rem) 0 2rem;display:grid}.portal__sections>section{border-top:1px solid color-mix(in srgb, var(--world-accent) 38%, transparent);padding-top:1.15rem}.portal__sections h3{color:var(--world-accent);margin:0 0 .75rem;font-family:Georgia,serif;font-size:clamp(1.3rem,2vw,1.8rem);font-weight:400}.portal__sections p{margin:0}.portal__book-cover{aspect-ratio:484/708;object-fit:cover;flex:0 0 clamp(9rem,19%,14rem);width:clamp(9rem,19%,14rem);height:auto;display:block;box-shadow:1rem 1.3rem 2.5rem #0008}.portal__action{color:var(--world-accent);text-underline-offset:.5rem;margin-top:1rem;padding:.85rem 0;font-weight:600;text-decoration-thickness:1px;display:inline-block}.portal__invitation,.portal__replay,.portal__reset{color:var(--smoke);text-align:center;margin:0 auto;font-size:.875rem}.portal__replay,.portal__reset{text-underline-offset:.3rem;cursor:pointer;background:0 0;border:0;min-height:2.75rem;padding:.75rem;font-family:inherit;text-decoration:underline;display:block}.portal__replay{margin-top:.5rem}.portal:not([data-enhanced=true]) .portal__worlds{gap:4rem;margin:2rem auto 0;display:grid}.portal:not([data-enhanced=true]) .portal__panel{max-width:68rem}@media (width>=64rem){.portal[data-active-world]:not([data-active-world=""]) .portal__stage{grid-template-columns:minmax(12rem,15rem) minmax(0,1fr);align-items:start;gap:clamp(2.5rem,5vw,5rem);padding-top:1rem;display:grid}.portal[data-active-world]:not([data-active-world=""]) .portal__seal{aspect-ratio:auto;width:100%;height:33rem;margin:0}.portal[data-active-world]:not([data-active-world=""]) .portal__geometry{opacity:.3;transform:rotate(10deg)scaleX(.72)}.portal[data-active-world]:not([data-active-world=""]) .portal__raven{opacity:.75;height:10rem;inset:0 -3% auto}.portal[data-active-world]:not([data-active-world=""]) .portal__trigger{width:100%;min-height:5.8rem;left:0;right:auto}.portal[data-active-world]:not([data-active-world=""]) .portal__trigger--grimoire{top:35%;bottom:auto}.portal[data-active-world]:not([data-active-world=""]) .portal__trigger--books{top:55%;bottom:auto}.portal[data-active-world]:not([data-active-world=""]) .portal__trigger--forge{top:75%;bottom:auto}.portal[data-active-world]:not([data-active-world=""]) .portal__trigger img{max-height:3.5rem}.portal[data-active-world]:not([data-active-world=""]) .portal__worlds{min-width:0}}@media (width<=63.999rem){.portal__seal{width:min(100%,42rem)}.portal__trigger--grimoire{left:0}.portal__trigger--books{right:0}.portal[data-active-world]:not([data-active-world=""]) .portal__stage{flex-direction:column;gap:1.25rem;display:flex}.portal[data-active-world]:not([data-active-world=""]) .portal__seal{aspect-ratio:auto;width:min(100%,42rem);height:9.5rem;margin:0 auto}.portal[data-active-world]:not([data-active-world=""]) .portal__geometry{opacity:.14;transform:scaleY(.35)}.portal[data-active-world]:not([data-active-world=""]) .portal__raven{opacity:.55;height:2.5rem;inset:-.5rem 42% auto}.portal[data-active-world]:not([data-active-world=""]) .portal__trigger{width:31%;min-height:5.5rem;top:2.5rem;bottom:auto}.portal[data-active-world]:not([data-active-world=""]) .portal__trigger--grimoire{left:1%;right:auto}.portal[data-active-world]:not([data-active-world=""]) .portal__trigger--books{left:34.5%;right:auto}.portal[data-active-world]:not([data-active-world=""]) .portal__trigger--forge{left:auto;right:1%}.portal[data-active-world]:not([data-active-world=""]) .portal__trigger img{max-height:3.2rem}.portal[data-active-world]:not([data-active-world=""]) .portal__worlds{width:min(100%,52rem);margin:0 auto}.portal__sections{grid-template-columns:1fr;gap:1.5rem}}@media (width<=43rem){.portal{padding-top:1.2rem}.portal[data-active-world]:not([data-active-world=""]) .portal__stage{gap:1rem}.portal__seal{aspect-ratio:1/1.13}.portal__raven{inset:18% -7% 20%}.portal__trigger{min-height:4rem}.portal__trigger--grimoire{width:47%;top:3%;left:0}.portal__trigger--books{width:47%;top:3%;right:0}.portal__trigger--forge{width:52%;bottom:5%;left:24%}.portal__trigger img{max-height:3.2rem}.portal__story-lead{flex-direction:column;align-items:flex-start}.portal__book-cover{flex-basis:auto;width:min(45%,12rem)}.portal__panel h2{font-size:clamp(2.5rem,10vw,4rem)}.portal[data-active-world]:not([data-active-world=""]) .portal__seal{height:7rem}.portal[data-active-world]:not([data-active-world=""]) .portal__trigger{width:32%;min-height:5.4rem;top:2rem}.portal[data-active-world]:not([data-active-world=""]) .portal__trigger--grimoire{left:0}.portal[data-active-world]:not([data-active-world=""]) .portal__trigger--books{left:34%}.portal[data-active-world]:not([data-active-world=""]) .portal__trigger--forge{right:0}.portal[data-active-world]:not([data-active-world=""]) .portal__trigger img{max-height:2rem}.portal[data-active-world]:not([data-active-world=""]) .portal__raven{opacity:.45;height:1.5rem;inset:-1.25rem 42% auto}}@media (prefers-reduced-motion:reduce){.portal__mist{animation:none!important;display:none!important}.portal__identity,.portal__seal,.portal__geometry,.portal__raven,.portal__trigger,.portal__worlds{transition:none!important}}
