/* Original romantic gothic engravings; game UI frames are intentionally not used. */
.story,.classes,.journal,.team,.feature-codex{position:relative;isolation:isolate}
.gothic-surround{position:absolute;inset:0;z-index:-1;pointer-events:none;overflow:visible}
.gothic-surround i{position:absolute;top:0;bottom:0;width:390px;background:url('assets/gothic-surround.webp') left top/100% auto no-repeat;opacity:.48;mask-image:linear-gradient(#000 65%,transparent);-webkit-mask-image:linear-gradient(#000 65%,transparent)}
.gothic-surround i:first-child{left:calc((min(1240px,100vw - 112px) - 100vw)/2 - 65px)}
.gothic-surround i:last-child{right:calc((min(1240px,100vw - 112px) - 100vw)/2 - 65px);transform:scaleX(-1)}
.classes .gothic-surround i,.feature-codex .gothic-surround i{top:35px;width:380px;opacity:.27}.classes .gothic-surround i:first-child,.feature-codex .gothic-surround i:first-child{left:-100px}.classes .gothic-surround i:last-child,.feature-codex .gothic-surround i:last-child{right:-100px}
.journal .gothic-surround i,.team .gothic-surround i{opacity:.35}
.section-heading:before{content:'✧';font:30px var(--serif);display:block;width:auto;height:auto;margin:0 auto 23px;color:#bda072;background:none}
.hero .ornate-frame{inset:100px 0 0;border:0}.hero .ornate-frame i{display:none}.hero .ornate-frame:before,.hero .ornate-frame:after{content:'';position:absolute;top:-70px;width:350px;height:760px;background:url('assets/gothic-surround.webp') top left/contain no-repeat;opacity:.6;mask-image:linear-gradient(#000,transparent 90%);-webkit-mask-image:linear-gradient(#000,transparent 90%)}.hero .ornate-frame:before{left:-95px}.hero .ornate-frame:after{right:-100px;transform:scaleX(-1);opacity:.28}
.button,.button-red{overflow:visible;isolation:isolate;clip-path:none;border:0;min-height:88px;min-width:310px;padding:26px 52px;background:transparent;color:#fff0d6;text-shadow:0 2px 4px #100005;font-family:var(--serif);font-size:10px;letter-spacing:1.3px;font-weight:600;box-shadow:none;transition:transform .55s var(--ease),filter .55s var(--ease)}
.button:before{content:'';position:absolute;inset:-12px -20px;z-index:-1;background:url('assets/gothic-button.webp') center/100% 100% no-repeat;filter:brightness(.95);transition:filter .5s,transform .65s var(--ease)}
.button-red:hover{background:transparent;box-shadow:none;transform:translateY(-3px);filter:drop-shadow(0 5px 15px #b91e3240)}.button:hover:before{filter:brightness(1.25);transform:scale(1.02)}
.button svg{width:17px;height:17px;transition:transform .55s var(--ease)}.button:hover svg{transform:translateX(4px)}.button:active{transform:translateY(0) scale(.98)}
.button-glint{position:absolute;inset:25px 35px;pointer-events:none;overflow:hidden;z-index:-1}.button-glint:after{content:'';position:absolute;inset:-50% auto -50% -30%;width:20%;background:linear-gradient(90deg,transparent,#f7c88c42,transparent);transform:skewX(-25deg);transition:left .9s var(--ease)}.button:hover .button-glint:after{left:130%}
.hero-actions{gap:18px;margin-top:24px}.hero-actions .button{padding:26px 45px;min-width:300px}.hero-note{margin-top:13px}
.small-cta{position:relative;isolation:isolate;border:0;min-width:182px;min-height:60px;display:flex;align-items:center;justify-content:center;padding:15px 27px;background:none;font-family:var(--serif);font-size:8px;text-shadow:0 1px 2px #000;transition:filter .4s,transform .4s}.small-cta:before{content:'';position:absolute;inset:-6px -9px;z-index:-1;background:url('assets/gothic-button.webp') center/100% 100% no-repeat}.small-cta:hover{background:none;filter:brightness(1.25);transform:translateY(-2px)}.small-cta span{margin-left:9px}
.codex-book{border:1px solid #98754955;padding:8px;background:linear-gradient(120deg,#664b2818,#200b1420);box-shadow:0 20px 50px #0004;position:relative;isolation:isolate}.codex-book:before{content:'';position:absolute;inset:-18px;background:url('assets/filigree.svg') left top/120px no-repeat,url('assets/filigree.svg') right bottom/120px no-repeat;z-index:-1;opacity:.6}.codex-page{background:#100b10e8}.codex-tabs{gap:15px}.codex-tabs button{background:transparent;box-shadow:none;border:0;border-bottom:1px solid #a37c4f55;padding:16px 22px;min-height:70px;isolation:isolate;overflow:visible}.codex-tabs button:before{inset:-6px -10px;background:url('assets/gothic-button.webp') center/100% 100% no-repeat;z-index:-1;opacity:0;transition:opacity .4s}.codex-tabs button:hover,.codex-tabs button[aria-selected=true]{background:transparent;box-shadow:none}.codex-tabs button[aria-selected=true]{border-color:transparent}.codex-tabs button[aria-selected=true]:before{opacity:.8}.codex-tabs button:hover:before{opacity:.35}.codex-tabs button:after{display:none}.codex-tab-gem{display:none}
.class-portrait{border:1px solid #ad865a;border-radius:43% 43% 0 0/20% 20% 0 0;box-shadow:0 20px 70px #0005}.class-portrait .ornate-frame{border-radius:43% 43% 0 0/20% 20% 0 0;border:1px solid #9d774344}.class-portrait .ornate-frame i{width:100px;height:100px}.class-portrait figcaption{bottom:27px;left:28px;right:28px}
.class-list button{position:relative;isolation:isolate;border-bottom:1px solid #9d594332;transition:color .4s,padding .4s}.class-list button[aria-selected=true]{background:linear-gradient(90deg,#5f1d3055,transparent);color:#ffe3b9;border-color:#b38b54}.class-list button[aria-selected=true]:after{content:'◆';color:#caa873;font-size:6px;position:absolute;right:8px;top:20px}.class-list button b{display:none}
.threshold .ornate-frame,.community .ornate-frame{border:1px solid #b99d6a35}.threshold .ornate-frame i,.community .ornate-frame i{background:url('assets/gothic-surround.webp') left top/contain no-repeat;width:250px;height:340px;opacity:.45}.threshold .ornate-frame i:nth-child(2),.community .ornate-frame i:nth-child(2){transform:scaleX(-1)}.threshold .ornate-frame i:nth-child(n+3),.community .ornate-frame i:nth-child(n+3){display:none}
.access-art{border:1px solid #96774e77}.access-art:after{border:7px solid #0c080d70;box-shadow:inset 0 0 70px #140a14a0}
@media(max-width:1100px){.gothic-surround i{width:300px;opacity:.35}.button{font-size:9px;min-width:280px}.hero .ornate-frame:before{width:290px}.codex-tabs button{padding-inline:22px}.small-cta{min-width:165px}.header-actions{gap:16px}}
@media(max-width:600px){.gothic-surround i{width:190px;opacity:.27}.gothic-surround i:first-child{left:-85px}.gothic-surround i:last-child{right:-85px}.classes .gothic-surround i,.feature-codex .gothic-surround i{width:220px;opacity:.2}.hero .ornate-frame{inset:80px 0 55px}.hero .ornate-frame:before{width:220px;top:-25px;left:-95px;opacity:.5}.hero .ornate-frame:after{width:190px;right:-95px;opacity:.25}.button{min-height:80px;padding:23px 38px;font-size:9px;min-width:280px}.button:before{inset:-10px -12px}.hero-actions{gap:7px}.hero-actions .button{padding:23px 38px;min-width:280px}.codex-tabs{gap:4px}.codex-tabs button{padding:13px 4px;min-height:72px;font-size:10px}.codex-tabs button:before{inset:0 -8px;background-size:100% 100%;opacity:0}.codex-tabs button[aria-selected=true]:before{opacity:.6}.codex-tab-numeral{font-size:7px}.codex-page{border-color:#9a604b33}.threshold .ornate-frame i,.community .ornate-frame i{width:120px;height:230px}.community .button{min-width:285px}.early-access .button{width:auto}}
@media(prefers-reduced-motion:reduce){.button,.button:before,.button svg,.button-glint:after,.small-cta,.codex-tabs button:before{transition:none}.button:hover,.button:hover:before,.button:active,.small-cta:hover{transform:none}}
.world-gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.world-gallery .gallery-card{min-height:350px;margin:0}.world-gallery .gallery-card:nth-child(-n+2){min-height:440px}.gallery-card .ornate-frame{border-color:#c4a57533}.gallery-card .ornate-frame i{width:75px;height:75px;opacity:.45}.gallery-caption strong{font-size:24px}.world-bottom{margin-top:24px}
@media(max-width:600px){.world-gallery{grid-template-columns:1fr;gap:18px}.world-gallery .gallery-card,.world-gallery .gallery-card:nth-child(-n+2){min-height:300px}.gallery-caption strong{font-size:22px}}
.chapter-read-link{display:inline-flex;align-items:center;gap:18px;font:9px var(--sans);letter-spacing:1.8px;color:#e1be8c;margin-top:20px;padding:9px 0;border-bottom:1px solid #c29a5d66;transition:color .3s,gap .4s}.chapter-read-link span{font-size:20px}.chapter-read-link:hover{color:#fff0cf;gap:25px}
.chapter-dialog{position:fixed;inset:0;padding:0;margin:0;width:100vw;height:100dvh;max-width:none;max-height:none;border:0;color:var(--text);background:#0c090def;overflow:hidden}.chapter-dialog::backdrop{background:#060407e6;backdrop-filter:blur(14px)}.chapter-shell{height:100%;overflow-y:auto;overscroll-behavior:contain;scrollbar-color:#aa8050 #160c15}.chapter-toolbar{height:70px;position:sticky;top:0;z-index:5;background:#100b10f2;backdrop-filter:blur(16px);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 5vw;gap:20px}.chapter-toolbar>span{font-size:9px;letter-spacing:2px;color:#b59873}.chapter-close{display:flex;align-items:center;gap:20px;color:#e4c9a2;background:none;font-size:9px;letter-spacing:1.7px;padding:10px 0}.chapter-close span{font:30px var(--serif)}.chapter-cover{min-height:430px;position:relative;isolation:isolate;display:flex;align-items:center;padding:55px max(7vw,calc((100vw - 1130px)/2));overflow:hidden}.chapter-cover>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-3}.chapter-cover-shade{position:absolute;inset:0;background:linear-gradient(90deg,#100811eb,#10081199 60%,#10081111),linear-gradient(0deg,#0c090d,transparent 45%);z-index:-2}.chapter-cover:after{content:'';position:absolute;left:-100px;top:-70px;width:360px;height:650px;background:url('assets/gothic-surround.webp') top left/contain no-repeat;opacity:.45;z-index:-1}.chapter-cover>div:last-child{max-width:640px}.chapter-cover h2{font-size:clamp(34px,4.5vw,61px);line-height:1.15;color:#eee0c7;max-width:620px}.chapter-cover p:last-child{font-size:14px;color:#c6b6ad;max-width:530px;margin-top:24px;line-height:1.9}.chapter-cover .eyebrow{font-size:10px}.chapter-navigation{display:flex;justify-content:center;gap:55px;padding:10px 30px 0;border-bottom:1px solid var(--line);margin:0 auto;max-width:1130px}.chapter-navigation button{background:none;padding:16px 12px;color:#ac9785;font:14px var(--serif);border-bottom:2px solid transparent;transition:color .3s,border-color .3s}.chapter-navigation button[aria-current=page]{color:#efd1a1;border-bottom-color:#c6a064}.chapter-navigation button:hover{color:#fff0ce}.chapter-reading{max-width:1130px;width:86%;margin:65px auto;display:grid;grid-template-columns:1.7fr 1fr;gap:90px}.chapter-essay article{display:flex;gap:23px;margin-bottom:40px}.chapter-number{color:#ab7957;font:14px var(--serif);padding-top:6px}.chapter-essay h3{font:24px/1.4 var(--serif);color:#dfc7a3;margin-bottom:15px}.chapter-essay p{font-size:14px;line-height:1.95;color:#b9a9a7}.chapter-aside{padding-top:7px}.chapter-aside>img{width:100%;height:280px;object-fit:cover;border-radius:45% 45% 0 0/20% 20% 0 0;border:1px solid #a27a4755}.chapter-aside .eyebrow{margin:16px 0;font-size:9px;text-align:center}.chapter-aside ol{list-style:none;padding:0;counter-reset:steps;border-top:1px solid var(--line)}.chapter-aside li{counter-increment:steps;font-size:12px;padding:13px 0;border-bottom:1px solid var(--line);color:#d5c3ad}.chapter-aside li:before{content:'0' counter(steps);font:10px var(--serif);color:#ae825d;margin-right:19px}.chapter-aside .handwritten{font-size:21px;line-height:1.5;margin-top:23px}.chapter-examples{max-width:1130px;width:86%;margin:0 auto 65px;padding-top:35px;border-top:1px solid var(--line)}.chapter-examples>.eyebrow{margin-bottom:12px}.chapter-examples>h3,.chapter-callings h3{font:30px var(--serif);color:#e2c8a0}.chapter-examples>div{display:grid;grid-template-columns:repeat(4,1fr);gap:30px;margin-top:30px}.chapter-examples article{border-top:1px solid #99734466;padding-top:22px}.chapter-examples small{font-size:8px;letter-spacing:1.4px;color:#ad7f65}.chapter-examples h4{font:19px var(--serif);color:#dfc4a0;margin:13px 0}.chapter-examples p{font-size:12px;line-height:1.85}.chapter-callings{max-width:1130px;width:86%;margin:0 auto 65px;padding-top:35px;border-top:1px solid var(--line)}.chapter-callings .eyebrow{margin-bottom:12px}.chapter-callings>div:last-child{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:27px}.chapter-callings button{position:relative;overflow:hidden;padding:0;background:#150c14;border:1px solid #9c754644;text-align:left;height:230px}.chapter-callings img{position:absolute;width:100%;height:100%;inset:0;object-fit:cover;transition:transform .8s var(--ease)}.chapter-callings button:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#0b050cf5,transparent 60%)}.chapter-callings button>span{position:absolute;z-index:1;bottom:22px;left:20px;font:16px var(--serif);color:#edd7b2}.chapter-callings button>b{position:absolute;z-index:1;right:18px;bottom:20px;font-weight:400;color:#d7b57f}.chapter-callings button:hover img{transform:scale(1.06)}.chapter-footer{border-top:1px solid var(--line);padding:30px 7vw 40px;display:flex;justify-content:space-between;gap:25px}.chapter-footer p{font-size:10px}.chapter-footer a{font-size:9px;letter-spacing:1px;color:#d2ae78}.transition-flight{position:fixed;inset:0;z-index:9999;pointer-events:none;overflow:hidden}.transition-bat{position:absolute;aspect-ratio:2;will-change:transform;filter:drop-shadow(0 2px 3px #0004)}.transition-bat svg{height:100%;width:100%;fill:#070409;stroke:#5d273244;stroke-width:.4}.bat-wing-left{transform-origin:50px 26px;animation:flight-flap .22s ease-in-out infinite alternate}.bat-wing-right{transform-origin:50px 26px;animation:flight-flap .22s ease-in-out -.1s infinite alternate}@keyframes flight-flap{from{transform:scaleY(.35) skewX(-10deg)}to{transform:scaleY(1) skewX(4deg)}}
@media(max-width:850px){.chapter-reading{gap:40px;grid-template-columns:1.5fr 1fr}.chapter-examples>div{grid-template-columns:repeat(2,1fr)}.chapter-cover{min-height:390px}.chapter-callings>div:last-child{gap:12px}.chapter-callings button{height:200px}.chapter-callings button>span{font-size:12px;left:12px}.chapter-callings button>b{right:12px}.chapter-toolbar>span{font-size:7px}.chapter-navigation{gap:25px}.chapter-footer{display:block}.chapter-footer a{display:inline-block;margin-top:15px}}
@media(max-width:600px){.chapter-toolbar{height:62px;padding-inline:22px}.chapter-toolbar>span{max-width:140px;font-size:6px;line-height:1.7;letter-spacing:1.4px}.chapter-close{font-size:7px;letter-spacing:1px;gap:10px}.chapter-close span{font-size:27px}.chapter-cover{padding:45px 26px;min-height:460px}.chapter-cover h2{font-size:38px}.chapter-cover p:last-child{font-size:12px}.chapter-cover .eyebrow{font-size:8px;letter-spacing:2px}.chapter-navigation{gap:0;justify-content:space-around;padding-inline:10px}.chapter-navigation button{font-size:11px;padding:17px 8px}.chapter-reading{width:auto;margin:38px 25px;grid-template-columns:1fr;gap:20px}.chapter-essay article{gap:15px;margin-bottom:30px}.chapter-essay h3{font-size:21px}.chapter-essay p{font-size:13px}.chapter-number{font-size:11px}.chapter-aside{display:grid;grid-template-columns:1fr 1fr;gap:20px}.chapter-aside>img{height:260px;grid-row:span 2}.chapter-aside .eyebrow{display:none}.chapter-aside ol{margin:0}.chapter-aside li{font-size:11px;padding:10px 0}.chapter-aside li:before{margin-right:8px;font-size:9px}.chapter-aside .handwritten{font-size:17px;margin:0}.chapter-examples,.chapter-callings{width:auto;margin:0 25px 40px}.chapter-examples>div{gap:23px 20px}.chapter-examples h4{font-size:16px}.chapter-examples p{font-size:11px}.chapter-examples small{font-size:7px}.chapter-examples>h3,.chapter-callings h3{font-size:27px}.chapter-callings>div:last-child{grid-template-columns:repeat(2,1fr);gap:15px}.chapter-callings button{height:210px}.chapter-callings button>span{font-size:14px}.chapter-footer{padding-inline:25px}.chapter-footer p{font-size:9px}.chapter-read-link{font-size:8px}}
@media(prefers-reduced-motion:reduce){.transition-flight{display:none}.chapter-callings img{transition:none}}
html,body{overflow-x:clip}main{overflow:clip}.transition-flight:before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 40% 45%,#951e38ad,#19070d80 70%);animation:crimson-passage .85s ease both}.transition-bat svg{fill:#070409;stroke:#a1555544}.transition-bat{filter:drop-shadow(0 2px 4px #e2a16822)}@keyframes crimson-passage{0%{opacity:0}25%{opacity:.75}65%{opacity:.35}100%{opacity:0}}.chapter-body{min-height:80vh}

.chapter-shell{overflow-anchor:none;scroll-behavior:auto}.chapter-cover>img{aspect-ratio:1920/957}
@media(max-width:600px){.hero-actions{flex-direction:column;align-items:flex-start;gap:12px}.hero-actions .text-link{padding:12px 0;white-space:nowrap}.header-actions .small-cta{display:none}.site-header .nav-logo{width:106px}.header-actions{gap:24px}.hero-note{margin-top:16px}}

@media(min-width:601px){.world-gallery>.gallery-card:last-child:nth-child(odd){grid-column:1/-1;min-height:420px}}