body.landing-only{--landing-header:112px;padding-bottom:0}
.landing-only .site-header{height:var(--landing-header)}
.landing-only .hero{min-height:calc(100svh - var(--landing-header));height:auto;max-height:none;overflow:clip}
.landing-only .hero-content{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:24px 28px 26px}
.landing-only .hero .eyebrow{flex-shrink:0}
.landing-only .game-wordmark{width:min(800px,100%);margin:12px auto 18px;flex-shrink:0}
.landing-only .hero-copy{max-width:900px;font-size:27px;line-height:1.25}
.landing-only .hero-copy p+p{margin-top:14px}
.landing-only .hero-footer{position:relative;left:auto;right:auto;bottom:auto;width:90%;margin:0 auto 70px;padding:13px 0 8px;font-size:19px;flex-shrink:0;justify-content:space-between}
@media(max-width:800px){body.landing-only{--landing-header:96px}.landing-only .hero-content{padding:24px 24px 22px}.landing-only .hero-copy{font-size:25px}.landing-only .game-wordmark{margin:14px auto 22px}.landing-only .hero-footer{font-size:17px;margin-bottom:70px}}
@media(max-width:480px){.landing-only .hero-content{padding:18px 20px 22px}.landing-only .hero-copy{font-size:23px;line-height:1.24}.landing-only .hero-copy p+p{margin-top:12px}.landing-only .game-wordmark{margin:14px auto 20px}.landing-only .hero .eyebrow{font-size:18px}.landing-only .hero-footer{font-size:16px;line-height:1.15;margin-bottom:65px;padding-top:12px;gap:20px}}

.landing-actions{display:flex;align-items:center;gap:32px}.landing-actions>button{font:inherit;font-size:24px;line-height:1.15;background:#1c160d80;border:1px solid #c4a367;padding:9px 23px;color:#e8cf9b;cursor:pointer}.landing-actions>button:hover{background:#d6b575;color:#241a0d}.gameplay-viewer{width:min(1440px,96vw);max-width:96vw;max-height:96svh;padding:22px 22px 16px;background:#15120f;border:1px solid #b8955c;box-shadow:0 20px 80px #000a}.gameplay-viewer h2{font-size:34px;line-height:1.1;text-align:left;padding:0 54px 20px 4px}.gameplay-viewer h2 span{font-size:22px;color:#c8b187;margin-left:18px}.gameplay-viewer .viewer-close{right:10px;top:14px}.gameplay-viewer>img{display:block;width:100%;height:auto;max-height:calc(96svh - 185px);object-fit:contain;background:#000}.gameplay-viewer-footer{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:12px}.gameplay-viewer-footer>button{font-family:var(--script);font-size:30px;line-height:1;border:1px solid #9f7c46;color:var(--ink);background:transparent;width:48px;min-height:46px;cursor:pointer;flex-shrink:0}.gameplay-viewer-footer>button:disabled{opacity:.3;cursor:default}.gameplay-viewer-footer>button:hover:not(:disabled){background:#bc985e;color:#20170c}.gameplay-caption{text-align:center;line-height:1.25}.gameplay-caption p{font-size:26px;margin:0}.gameplay-caption span{font-size:20px;color:#bcaa8d;margin-right:20px}.gameplay-caption a{font-size:20px;color:#e2bc77;border-bottom:1px solid #7e643f}
@media(max-width:800px){.landing-actions{gap:18px}.landing-actions>button{font-size:23px;padding:8px 20px}.gameplay-viewer{padding:18px 12px 14px}.gameplay-viewer h2{font-size:29px;padding-bottom:17px}.gameplay-viewer h2 span{display:block;margin:7px 0 0;font-size:21px}.gameplay-viewer>img{max-height:calc(96svh - 220px)}.gameplay-viewer-footer{gap:12px}.gameplay-caption p{font-size:24px}.gameplay-caption span,.gameplay-caption a{font-size:19px}}
@media(max-width:480px){.landing-actions>button{font-size:22px;padding:8px 17px}.gameplay-viewer-footer>button{width:40px;min-height:44px}.gameplay-caption p{font-size:23px}.gameplay-caption span{display:block;margin-right:0}.gameplay-caption a{font-size:19px}}

.engine-credit{display:flex;align-items:center;justify-content:flex-end;gap:11px;line-height:1.15;text-align:right}.engine-mark{display:block;position:relative;width:48px;height:52px;overflow:hidden;flex-shrink:0;background:#fff;mask-image:url('assets/unreal-engine.jpg');mask-mode:luminance;mask-size:115px auto;mask-position:-34px -7px;mask-repeat:no-repeat}.engine-mark img{display:block;position:relative;width:115px;height:auto;max-width:none;left:-34px;top:-7px;opacity:0}.engine-credit>span:last-child{white-space:nowrap}
@media(max-width:480px){.engine-credit{gap:8px;font-size:16px}.engine-mark{width:40px;height:45px;mask-size:98px auto;mask-position:-29px -6px}.engine-mark img{width:98px;left:-29px;top:-6px}.landing-only .hero-footer>span:first-child{max-width:148px}}

/* The game's leather ledger holds the lore without adding a scrolling homepage. */
body:has(dialog[open]){overflow:hidden}
.landing-actions{gap:14px}
.lore-viewer{width:min(1160px,96vw);height:min(770px,94svh);max-width:96vw;max-height:94svh;margin:auto;padding:0;border:0;background:transparent;overflow:visible;box-shadow:0 20px 80px #000a}
.lore-viewer::backdrop{background:#060504eb}
.lore-book{display:grid;grid-template-columns:1fr 1fr;height:100%;overflow:hidden;border-radius:18px;background:linear-gradient(#08040333,#08040333),url('assets/art/leather-ledger.webp') center/100% 100% no-repeat;text-shadow:0 1px 4px #000}
.lore-index{min-height:0;overflow-y:auto;padding:53px 13% 54px 16%;scrollbar-width:thin;scrollbar-color:#a0804a transparent}
.lore-kicker{font-size:20px;line-height:1.2;color:#d5b677;letter-spacing:.6px}
.lore-index h2{font-size:54px;line-height:1.03;margin:15px 0;color:#f4e4bf;padding:0;font-weight:500;letter-spacing:0}
.lore-invitation{font-size:23px;line-height:1.25;color:#d7c6a9;margin-bottom:21px}
#lore-chapters{display:flex;flex-direction:column;align-items:stretch;gap:3px}
#lore-chapters button{border:0;border-left:2px solid transparent;padding:5px 10px;background:transparent;text-align:left;color:#e0ccb0;font-size:25px;line-height:1.18;cursor:pointer}
#lore-chapters button:hover{color:#fff0cc;background:#bb8d4320}
#lore-chapters button[aria-pressed=true]{color:#ffe4a4;border-left-color:#e6bf73;background:linear-gradient(90deg,#bb8d4338,transparent)}
.lore-leaf{min-height:0;overflow-y:auto;padding:69px 14% 58px 12%;scrollbar-width:thin;scrollbar-color:#a0804a transparent}
.lore-leaf h3{font-size:46px;line-height:1.04;font-weight:500;color:#f6e6c2;margin:23px 0 10px;letter-spacing:0}
.lore-leaf .lore-subtitle{color:#d4b67f;font-size:24px;line-height:1.2;margin:0 0 30px;padding-bottom:22px;border-bottom:1px solid #b48d6455}
#lore-chapter-copy p{font-size:27px;line-height:1.32;color:#f0e4cf;margin:0}
#lore-chapter-copy p+p{margin-top:21px}
.lore-leaf-ornament{display:block;text-align:center;color:#bd9455;font-size:16px;margin-top:30px}
.lore-viewer .viewer-close{right:20px;top:20px;background:#140d08d9;border:1px solid #aa854f99;border-radius:50%;font-size:20px}
.lore-mobile-chapters{display:none}
.lore-leaf:focus-visible{outline:1px solid #e6bf73;outline-offset:-32px}
@media(max-width:1000px) and (min-width:761px){.lore-index{padding-left:14%;padding-right:11%}.lore-index h2{font-size:46px}.lore-invitation{font-size:21px}#lore-chapters button{font-size:23px}.lore-leaf{padding-left:12%;padding-right:12%}.lore-leaf h3{font-size:40px}#lore-chapter-copy p{font-size:25px}}
@media(max-width:760px){.lore-viewer{height:auto;max-height:94svh;overflow:auto;border-radius:12px;scrollbar-width:thin;scrollbar-color:#a0804a #1a100c}.lore-book{display:block;height:auto;overflow:visible;background-size:200% 100%;background-position:left top}.lore-index{padding:43px 9% 0;overflow:visible}.lore-index h2{font-size:43px;margin:13px 0}.lore-index h2 br{display:none}.lore-index h2 br:after{content:' '}.lore-invitation{margin-bottom:18px;font-size:22px}.lore-kicker{font-size:18px}#lore-chapters{display:none}.lore-mobile-chapters{display:block;color:#d7c6a9;font-size:21px;line-height:1.25}.lore-mobile-chapters select{display:block;width:100%;margin-top:8px;padding:10px 12px;border:1px solid #bd955d;background:#21150f;color:#f6e6c2;font:inherit;font-size:23px;line-height:1.2;border-radius:2px}.lore-mobile-chapters select:focus-visible{outline:2px solid #e6bf73;outline-offset:4px}.lore-leaf{padding:28px 9% 45px;overflow:visible}.lore-leaf h3{font-size:40px;margin-top:17px}.lore-leaf .lore-subtitle{font-size:23px;margin-bottom:24px;padding-bottom:18px}#lore-chapter-copy p{font-size:26px}.lore-viewer .viewer-close{right:13px;top:13px;min-width:40px;min-height:40px}.lore-leaf:focus-visible{outline-offset:-20px}}
@media(max-width:480px){.landing-actions{gap:10px}.landing-actions>button{font-size:21px;padding:8px 12px}.site-header .brand{width:76px}.site-header{gap:14px}.lore-index{padding-top:53px}.lore-index h2{font-size:39px}.lore-kicker{font-size:17px}.lore-leaf h3{font-size:37px}#lore-chapter-copy p{font-size:25px}}
@media(max-width:360px){.site-header .brand{width:60px}.site-header{gap:10px}.landing-actions{gap:6px}.landing-actions>button{font-size:19px;padding:7px 9px}}
