@font-face{font-family:Cinzel;src:url(/fonts/Cinzel-Bold.woff2)format("woff2");font-weight:700;font-display:swap}@font-face{font-family:Cinzel;src:url(/fonts/Cinzel-Black.woff2)format("woff2");font-weight:900;font-display:swap}@font-face{font-family:"Source Sans 3";src:url(/fonts/SourceSans3-Regular.woff2)format("woff2");font-weight:400;font-display:swap}@font-face{font-family:"Source Sans 3";src:url(/fonts/SourceSans3-SemiBold.woff2)format("woff2");font-weight:600;font-display:swap}@font-face{font-family:"Source Sans 3";src:url(/fonts/SourceSans3-Bold.woff2)format("woff2");font-weight:700;font-display:swap}:root{color-scheme:dark;--night:#120e0b;--oak:#2a1d14;--oak-light:#4a3322;--ink:#2a1e14;--gold:#d9a441;--gold-dim:#a8792c;--crimson:#8e1b1b;--iron:#3b3a36;--bone:#efe3c8}*{box-sizing:border-box}body{background:linear-gradient(#120e0ba6, #120e0ba6), url(/art/ui/tile-stone.webp) repeat, var(--night);color:var(--bone);margin:0;font-family:"Source Sans 3",sans-serif;font-size:1.0625rem;line-height:1.65}a{color:var(--gold);text-underline-offset:.22em}a:hover{color:var(--bone)}a,.button{transition:color .15s,background-color .15s}:focus-visible{outline:3px solid var(--gold);outline-offset:5px}main:focus{outline:none}h1,h2,h3,.eyebrow,nav,.button{font-family:Cinzel,serif;font-weight:700;line-height:1.25}h1{margin:.5rem 0 1rem;font-size:clamp(2rem,5vw,3.6rem);font-weight:900}h2{margin:0 0 1.4rem;font-size:clamp(1.5rem,3vw,2.2rem)}h3{margin:1rem 0 .75rem;font-size:1.25rem}p{margin:0 0 1rem}img{max-width:100%;height:auto;display:block}figure{margin:1.5rem 0}figure img,.prose img{border:1px solid var(--iron)}figcaption,.prose p:has(>img)+p:has(>em:only-child){color:#d1c4aa;margin-top:.6rem;font-size:.9375rem;font-style:italic}.shell{width:min(1180px,100% - 3rem);margin-inline:auto}.page-section{padding-block:3.5rem}.eyebrow{color:var(--gold);letter-spacing:.04em;font-size:.9rem}.lede{max-width:48rem;font-size:1.25rem}.muted{color:#d1c4aa}.visually-hidden{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.skip-link{z-index:10;background:var(--night);color:var(--bone);padding:.75rem 1rem;position:fixed;top:-8rem;left:1rem}.skip-link:focus{top:1rem}.site-header,.site-footer{background:linear-gradient(#2a1d14b3,#2a1d14b3),url(/art/ui/tile-planks.webp)}.site-header{border-bottom:3px solid var(--iron);box-shadow:0 1px var(--gold-dim)}.header-inner,.footer-inner{justify-content:space-between;align-items:center;gap:2rem;width:min(1280px,100% - 3rem);margin-inline:auto;display:flex}.header-inner{padding-block:1rem}.wordmark{flex:0 0 160px}.wordmark img{width:160px}nav ul{flex-wrap:wrap;gap:.5rem 1.5rem;margin:0;padding:0;list-style:none;display:flex}nav a{color:var(--bone);padding:.6rem 0;font-size:.875rem;text-decoration:none;display:inline-block}nav a[aria-current=page]{text-decoration:underline;text-decoration-color:var(--gold);text-decoration-thickness:2px}nav a:hover{color:var(--gold)}.site-footer{border-top:3px solid var(--iron);margin-top:3rem}.footer-inner{align-items:start;padding-block:2.5rem;font-size:.9375rem}.footer-inner>div{max-width:49rem}.footer-name{font-weight:700}.itch-note{white-space:nowrap}.divider{width:min(520px,100%);margin:1.5rem auto}.hero{border-bottom:1px solid var(--iron);background:linear-gradient(#120e0b99,#120e0be6),url(/art/concept/village-gate.webp) 50%/cover}.hero-inner{text-align:center;padding-block:2.5rem 4rem}.hero-logo{background:url(/art/ui/glow-torch.webp) 50%/contain no-repeat;width:min(540px,95%);margin-inline:auto}.hero-logo img{width:100%}.hero .lede{max-width:42rem;margin:1rem auto 1.75rem}.hero-caption{text-align:center;padding-top:.75rem;font-size:.9375rem}.actions{flex-wrap:wrap;justify-content:center;gap:1rem;display:flex}.button{text-align:center;justify-content:center;align-items:center;max-width:100%;padding:.9rem 1.3rem;font-size:.9375rem;text-decoration:none;display:inline-flex}.primary{color:var(--bone);background:var(--crimson);border:15px solid #0000;border-image:url(/art/ui/button.webp) 16% 6% fill/15px 22px;padding:.3rem 1rem}.primary:hover{background:#641515}.secondary{border:1px solid var(--gold);color:var(--bone);background:#120e0bb3}.disabled{opacity:.65;cursor:default}.banner{text-align:center;max-width:640px;min-height:112px;color:var(--bone);background:url(/art/ui/banner.webp) 50%/100% 100% no-repeat;justify-content:center;align-items:center;margin:0 auto 1.5rem;padding:2rem 3.5rem;display:flex}.section-intro{text-align:center;max-width:49rem;margin:0 auto 2rem}.framed{border:14px solid var(--iron);background:linear-gradient(#2a1d14eb,#2a1d14eb),url(/art/ui/tile-planks.webp);border-image:url(/art/ui/frame-iron.webp) 8%/14px;min-width:0;padding:1.25rem}.framed p:last-child{margin-bottom:0}.survivor-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;display:grid}.survivor{text-align:center}.emblem{object-fit:contain;width:130px;height:150px;margin:0 auto 1rem}.feature-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1.25rem;margin-top:2rem;display:grid}.villain{grid-template-columns:1fr 1fr;align-items:center;gap:3rem;display:grid}.villain .emblem{margin-left:0}.concept-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;display:grid}.concept-grid img{aspect-ratio:16/9;object-fit:cover;width:100%}.chips{flex-wrap:wrap;align-items:center;gap:.4rem;display:flex}.chip{border:1px solid var(--gold-dim);color:var(--bone);background:var(--night);border-radius:2rem;padding:.15rem .65rem;font-size:.85rem;line-height:1.5;display:inline-block}.built{border-color:var(--gold)}.progress{border-color:var(--gold-dim)}.planned{border-color:var(--iron)}.journal{max-width:58rem}.timeline{border-left:2px solid var(--gold-dim);margin:2.5rem 0;padding:0 0 0 2rem;list-style:none}.timeline>li{padding:0 0 2.5rem;position:relative}.timeline>li:last-child{padding-bottom:.5rem}.timeline>li:before{content:"";border:2px solid var(--gold);background:var(--night);border-radius:50%;width:.8rem;height:.8rem;position:absolute;top:.5rem;left:-2.45rem}.timeline time{color:#d1c4aa;font-size:.9375rem}.timeline h2{margin:.5rem 0;font-size:1.5rem}.timeline h2 a{color:var(--bone)}.timeline h2 a:hover{color:var(--gold)}.timeline .chips{margin-top:.75rem}.reading-page,.article-wrap{max-width:49rem}.parchment{color:var(--ink);border:14px solid var(--iron);background:linear-gradient(#efe3c8d9,#efe3c8d9),url(/art/ui/tile-parchment.webp);border-image:url(/art/ui/frame-iron.webp) 8%/14px;padding:clamp(1rem,4vw,2.5rem)}.parchment a{color:#702018}.parchment a:hover{color:#402014}.parchment figcaption,.parchment .prose p:has(>img)+p:has(>em:only-child){color:#59442f}.parchment .chip{color:var(--ink);background:#efe3c880;border-color:#715629}.parchment h1{font-size:clamp(1.8rem,4vw,2.8rem)}.parchment :focus-visible{box-shadow:0 0 0 9px var(--ink)}.prose h2{margin-top:2rem;font-size:1.6rem}.prose h3{margin-top:1.5rem}.prose li{margin-bottom:.75rem}.prose ul,.prose ol{padding-left:1.35rem}.prose>:first-child{margin-top:0}.prose>:last-child{margin-bottom:0}.prose,.timeline,.post-navigation{overflow-wrap:anywhere}.back-link{margin-bottom:1.5rem;display:inline-block}.post-meta{border-bottom:1px solid #715629;flex-wrap:wrap;gap:.6rem 1rem;padding-bottom:1rem;font-size:.9375rem;display:flex}.post-meta .chips{flex-basis:100%}.post-navigation{justify-content:space-between;gap:2rem;margin-top:1.5rem;display:flex}.post-navigation a{max-width:48%}.roles-grid{grid-template-columns:1fr 1fr;gap:1.5rem;display:grid}.build-details{margin-top:3rem}table{border-collapse:collapse;table-layout:fixed;width:100%;font-size:1rem}th,td{text-align:left;vertical-align:top;overflow-wrap:anywhere;border-bottom:1px solid #715629;padding:.75rem}th:first-child{width:35%}@media (width<=1000px){.survivor-grid,.feature-grid,.concept-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.header-inner{gap:1rem}nav ul{gap:.3rem 1rem}.footer-inner{display:block}}@media (width<=719px){.header-inner{flex-wrap:wrap}.wordmark{flex-basis:120px}.wordmark img{width:120px}nav{width:100%}.villain{grid-template-columns:1fr;gap:1rem}.roles-grid{grid-template-columns:1fr}.page-section{padding-block:2.5rem}}@media (width<=480px){.shell,.header-inner,.footer-inner{width:calc(100% - 2rem)}.survivor-grid,.feature-grid,.concept-grid{grid-template-columns:1fr}.banner{min-height:100px;padding:1.75rem 2.2rem;font-size:1.3rem}.hero-inner{padding-top:1.5rem}.hero .eyebrow{font-size:.8rem}.article-wrap{width:calc(100% - 1rem)}.parchment{border-width:10px;border-image-width:10px;padding:1rem}.post-navigation{flex-direction:column;gap:1rem}.post-navigation a{max-width:100%}th,td{padding:.5rem}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important}}
