/* Sandhof Nacht. Palette, local Saira type and bronze surfaces from Launcher 14. */
:root{--bg:#171613;--surface:#23211c;--raised:#302b23;--panel:#23211c;--panel2:#302b23;--ink:#f1e8d6;--muted:#c4b69a;--gold:#d9b46c;--line:#514736;--good:#99b9ab;--jade:#99b9ab;--red:#ba7063}
html,body{background:var(--bg);color:var(--ink);scrollbar-color:#786444 #171613}body{font-weight:400;-webkit-font-smoothing:antialiased;background-image:radial-gradient(ellipse at 90% 35%,#7153270b,transparent 55%)}h1,h2,h3{letter-spacing:.012em}h1{line-height:1.06}.site-header{background:radial-gradient(ellipse at 15% 0,#3c3425bd,transparent 48%),linear-gradient(90deg,#1b1915,#23211c);border-bottom-color:#8a704d7a;box-shadow:0 7px 28px #0808065c,inset 0 -3px #d9b46c09}.brand{width:245px;height:85px;filter:drop-shadow(0 3px 10px #0008)}.site-header{height:105px}.preview-strip{background:#302b23;color:#c4b69a}.site-header .desktop-nav{color:#c4b69a}.desktop-nav .active:after{bottom:-22px;box-shadow:0 0 12px #d9b46c30}.header-actions .language-button{color:#ad9d83}.language-button[aria-pressed=true]{color:var(--gold)}.menu-button{background:#302b23;border-color:#786444}.mobile-navigation{background:#23211cfb;border-color:#786444}.button{background:linear-gradient(#393126,#302b23);border-color:#786444;box-shadow:inset 0 0 0 2px #d9b46c0d;color:#f1e8d6}.button-primary{background:linear-gradient(125deg,#d4ab61,#b28a48);border-color:#e1bd79;color:#211c14;box-shadow:inset 0 1px #f1e8d640,0 7px 22px #080b0d40}.button-primary:hover{background:#dfbc7a}.button-quiet{background:#23211c99;border-color:#786444;color:#e1cda8}.button:hover{filter:brightness(1.05)}.text-link{color:var(--gold)}.badge{background:#393126;border-color:#786444;color:#d9b46c}.tab{background:#23211c;border-color:#514736;color:#c4b69a}.tab.active{background:linear-gradient(100deg,#413626,#302b23);border-color:#8a7046;color:#edcc91}.tabs{border-color:#514736}.panel{background:radial-gradient(ellipse at 20% 0,#56433130,transparent 70%),linear-gradient(135deg,#2a2720,#201e19);border-color:#61533c;box-shadow:inset 0 0 0 4px #cba56006,0 12px 26px #00000017}.panel h2,.panel h3{color:#f1e8d6}input,select,textarea{background:#171613;border-color:#786444;color:#f1e8d6}input::placeholder,textarea::placeholder{color:#a9987b}.form-field>label,.form-field:not(:has(>label)){color:#d5c6a9}.form-field small{color:#a9987b}.notice{background:#39312666;border-color:#b59864;color:#bfb193}.fact-list dt{color:#ad9e81}.fact-list dd{color:#ecdfc4}.fact-list>div{border-color:#88745332}.item-card{background:radial-gradient(ellipse at 50% 12%,#6a583532,transparent 70%),linear-gradient(135deg,#302b23,#23211c);border-color:#62543e;box-shadow:inset 0 0 0 4px #cbb18409,0 8px 16px #0003}.item-card:hover{border-color:#ad8f56}.item-art{background:radial-gradient(ellipse,#8f714331,transparent 70%);position:relative}.item-art img{image-rendering:auto;filter:drop-shadow(0 8px 11px #0008)}.item-card h2,.item-card h3{color:#eddfc1}.item-card>.button{background:#26231de0}.item-card>small{color:#ab997a}.data-table{color:#d9caae;background:#23211c}.data-table th{background:#302b23;color:#e1bf7e}.data-table td{color:#d5c7ab;border-color:#514736}.data-table tbody tr:hover{background:#41362655}.data-table tbody tr:nth-child(even){background:#302b2338}.table-wrap{border-color:#65573e}.data-table caption{padding:12px;background:#1c1b17;color:#b6a789;font-size:11px}.material img{image-rendering:auto}.upgrade-board>.panel{background:#201e19}.dialog{background:radial-gradient(ellipse at 10% 0,#6a52392e,transparent 70%),linear-gradient(135deg,#2c271f,#1c1b17);border-color:#958058;box-shadow:0 30px 100px #000a,inset 0 0 0 5px #d9b46c0a}.dialog-backdrop{background:#120e0ada}.dialog-close{background:#23211c;border-color:#786444}.dialog p{color:var(--muted)}#toast{background:#302b23;border-color:#958058}.steps{color:#c4b69a}.missing-shot{background:radial-gradient(ellipse,#393126,#23211c);border-color:#8e795655}.image-placeholder{background:#302b23;color:#b39d75}.system-card{background:radial-gradient(ellipse at 20% 0,#63513929,transparent 80%),#23211c;border-color:#514736;box-shadow:inset 0 0 0 4px #d9b46c08}.system-card:hover{background:#302b23;border-color:#9b8151}.system-card-head{color:#c4b69a}.system-card p{color:#bbaa8d}.knowledge-entry{border-color:#7864447a}.knowledge-entry strong{color:#ebdcc1}.knowledge-entry small{color:#ad9f85}.empty-state{border-color:#78644477}.footer-links{color:#c4b69a}.site-footer{background:radial-gradient(ellipse at 8% 10%,#3d342645,transparent 70%),#1c1b17;border-color:#78644455}.footer-links>div,.footer-brand p,.footer-bottom{color:#b3a389}.footer-links>div>span{color:#e1bf7e}.footer-bottom{border-color:#514736}.social-links{color:#a8997d}.client-download{background:#23211c;border-color:#786444;box-shadow:inset 0 0 0 5px #d9b46c0c,0 25px 70px #0004}.client-download-art{background:linear-gradient(0deg,#1c1915ad,#211f1c38),url('assets/night-courtyard.png') center/cover}.download-heading{background:linear-gradient(90deg,#171613 5%,#171613ba 65%,transparent),url('assets/temple-saraya.png') center 38%/cover;margin-top:30px;min-height:260px;border:1px solid #78644455}.download-requirements,.faq-list details{border-color:#514736}summary{color:#e3d5b9}.setup-steps span{color:var(--gold)}
/* Homepage: layered village scene, carved bronze borders and editorial art. */
.hero{min-height:740px;background:linear-gradient(90deg,#171613f0 0%,#191b20b5 43%,#211f1720 85%),url('assets/night-courtyard.png') center 47%/cover;border-bottom:1px solid #78644459}.hero:after{background:linear-gradient(0deg,#171613,transparent 32%)}.hero-copy h1{font-size:clamp(55px,5.5vw,83px);text-shadow:0 4px 25px #0008}.hero-copy>p{color:#d1c6ad}.hero-proof{color:#c4b69a}.hero-proof span+span{border-color:#8a74465c}.hero-figure{right:5%;width:545px;height:675px;bottom:30px}.hero-figure:before{content:'';position:absolute;inset:20% 3% 0;background:radial-gradient(ellipse,#d9b46c15,transparent 68%);filter:blur(10px)}.hero-figure img{filter:drop-shadow(0 25px 22px #000a)}.hero-caption{color:#b9a67e}.introduction{gap:70px;padding-top:95px}.intro-image{padding:0}.intro-image:before{display:none}.home-guide-visual{position:relative;isolation:isolate;min-height:345px;padding:30px;border:1px solid #9a815859;background:linear-gradient(0deg,#252019e0,#211c1699),url('assets/temple-saraya.png') center/cover;box-shadow:0 24px 65px #0006;display:flex;flex-direction:column;justify-content:space-between}.home-guide-visual:before{content:'';position:absolute;inset:7px;border:1px solid #c9aa7130;pointer-events:none}.home-guide-artifacts{display:flex;gap:16px;align-items:center;justify-content:center;margin:22px 0}.home-guide-artifacts>div{display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px solid #c9aa7150;background:radial-gradient(ellipse,#9e713840,#241e16bf);width:100px;height:132px;box-shadow:inset 0 0 0 4px #bda2770c,0 10px 20px #0005}.home-guide-artifacts img{width:55px;height:74px;object-fit:contain;filter:drop-shadow(0 6px 8px #0008)}.home-guide-artifacts span{font-size:10px;color:#ddc495}.home-guide-visual>p{font-size:13px;color:#dfd0b0;text-align:center}.home-guide-keys{display:flex;gap:8px;justify-content:center;margin-top:20px}.home-guide-keys kbd{background:#28231c;border-color:#8a7147;color:#e1c58e;font-size:11px}.discovery-section{background:radial-gradient(ellipse at 10% 20%,#84613613,transparent 65%);position:relative}.knowledge-entry>.icon{color:#d9b46c;filter:drop-shadow(0 0 8px #bb8f3422)}.class-section{background:linear-gradient(90deg,#171613ef,#29221ac9 55%,#17161335),url('assets/day-courtyard.png') center 50%/cover;border-color:#7864446b}.class-tab{background:#23211cb9;border-color:#786444;color:#c4b69a}.class-tab[aria-pressed=true]{background:linear-gradient(100deg,#413626,#302b23);border-color:#b4975e;color:#edcc91;box-shadow:inset 0 0 0 3px #d9b46c0c}.class-inner{min-height:645px}.class-figure{height:560px}.news-card{border-color:#78644488}.news-art{border:1px solid #88714d4d;background:none;height:240px;box-shadow:0 18px 28px #0003}.news-art img{height:100%;width:100%;object-fit:cover;object-position:center;top:0;left:0;filter:none}.start-banner{padding:55px;background:linear-gradient(90deg,#23211cf5,#23211cbc 65%,#23211c82),url('assets/hero-saraya.png') center 45%/cover;border-color:#8a704e99;box-shadow:inset 0 0 0 5px #d9b46c10,0 22px 40px #0003}.start-banner h2{font-size:43px}.start-banner p{color:#d3c3a3}
/* Presentation: full scenes, one story per chapter, interactive real-data graphics. */
.story-cover{position:relative;isolation:isolate;min-height:680px;display:flex;align-items:center;padding:60px max(44px,calc((100vw - 1232px)/2));overflow:hidden;background:#171613}.story-cover-art{position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#171613ef 0%,#171613b3 42%,#17161335 75%),url('assets/hero-saraya.png') center 37%/cover}.story-cover:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(0deg,#171613,transparent 26%,transparent 80%,#17161360)}.story-cover-content{max-width:620px;position:relative}.story-logo{display:block;width:330px;height:108px;object-fit:contain;object-position:left center;filter:drop-shadow(0 4px 18px #000b);margin:14px 0 16px}.story-cover h1{font-size:clamp(50px,5.2vw,77px);text-shadow:0 4px 35px #000b;margin:18px 0 22px;letter-spacing:.006em}.story-cover-content>p{font-size:18px;color:#d6c6a7;max-width:510px;line-height:1.8}.story-cover-content>.eyebrow{letter-spacing:3px;font-size:10px}.story-cover-bottom{position:absolute;left:max(44px,calc((100vw - 1232px)/2));right:max(44px,calc((100vw - 1232px)/2));bottom:28px;display:flex;justify-content:space-between;gap:30px;font-size:9px;letter-spacing:1.8px;color:#b49b70;border-top:1px solid #8a744643;padding-top:20px}.story-navigation{position:sticky;top:105px;display:flex;justify-content:center;gap:0;z-index:15;border-top:1px solid #67563b;border-bottom:1px solid #67563b;background:#23211cf7;backdrop-filter:blur(12px);box-shadow:0 10px 24px #0004;overflow:auto}.story-navigation>a{padding:22px 26px;display:flex;align-items:center;gap:12px;white-space:nowrap;font-size:13px;color:#d4c3a1}.story-navigation>a:hover{background:#413626;color:#edcc91}.story-navigation>a>span{font-size:10px;color:#9e875e}.story-content{max-width:1320px;padding:0 44px;margin:auto}.story-data-note{display:flex;align-items:start;gap:14px;margin-top:30px;padding:15px 0;border-bottom:1px solid #5d4e333d}.story-data-note>.icon{color:#a99368;margin-top:3px;width:16px;height:16px}.story-data-note p{font-size:11px;max-width:880px;line-height:1.8;color:#ad9d80}.story-section{padding:80px 0;border-bottom:1px solid #78644465;scroll-margin-top:195px}.story-section-heading{display:flex;gap:35px;align-items:start;max-width:880px;margin-bottom:42px}.story-chapter-number{font:500 72px/1 SarayaDisplay;letter-spacing:-3px;color:#7d6541;min-width:78px;margin-top:14px}.story-section-heading h2{font-size:48px;line-height:1.13;margin:15px 0 20px;color:#f1e8d6}.story-section-heading p{font-size:16px;line-height:1.8;max-width:720px;color:#bcad91}.story-related{display:flex;flex-wrap:wrap;gap:0 30px;margin-top:27px;border-top:1px solid #78644440;padding-top:13px}.story-related>a{min-height:48px;display:flex;align-items:center;gap:10px;font-size:12px;flex:0 1 calc(33.33% - 20px);padding:12px 0;white-space:normal}.story-related>a>.icon:first-child{width:16px;color:#a99160}.story-related>a>.icon:last-child{margin-left:auto;width:15px;height:15px}.story-related>a span{color:#ccb898}.story-related>a:hover span{color:var(--gold)}
.story-keyboard{display:grid;grid-template-columns:repeat(8,1fr);gap:10px;margin-bottom:22px}.story-key{position:relative;border:1px solid #786444;background:linear-gradient(#312c23,#201c16);padding:15px 8px 14px;min-height:102px;display:flex;flex-direction:column;gap:12px;align-items:center;color:#c9b593;box-shadow:inset 0 0 0 3px #8a714915,0 5px 0 #0b0a07;transition:.2s}.story-key>kbd{font:600 22px SarayaDisplay;border:0;background:none;padding:0;box-shadow:none;color:#e3c38d}.story-key>span{font-size:10px;line-height:1.4}.story-key[aria-pressed=true]{border-color:#d9b46c;background:linear-gradient(#7a6032,#4b3d26);box-shadow:inset 0 0 0 3px #d9b46c26,0 5px 0 #0b0a07,0 0 25px #d9b46c14;color:#f6e2be}.story-key:hover{border-color:#c9aa71;transform:translateY(-2px)}.story-tool-stage{min-height:430px;position:relative;display:grid;grid-template-columns:.8fr 1.2fr;overflow:hidden;border:1px solid #786444;background:linear-gradient(90deg,#171613ad,#23211ced 60%),url('assets/night-courtyard.png') center/cover;box-shadow:inset 0 0 0 5px #d9b46c09,0 24px 60px #0003}.story-tool-character{padding:20px;position:relative;min-height:430px;display:flex;align-items:end;justify-content:center;background:radial-gradient(ellipse,#b3833a20,transparent 70%)}.story-tool-character img{width:100%;height:430px;object-fit:contain;position:absolute;bottom:-18px;filter:drop-shadow(0 20px 17px #0009)}.story-tool-copy{padding:48px 55px 40px 22px;position:relative;z-index:1}.story-key-large{float:right;font:500 80px/1 SarayaDisplay;color:#d9b46c22;margin:0 0 0 25px}.story-tool-copy h3{font-size:37px;margin:0 0 18px}.story-tool-copy>p{font-size:14px;line-height:1.8}.story-steps{padding:0;list-style:none;margin:23px 0}.story-steps>li{display:flex;gap:13px;align-items:start;margin:14px 0;font-size:13px;line-height:1.7;color:#c4b69a}.story-steps>li>span{color:#d9b46c;font-size:10px;line-height:2.1;min-width:20px}
.story-journey-layout{display:grid;grid-template-columns:1.15fr .85fr;gap:45px}.story-progression{padding:10px 0 10px 25px;position:relative}.story-progression:before{content:'';position:absolute;top:30px;bottom:30px;width:1px;left:55px;background:linear-gradient(#b6924b,#b6924b22)}.story-progression-step{display:flex;gap:25px;align-items:start;padding:20px 0;position:relative;min-height:110px}.progression-seal{display:flex;align-items:center;justify-content:center;min-width:60px;width:60px;height:60px;border:1px solid #a78a51;background:radial-gradient(circle,#58472c,#241f17 75%);box-shadow:inset 0 0 0 5px #171613,inset 0 0 0 6px #a78a5140,0 5px 18px #0004;color:#e1bf7e;font-size:17px}.story-progression-step h3{font-size:25px;margin:0 0 9px}.story-progression-step p{font-size:12px;line-height:1.7}.story-progression-step>.icon{width:17px;height:17px;margin-top:23px;color:#a99160}.story-progression-step:hover h3{color:#e1bf7e}.story-journey-art{min-height:490px;position:relative;overflow:hidden;background:linear-gradient(0deg,#23211caa,transparent 80%),url('assets/temple-saraya.png') center/cover;border:1px solid #8a74465c;box-shadow:inset 0 0 0 5px #d9b46c0c,0 23px 55px #0003}.story-journey-art>img{height:490px;width:100%;object-fit:contain;position:absolute;bottom:12px;filter:drop-shadow(0 10px 15px #0008)}.story-art-label{position:absolute;bottom:0;left:0;right:0;padding:28px;background:linear-gradient(0deg,#171613,transparent);text-align:center}.story-art-label strong{display:block;font:600 25px SarayaDisplay;margin-top:8px}.story-f12{margin-top:40px;padding:30px 35px;border:1px solid #8a7446;background:radial-gradient(ellipse at 20% 0,#55452b3d,transparent 70%),#23211c;box-shadow:inset 0 0 0 5px #d9b46c0a}.story-f12 header{display:flex;align-items:center;gap:18px;margin-bottom:25px;flex-wrap:wrap}.story-f12 h3{font-size:28px}.story-f12 header p{font-size:13px;flex:1;text-align:right}.story-f12-items{display:grid;grid-template-columns:repeat(8,1fr);gap:15px}.story-task{display:flex;align-items:center;flex-direction:column;text-align:center;gap:10px;padding:13px 6px;background:linear-gradient(#30291e,#1e1c16);border:1px solid #78644460}.story-task img{width:50px;height:55px;object-fit:contain;filter:drop-shadow(0 5px 8px #0008)}.story-task>span{font-size:10px;line-height:1.4;min-height:30px;color:#bfae8b}.story-task>strong{font:500 21px SarayaDisplay;color:#dfbd7c}.story-task:hover{border-color:#bba06a}.story-f12 footer{border-top:1px solid #7864446b;padding-top:25px;margin-top:25px;display:flex;gap:22px;align-items:center;font-size:12px;color:#c4b69a}.story-f12 footer>strong{font:500 34px SarayaDisplay;color:#e1bf7e}.story-f12 footer>.text-link{margin-left:auto;font-size:12px}
.story-forge{padding:35px;border:1px solid #786444;background:radial-gradient(ellipse at 50% 40%,#6b4a2429,transparent 70%),linear-gradient(135deg,#2a251d,#191713);box-shadow:inset 0 0 0 5px #d9b46c0c,0 25px 60px #0004}.forge-controls{display:flex;align-items:end;gap:25px;margin-bottom:37px;justify-content:space-between}.forge-controls>label{display:flex;flex-direction:column;gap:10px;font-size:12px;color:#c4b69a;min-width:270px}.forge-levels{display:flex;gap:6px;flex-wrap:wrap}.forge-level{min-width:41px;min-height:43px;font-size:13px;color:#bfad87;border:1px solid #78644480;background:#23211c}.forge-level[aria-pressed=true]{color:#f3deb6;border-color:#d9b46c;background:#765c2c;box-shadow:inset 0 0 0 3px #d9b46c15}.forge-flow{display:grid;grid-template-columns:1fr 1.3fr 1fr;gap:30px;align-items:center}.forge-item{text-align:center;min-width:0;padding:28px 15px;background:radial-gradient(ellipse,#6f563325,transparent 75%);position:relative}.forge-item-frame{width:160px;height:180px;display:flex;align-items:center;justify-content:center;margin:24px auto;border:1px solid #786444;background:radial-gradient(ellipse,#80603736,#1d1b15);box-shadow:inset 0 0 0 7px #171613,inset 0 0 0 8px #a78a5139,0 15px 25px #0006}.forge-item-frame img{width:82px;height:120px;object-fit:contain;filter:drop-shadow(0 5px 10px #0008)}.forge-item h3{font-size:26px;line-height:1.3;margin-bottom:14px}.forge-item .text-link{font-size:12px}.forge-item.result .forge-item-frame{border-color:#d9b46c;box-shadow:inset 0 0 0 7px #171613,inset 0 0 0 8px #d9b46c50,0 0 45px #c59a3930;background:radial-gradient(ellipse,#92753a75,#1d1b15)}.forge-item.result h3{color:#dfbd7c}.forge-materials{border-left:1px solid #8a744661;border-right:1px solid #8a744661;padding:25px}.forge-materials>.eyebrow{display:block;margin-bottom:17px;font-size:10px;letter-spacing:1.4px}.forge-material{display:flex;align-items:center;gap:12px;border-bottom:1px solid #78644455;padding:13px 0}.forge-material img{width:40px;height:45px;object-fit:contain}.forge-material span{font-size:12px;color:#ccb998;flex:1;line-height:1.5}.forge-material strong{font-size:14px;color:#e1bf7e}.forge-costs{display:flex;justify-content:space-between;gap:15px;margin-top:25px;font-size:10px;color:#bca986}.forge-costs strong{display:block;font-size:17px;color:#e4c794;margin-top:7px;white-space:nowrap}.forge-caption{text-align:center;font-size:10px;color:#9a896d;margin:27px 0 0}
.story-alchemy-stage{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center;min-height:520px;padding:35px;position:relative;background:radial-gradient(ellipse at 30% 50%,#71572c22,transparent 65%)}.alchemy-orbit{position:relative;width:440px;height:440px;justify-self:center;border:1px solid #977c4740;border-radius:50%;background:radial-gradient(circle,#78603815 45%,transparent 46%)}.alchemy-orbit:before{content:'';position:absolute;inset:50px;border:1px solid #977c4735;border-radius:50%;box-shadow:0 0 0 12px #977c4709,0 0 0 32px #977c4706}.alchemy-stone{position:absolute;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;width:120px;height:120px;top:calc(50% - 60px);left:calc(50% - 60px);transform:rotate(calc(var(--stone-index)*60deg - 90deg)) translateX(165px) rotate(calc(90deg - var(--stone-index)*60deg));border:1px solid #8a744688;background:radial-gradient(ellipse,#514331,#211e18 80%);box-shadow:inset 0 0 0 4px #171613,inset 0 0 0 5px #8a744639,0 7px 30px #0005;color:#c4b69a;z-index:2}.alchemy-stone img{width:48px;height:52px;object-fit:contain;filter:drop-shadow(0 0 13px #d9b46c28)}.alchemy-stone>span{font-size:10px}.alchemy-stone[aria-pressed=true]{background:radial-gradient(ellipse,#847048,#332b1f 75%);border-color:#dfbd7c;box-shadow:inset 0 0 0 4px #171613,inset 0 0 0 5px #d9b46c66,0 0 28px #d9b46c25;color:#f1dfba}.alchemy-center{position:absolute;inset:130px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#b59860;border:1px solid #a68a5060;transform:rotate(45deg);background:#2a241c}.alchemy-center .icon{width:48px;height:48px;transform:rotate(-45deg)}.alchemy-center>span{font-size:9px;letter-spacing:2px;transform:rotate(-45deg);margin-top:15px}.alchemy-explanation h3{font-size:40px;margin:15px 0 25px}.alchemy-main-bonus{display:flex;align-items:center;gap:15px;color:#e1bf7e;padding:15px 0;border-top:1px solid #78644460;border-bottom:1px solid #78644460;font-size:19px}.alchemy-main-bonus .icon{width:25px;height:25px}.alchemy-explanation ul{list-style:none;padding:0;display:grid;gap:13px;margin:24px 0;font-size:14px;color:#c4b69a}.alchemy-explanation li{display:flex;gap:12px;align-items:center}.alchemy-explanation li .icon{width:15px;color:#a28b63}.alchemy-explanation p{font-size:13px;line-height:1.8;margin-bottom:25px}
.story-world{display:grid;grid-template-columns:.9fr 1.1fr;min-height:410px;border:1px solid #786444;background:linear-gradient(90deg,#211e19e0,#211e19bf 70%,#211e1948),url('assets/temple-saraya.png') center/cover;box-shadow:inset 0 0 0 5px #d9b46c09,0 20px 45px #0004}.world-selector{padding:30px;display:flex;flex-direction:column;gap:8px;background:#171613ab}.world-place{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:14px 18px;min-height:59px;text-align:left;border:1px solid #78644444;background:#302b2366;color:#c4b69a}.world-place span{font-size:14px;font-weight:550}.world-place small{font-size:10px;white-space:nowrap;color:#ac9770}.world-place[aria-pressed=true]{border-color:#b59760;background:linear-gradient(90deg,#5b472c,#302b23b0);color:#f0d9ae;box-shadow:inset 3px 0 #d9b46c}.world-info{padding:45px 50px;display:flex;flex-direction:column;justify-content:center;align-items:start}.world-info h3{font-size:39px;margin:17px 0 25px;text-shadow:0 3px 16px #0009}.world-requirements{display:flex;gap:40px;margin-bottom:25px}.world-requirements span{font-size:11px;color:#c4b69a}.world-requirements strong{display:block;font:500 45px/1.3 SarayaDisplay;color:#e1bf7e}.world-info p{font-size:13px;margin-bottom:27px;max-width:400px}.story-world-bottom{display:grid;grid-template-columns:1fr 1fr;gap:30px;margin-top:30px}.world-route{display:flex;align-items:center;gap:23px;padding:25px;border:1px solid #78644455;background:#23211c}.world-route>.icon:first-child{width:36px;height:36px;color:#b69b65}.world-route div{flex:1}.world-route h3{font-size:24px;margin-bottom:9px}.world-route p{font-size:12px}.world-route>.icon:last-child{width:16px;color:#b69b65}
.story-community{display:grid;grid-template-columns:1fr 1fr;gap:25px;padding:40px 45px;min-height:450px;position:relative;overflow:hidden;background:linear-gradient(90deg,#23211cf5,#23211cbd 70%,#23211c65),url('assets/night-courtyard.png') center/cover;border:1px solid #78644488;box-shadow:inset 0 0 0 5px #d9b46c09}.story-community-copy{position:relative;z-index:3;align-self:center}.story-community-copy h3{font-size:34px;line-height:1.2;margin-bottom:22px}.story-community-copy p{font-size:14px;line-height:1.9}.story-community-copy .hero-actions{gap:12px;margin-top:28px}.story-community-copy .button{font-size:12px;padding:12px 18px}.story-community-art{height:380px;position:relative;align-self:end}.story-community-art img{position:absolute;bottom:-50px;width:65%;height:100%;object-fit:contain;filter:drop-shadow(0 15px 17px #000a)}.story-community-art img:first-child{left:18%;z-index:2;height:108%}.story-community-art img:nth-child(2){left:-12%;z-index:1;height:95%;opacity:.75}.story-community-art img:nth-child(3){right:-15%;z-index:1;height:95%;opacity:.8}.story-index-end{padding:90px 0 105px;text-align:center;background:radial-gradient(ellipse at 50% 20%,#8b66361c,transparent 70%)}.story-index-end h2{font-size:46px;margin:20px 0}.story-index-end p{font-size:15px;margin-top:10px}.story-index-end .hero-actions{justify-content:center}
@media(min-width:1550px){.story-cover{min-height:750px}.story-cover-content{max-width:640px}.story-cover h1{font-size:85px}.story-cover-art{background-position:center 38%}}
@media(max-width:1350px){.brand{width:210px}.site-header .desktop-nav{gap:18px}.header-actions{gap:12px}.story-navigation>a{padding:20px 18px;font-size:12px}.story-forge{padding:30px}.forge-flow{gap:20px}.forge-item-frame{width:140px;height:165px}.alchemy-orbit{width:390px;height:390px}.alchemy-stone{width:105px;height:105px;left:calc(50% - 52.5px);top:calc(50% - 52.5px);transform:rotate(calc(var(--stone-index)*60deg - 90deg)) translateX(145px) rotate(calc(90deg - var(--stone-index)*60deg))}.alchemy-center{inset:118px}.story-alchemy-stage{gap:40px;padding:25px}.story-f12-items{gap:10px}.story-task>span{font-size:9px}.world-info{padding:35px}.story-community-art img{width:75%}}
@media(max-width:1100px){.story-navigation{top:105px;justify-content:start}.story-cover{padding:55px 44px;min-height:630px}.story-cover-art{background-position:58% center}.story-cover-content{max-width:540px}.story-cover h1{font-size:65px}.story-cover-content>p{font-size:16px;max-width:450px}.hero{min-height:690px}.hero-figure{width:490px;height:620px;right:-40px;opacity:.65}.story-keyboard{grid-template-columns:repeat(4,1fr);gap:12px}.story-key{min-height:88px;gap:8px}.story-key>span{font-size:11px}.story-tool-stage{grid-template-columns:.65fr 1fr}.story-tool-copy{padding-right:30px}.story-tool-copy h3{font-size:32px}.story-tool-character img{height:380px}.story-section-heading h2{font-size:43px}.story-f12-items{grid-template-columns:repeat(4,1fr);gap:14px}.story-task>span{font-size:11px;min-height:22px}.story-forge{padding:28px}.forge-controls{display:block}.forge-controls>label{max-width:450px;min-width:0}.forge-levels{margin-top:22px;gap:8px}.forge-flow{grid-template-columns:1fr 1.1fr 1fr;gap:15px}.forge-item{padding:20px 5px}.forge-item h3{font-size:22px}.forge-item-frame{width:125px;height:145px}.forge-item>.eyebrow{font-size:8px;letter-spacing:1px}.forge-materials{padding:20px 15px}.forge-material span{font-size:11px}.forge-material img{width:30px;height:38px}.forge-costs{display:block}.forge-costs>span{display:block;margin-top:17px}.story-alchemy-stage{grid-template-columns:1fr 1fr;gap:30px;padding:0}.alchemy-orbit{width:320px;height:360px;border:0;background:none}.alchemy-orbit:before{inset:35px 15px}.alchemy-stone{width:95px;height:105px;left:calc(50% - 47.5px);top:calc(50% - 52.5px);transform:rotate(calc(var(--stone-index)*60deg - 90deg)) translateX(125px) rotate(calc(90deg - var(--stone-index)*60deg))}.alchemy-center{inset:118px 100px}.alchemy-center .icon{width:33px;height:33px}.alchemy-center span{font-size:7px}.alchemy-explanation h3{font-size:33px}.alchemy-main-bonus{font-size:16px}.story-journey-layout{gap:30px;grid-template-columns:1fr .7fr}.story-progression{padding-left:0}.story-progression:before{left:30px}.story-progression-step{gap:17px}.story-progression-step h3{font-size:24px}.story-journey-art{min-height:520px}.story-journey-art>img{height:460px;width:135%;max-width:none;left:-17.5%}.story-related>a{flex-basis:calc(50% - 15px)}.story-world{grid-template-columns:1fr 1fr}.world-selector{padding:20px}.world-place{padding:13px;display:block}.world-place span{display:block;font-size:14px}.world-place small{display:block;margin-top:6px}.world-info{padding:25px}.world-info h3{font-size:34px}.world-requirements{gap:30px}.world-route{padding:20px;gap:15px}.world-route h3{font-size:22px}.story-community{padding:35px 30px;grid-template-columns:1.05fr .95fr}.story-community-copy h3{font-size:30px}.story-community-art img{width:85%}.story-community-art img:first-child{left:10%}.story-community-art img:nth-child(2){left:-24%}.story-community-art img:nth-child(3){right:-30%}.client-download-copy{padding:35px}}
@media(max-width:760px){.site-header{height:82px;padding:8px 18px}.brand{width:180px;height:65px}.header-actions{gap:9px}.mobile-navigation{top:108px}.hero{min-height:740px;padding-top:45px;padding-bottom:320px;background-position:58% center}.hero-copy h1{font-size:clamp(50px,11vw,64px)}.hero-copy>p{font-size:15px;color:#d1c6ad}.hero-figure{width:265px;height:330px;right:-7px;bottom:32px;opacity:.83}.hero-figure img{height:100%}.hero-caption{max-width:135px;font-size:8px;line-height:1.8}.hero-proof{font-size:9px;gap:12px;max-width:340px}.hero-proof span+span{padding-left:12px}.introduction{padding-top:55px;gap:30px}.home-guide-visual{min-height:305px;padding:25px}.home-guide-artifacts{gap:10px}.home-guide-artifacts>div{width:90px;height:120px}.home-guide-keys{gap:5px}.home-guide-keys kbd{padding:5px 7px;font-size:10px}.class-inner{min-height:0;padding-bottom:340px}.class-figure{height:310px}.news-art{height:100%;min-height:205px}.news-art img{width:100%;height:100%;left:0;top:0;object-position:60% center}.start-banner{padding:28px 24px}.start-banner h2{font-size:31px}.download-heading{margin-top:20px;min-height:220px;background-position:55% center}.story-cover{min-height:590px;padding:45px 24px 95px}.story-cover-art{background:linear-gradient(90deg,#171613ed,#171613a8 70%,#17161355),url('assets/hero-saraya.png') 60% center/cover}.story-logo{width:270px;height:94px;margin-top:14px;margin-bottom:14px}.story-cover h1{font-size:52px;line-height:1.08;margin:10px 0 22px}.story-cover-content>p{font-size:14px;max-width:380px}.story-cover .hero-actions{margin-top:27px;gap:18px}.story-cover .button{font-size:12px;padding:12px 20px}.story-cover .text-link{font-size:12px}.story-cover-bottom{left:24px;right:24px;bottom:24px;gap:15px;font-size:8px;letter-spacing:.7px;align-items:center}.story-cover-bottom>span:nth-child(2){display:none}.story-navigation{top:82px;gap:0;justify-content:start}.story-navigation>a{padding:17px 19px;font-size:11px;gap:8px}.story-content{padding:0 24px}.story-data-note{margin-top:22px;padding:12px 0}.story-data-note p{font-size:10px}.story-data-note>.icon{width:14px;height:14px}.story-section{padding:48px 0;scroll-margin-top:153px}.story-section-heading{gap:20px;margin-bottom:30px}.story-chapter-number{font-size:42px;min-width:44px;letter-spacing:-2px;margin-top:20px}.story-section-heading h2{font-size:32px;margin:12px 0 16px}.story-section-heading .eyebrow{font-size:8px;letter-spacing:1.2px}.story-section-heading p{font-size:13px;line-height:1.8}.story-keyboard{gap:10px;grid-template-columns:repeat(4,1fr)}.story-key{padding:12px 5px;min-height:89px}.story-key kbd{font-size:20px}.story-key span{font-size:9px;line-height:1.4}.story-tool-stage{display:block;padding:230px 0 0;min-height:0;background-position:65% center}.story-tool-character{position:absolute;left:0;right:0;top:0;min-height:0;height:260px;background:none;opacity:.9}.story-tool-character img{height:265px;bottom:-5px;width:100%;object-position:65% top}.story-tool-copy{padding:26px 23px;position:relative;background:linear-gradient(0deg,#23211c,#23211cf0 92%,#23211c33)}.story-key-large{font-size:60px}.story-tool-copy h3{font-size:29px}.story-tool-copy>p{font-size:12px}.story-steps li{font-size:11px;line-height:1.8;gap:12px}.story-tool-copy .button{font-size:12px;padding:12px 17px}.story-related{gap:0 20px;margin-top:20px}.story-related>a{flex-basis:calc(50% - 10px);font-size:10px;gap:7px;min-height:50px}.story-related>a>.icon:first-child{width:13px}.story-related>a>.icon:last-child{width:12px}.story-related kbd{font-size:10px;padding:4px 6px}.story-journey-layout{grid-template-columns:1fr;gap:25px}.story-progression-step{padding:15px 0;min-height:97px;gap:18px}.story-progression-step h3{font-size:23px;margin-bottom:8px}.story-progression-step p{font-size:11px}.progression-seal{min-width:51px;width:51px;height:51px;font-size:14px}.story-progression:before{left:25px}.story-journey-art{min-height:320px;max-width:100%;background-position:center 40%}.story-journey-art>img{height:345px;width:100%;left:0;bottom:-5px}.story-art-label{padding:20px}.story-art-label strong{font-size:23px}.story-art-label .eyebrow{font-size:8px}.story-f12{margin-top:25px;padding:23px 18px}.story-f12 header{gap:12px;margin-bottom:20px}.story-f12 h3{font-size:25px}.story-f12 header p{flex-basis:100%;text-align:left;font-size:11px}.story-f12-items{grid-template-columns:repeat(4,1fr);gap:8px}.story-task{padding:10px 4px;gap:8px}.story-task img{width:38px;height:43px}.story-task>span{font-size:8px;min-height:27px;line-height:1.5}.story-task>strong{font-size:18px}.story-f12 footer{flex-wrap:wrap;gap:15px;font-size:10px;padding-top:20px;margin-top:20px}.story-f12 footer>strong{font-size:30px}.story-f12 footer>.text-link{margin-left:0;width:100%;font-size:11px}.story-forge{padding:23px 18px}.forge-controls{margin-bottom:26px}.forge-controls>label{font-size:11px}.forge-levels{gap:5px;margin-top:20px}.forge-level{min-width:29px;min-height:35px;font-size:11px;flex:1}.forge-flow{display:flex;flex-wrap:wrap;justify-content:space-between;gap:18px}.forge-item{width:calc(50% - 9px);padding:14px 5px;order:0}.forge-item-frame{width:100px;height:123px;margin:18px auto}.forge-item-frame img{width:55px;height:92px}.forge-item h3{font-size:20px}.forge-item .eyebrow{font-size:7px;letter-spacing:.5px}.forge-item .text-link{font-size:10px}.forge-materials{width:100%;order:2;border:1px solid #78644455;padding:18px;background:#17161380}.forge-materials>.eyebrow{font-size:9px}.forge-material{padding:10px 0}.forge-material span{font-size:11px}.forge-material img{width:34px;height:40px}.forge-costs{display:flex;gap:15px;margin-top:0}.forge-costs strong{font-size:16px}.forge-caption{font-size:9px;line-height:1.8;margin-top:22px}.story-alchemy-stage{display:flex;flex-direction:column;gap:30px;min-height:0;padding:0;align-items:stretch}.alchemy-orbit{width:310px;height:350px;align-self:center;max-width:100%}.alchemy-stone{width:94px;height:98px;left:calc(50% - 47px);top:calc(50% - 49px);transform:rotate(calc(var(--stone-index)*60deg - 90deg)) translateX(115px) rotate(calc(90deg - var(--stone-index)*60deg))}.alchemy-orbit:before{inset:45px 25px}.alchemy-stone img{width:37px;height:43px}.alchemy-stone span{font-size:8px}.alchemy-center{inset:119px 100px}.alchemy-center .icon{width:30px;height:30px}.alchemy-center span{font-size:6px;margin-top:10px}.alchemy-explanation{padding:22px;border:1px solid #78644460;background:#23211c}.alchemy-explanation h3{font-size:30px}.alchemy-explanation>.eyebrow{font-size:9px}.alchemy-main-bonus{font-size:16px;gap:12px}.alchemy-explanation ul{font-size:12px;gap:12px;margin:20px 0}.alchemy-explanation p{font-size:11px}.alchemy-explanation .button{font-size:12px}.story-world{grid-template-columns:1fr;min-height:0}.world-selector{padding:20px;gap:7px}.world-place{display:flex;align-items:center;padding:13px;min-height:55px}.world-place span{font-size:12px}.world-place small{font-size:9px;margin:0}.world-info{padding:26px 25px;background:linear-gradient(#23211c55,#23211cc9)}.world-info h3{font-size:32px;margin-top:14px}.world-info .eyebrow{font-size:9px}.world-requirements{gap:45px;margin-bottom:18px}.world-requirements strong{font-size:39px}.world-requirements span{font-size:10px}.world-info p{font-size:12px}.world-info .button{font-size:12px}.story-world-bottom{grid-template-columns:1fr;gap:14px;margin-top:20px}.world-route{gap:18px;padding:20px}.world-route h3{font-size:21px}.world-route p{font-size:11px}.world-route>.icon:first-child{width:27px;height:27px}.story-community{display:block;padding:28px 23px 290px;min-height:0}.story-community-copy h3{font-size:29px;margin-bottom:18px}.story-community-copy p{font-size:12px}.story-community-art{position:absolute;bottom:0;height:270px;left:15px;right:15px}.story-community-art img{bottom:-30px;width:65%}.story-community-art img:first-child{left:17%;height:105%}.story-community-art img:nth-child(2){left:-10%;height:93%}.story-community-art img:nth-child(3){right:-13%;height:93%}.story-community-copy .button{font-size:11px;padding:11px 14px}.story-index-end{padding:55px 0 60px}.story-index-end h2{font-size:33px;margin:17px 0}.story-index-end p{font-size:12px}.story-index-end .hero-actions{gap:12px}.story-index-end .button{font-size:12px;padding:12px 18px}.site-footer{margin-top:30px}.story-index-end .eyebrow{font-size:9px}}
@media(max-width:390px){.brand{width:156px}.story-cover h1{font-size:46px}.story-logo{width:255px}.story-section-heading{gap:16px}.story-section-heading h2{font-size:29px}.story-chapter-number{min-width:36px;font-size:38px}.alchemy-orbit{width:295px;height:330px}.alchemy-stone{transform:rotate(calc(var(--stone-index)*60deg - 90deg)) translateX(110px) rotate(calc(90deg - var(--stone-index)*60deg))}.alchemy-center{inset:113px 97px}.forge-level{min-width:24px}.hero-copy h1{font-size:49px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}