:root{--night:#120c18;--deep:#1e1628;--card:#2c2036;--plum:#4a3a58;--sky:#2c2a5e;--gold:#f2d27c;--gold-mid:#b98a2e;--gold-deep:#8a6414;--ink:#241a2c;--vellum:#e3e7dd;--vellum-high:#f4f3ea;--vellum-deep:#c9d0c2;--serif:"Iowan Old Style", "Palatino Linotype", Palatino, "Book Antiqua", "URW Palladio L", Georgia, serif;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}body{background:var(--deep);color:var(--vellum);font:1.0625rem / 1.6 var(--serif);margin:0}img{image-rendering:pixelated}a{color:var(--gold);text-underline-offset:3px}:focus-visible{outline:3px solid var(--gold);outline-offset:2px}h2{color:var(--gold);margin:0 0 1rem;font-size:clamp(1.6rem,4vw,2.2rem);font-weight:600;line-height:1.2}.skip{background:var(--gold);color:var(--ink);z-index:10;padding:.5rem 1rem;position:absolute;top:-4rem;left:1rem}.skip:focus{top:1rem}.site-head{background:var(--night);border-bottom:2px solid var(--gold-deep);justify-content:space-between;align-items:center;gap:1rem;padding:.5rem 1rem;display:flex}.brand{line-height:0;display:block}.logo-small{display:none}.site-nav{align-items:center;gap:.25rem 1rem;display:flex}.site-nav a:not(.pixel-button){color:var(--vellum-high);padding:.6rem .25rem;text-decoration:none;display:inline-block}@media (hover:hover){.site-nav a:not(.pixel-button):hover{color:var(--gold);text-decoration:underline}}.site-nav .play{min-height:44px;font-size:1rem}@media (width<=640px){.logo-wide{display:none}.logo-small{display:block}}@media (width<=420px){.site-nav a:not(.pixel-button){display:none}}.hero{--px:3;padding:2.5rem 1rem calc(80px * var(--px));text-align:center;background:url(/assets/locations/marketTown-autumn-dusk.png) center bottom / calc(240px * var(--px)) calc(90px * var(--px)) no-repeat, linear-gradient(to top, var(--sky) calc(90px * var(--px)), #1d1638 calc(90px * var(--px) + 14rem), var(--night));image-rendering:pixelated;position:relative;overflow:hidden}@media (width>=720px){.hero{--px:4}}@media (width>=960px){.hero{--px:5}}@media (width>=1200px){.hero{--px:6}}@media (width>=1440px){.hero{--px:7}}@media (width>=1680px){.hero{--px:8}}@media (width>=1920px){.hero{--px:11}}.sky{inset:0 0 calc(90px * var(--px)) 0;position:absolute}.hero-text{max-width:40rem;margin:0 auto;animation:.7s ease-out both rise;position:relative}@keyframes rise{0%{opacity:0;transform:translateY(8px)}}.emblem{--size:144px;width:var(--size);height:var(--size);background:url(/home/emblem-shimmer.png) 0 0 / calc(var(--size) * 13) var(--size);image-rendering:pixelated;margin:0 auto 1rem;animation:6s 1s infinite shimmer;display:block}@keyframes shimmer{0%{background-position:0 0;animation-timing-function:steps(12,end)}20%,to{background-position:calc(var(--size) * -12) 0}}.hero h1{margin:0;line-height:0}.wordmark{width:435px;max-width:none;height:87px}.tagline{color:var(--vellum-high);margin:1.25rem 0 1.5rem;font-size:clamp(1.15rem,2.6vw,1.5rem);font-style:italic}.cta{margin:0}.cta .pixel-button{min-width:12rem;font-size:1.25rem}.age{color:var(--vellum-deep);margin:.9rem 0 0;font-size:.95rem}@media (width<=560px){.emblem{--size:96px}.wordmark{width:290px;height:58px}}@media (width<=351px){.wordmark{width:145px;height:29px}}.star{width:14px;height:14px;image-rendering:pixelated;background:url(/home/star-twinkle.png) 0 0/84px 14px;animation:7s step-end infinite twinkle;position:absolute}.star:first-child{top:12%;left:6%}.star:nth-child(2){animation-delay:-2.5s;top:42%;left:11%}.star:nth-child(3){animation-delay:-5s;top:6%;left:24%}.star:nth-child(4){animation-delay:-1.2s;top:9%;left:75%}.star:nth-child(5){animation-delay:-3.7s;top:24%;left:88%}.star:nth-child(6){animation-delay:-6.1s;top:48%;left:94%}.star:nth-child(7){animation-delay:-4.4s;top:64%;left:4%}@keyframes twinkle{0%,76%{background-position:0 0}80%{background-position:-14px 0}84%{background-position:-28px 0}88%{background-position:-42px 0}94%{background-position:-56px 0}97%{background-position:-70px 0}}.mote{bottom:calc(-50px * var(--px));width:16px;height:16px;image-rendering:pixelated;background:url(/assets/interface/particles.png) -16px 0/64px 16px;animation:14s steps(56,end) infinite alternate drift;position:absolute}.mote:nth-child(8){left:15%}.mote:nth-child(9){animation-duration:18s;animation-delay:-5s;left:58%}.mote:nth-child(10){animation-delay:-9s;left:84%}@keyframes drift{0%{transform:translate(0)}to{transform:translate(28px,-112px)}}.intro{text-align:center;max-width:44rem;margin:0 auto;padding:3rem 1rem 2rem}.intro p{margin:0;font-size:1.15rem}.thread{background:url(/assets/interface/divider.png) center / 32px 16px no-repeat, linear-gradient(var(--gold-mid), var(--gold-mid)) center / 100% 4px no-repeat;width:min(20rem,80%);height:16px;image-rendering:pixelated;margin:0 auto 1.5rem;position:relative;overflow:hidden}.thread span{background:var(--gold);width:12px;height:4px;animation:9s 2s infinite glint;position:absolute;top:6px;left:-12px;box-shadow:4px 0 #fff6dc}@keyframes glint{0%{animation-timing-function:steps(40,end);left:-12px}30%,to{left:100%}}.features,.shots{max-width:70rem;margin:0 auto;padding:2rem 1rem 3rem}.features h2,.shots h2{text-align:center}.feature-grid,.shot-grid{gap:1.25rem;margin:0;padding:0;list-style:none;display:grid}.feature-grid{grid-template-columns:repeat(auto-fit,minmax(17rem,1fr))}.feature-grid li{background:linear-gradient(var(--card), var(--card)) center / calc(100% + 16px) calc(100% + 16px) no-repeat;image-rendering:pixelated;background-origin:padding-box;background-clip:border-box;border:16px solid #0000;border-image:url(/assets/interface/panel-night.png) 8/16px;padding:.5rem .75rem .75rem}.feature-grid h3{color:var(--gold);margin:.6rem 0 .25rem;font-size:1.2rem}.feature-grid p{margin:0}.icon{width:48px;height:48px;image-rendering:pixelated;display:block}.icon.big{background:url(/assets/icons/icons-24.png) 0 0/2112px 48px}.icon.small{background:url(/assets/icons/icons-16.png) 0 0/768px 48px}.icon[data-icon=hourglass]{background-position:-240px 0}.icon[data-icon=echo]{background-position:-336px 0}.icon[data-icon=scroll]{background-position:-1392px 0}.icon[data-icon=gem]{background-position:-1584px 0}.icon[data-icon=lantern]{background-position:-2016px 0}.icon[data-icon=home]{background-position:-528px 0}.shot-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,26rem),1fr))}.shot-grid figure{margin:0}.shot-grid img{image-rendering:auto;background:var(--night);border:16px solid #0000;border-image:url(/assets/interface/frame-gilded.png) 8/16px;width:100%;height:auto;display:block}.shot-grid figcaption{color:var(--vellum-deep);text-align:center;margin-top:.5rem}.again{text-align:center;background:var(--deep);padding:3rem 1rem 4rem}.site-foot{background:var(--night);border-top:2px solid var(--gold-deep);text-align:center;flex-direction:column;align-items:center;gap:1rem;padding:2rem max(1rem,50% - 34rem) 2.5rem;display:flex}.foot-brand a{line-height:0;display:inline-block}.foot-logo{max-width:100%;height:auto;margin-bottom:.5rem}.site-foot nav{flex-wrap:wrap;justify-content:center;gap:.25rem 1.25rem;display:flex}@media (width>=46rem){.site-foot{text-align:left;flex-direction:row;justify-content:space-between;align-items:flex-start}.site-foot nav{justify-content:flex-end}}.site-foot nav a{padding:.5rem 0;display:inline-block}.site-foot p{margin:.25rem 0}.fine{color:var(--vellum-deep);font-size:.9rem}@media (prefers-reduced-motion:reduce){.hero-text,.emblem,.star,.mote,.thread span{animation:none}.emblem{background-position:calc(var(--size) * -12) 0}.star{background-position:-28px 0}.mote,.thread span{display:none}}
