*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:#f2efe6;color:#202a23;font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}button,input,a{-webkit-tap-highlight-color:transparent}button,input{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer}a{color:inherit}button{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #778b27;outline-offset:5px}button{border:0}img{display:block;max-width:100%}button svg,svg{width:20px;height:20px;stroke:currentColor;stroke-width:1.5}p{line-height:1.6}button:disabled{cursor:default}button[hidden],[hidden]{display:none!important}.wrap{width:min(1280px,calc(100% - 96px));margin-inline:auto}.dark-cover{background:#17231d;color:#f5f1e6;overflow:hidden}.masthead{height:120px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #485147}.brand{display:inline-flex;align-items:center;gap:13px;text-decoration:none;font-weight:800;font-size:17px;line-height:1.03;letter-spacing:.06em}.brand-mark{width:49px;height:49px;border:1px solid currentColor;border-radius:50%;font-family:Georgia,serif;font-weight:400;font-size:37px;letter-spacing:-.14em;line-height:38px;padding-left:7px;position:relative}.brand-mark>span{font-size:31px}.brand-dot{font-size:8px;vertical-align:top;position:absolute;margin:1px 0 0 4px}.masthead nav{display:flex;gap:36px;align-items:center;font-size:13px}.masthead nav a,.masthead nav button{text-decoration:none;background:none;padding:10px 0;border-bottom:1px solid transparent}.masthead nav a:hover,.masthead nav button:hover{border-color:#d8ef80;color:#d8ef80}.masthead nav span{margin-left:8px}.hero{display:grid;grid-template-columns:1fr 1.24fr;gap:66px;padding-top:68px;padding-bottom:64px;align-items:center}.eyebrow{font-size:10px;font-weight:700;letter-spacing:.13em;line-height:1.5;text-transform:uppercase;margin:0 0 20px}.small-star{font-size:18px;color:#d8ef80;vertical-align:-2px;margin-right:8px}.hero h1{font-family:Georgia,'Times New Roman',serif;font-size:clamp(72px,7.5vw,112px);font-weight:400;line-height:.94;letter-spacing:-.065em;margin:27px 0 27px}.hero h1 em{color:#d8ef80;font-weight:400}.hero-description{font-size:16px;color:#c2c8bc;line-height:1.7;margin:0 0 26px}.pill-button{border-radius:100px;padding:16px 22px;background:#202a23;color:#f5f1e6;display:inline-flex;align-items:center;gap:27px;text-decoration:none;font-size:13px;font-weight:700;line-height:1.4}.pill-button span{font-size:19px;line-height:1}.pill-button:hover{background:#354636}.pill-button.lime{background:#d8ef80;color:#17231d}.pill-button.lime:hover{background:#e9ffa0}.desktop-note{display:flex;align-items:center;gap:9px;font-size:11px;color:#a9b3a4;margin:23px 0 0}.desktop-note svg{width:16px;height:16px;flex-shrink:0}.hero-feature{min-width:0;transform:rotate(1.2deg)}.feature-kicker{display:flex;justify-content:space-between;color:#c2c8bc;font-size:9px;letter-spacing:.14em;margin-bottom:12px}.feature-image{position:relative;width:100%;aspect-ratio:1.29;background:#342817;overflow:hidden;border-radius:4px;padding:0;display:block}.feature-image>img,.game-art>img,.dialog-art>img{position:absolute;width:100%;height:100%;object-fit:cover;left:0;top:0;transition:filter .25s}.art-dott>img{height:193%;width:auto;max-width:none;left:50%;top:-16%;transform:translateX(-50%)}.feature-image.art-dott>img{height:193%;width:auto}.feature-image:hover>img{filter:brightness(1.06)}.feature-stamp{position:absolute;left:20px;top:22px;font-size:11px;font-weight:bold;letter-spacing:.08em;line-height:1.25;color:#17231d;background:#d8ef80;width:105px;height:105px;display:flex;flex-direction:column;justify-content:center;border-radius:50%;transform:rotate(-12deg);text-align:center;box-shadow:0 2px 4px #0002}.feature-stamp i{font-size:8px;font-style:normal;margin-top:5px}.feature-arrow{position:absolute;bottom:17px;right:17px;width:43px;height:43px;border-radius:50%;background:#f4f0e5;color:#17231d;display:grid;place-items:center;font-size:26px}.feature-caption{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:20px}.feature-caption .eyebrow{font-size:8px;color:#b8c2b0;display:block;margin-bottom:5px}.feature-caption h2{font:400 28px/1.12 Georgia,serif;margin:0;letter-spacing:-.025em}.status{font-size:9px;line-height:1.3;font-weight:700;border:1px solid #c8cbbd;border-radius:30px;padding:7px 10px;white-space:nowrap;background:#f2f1e9;color:#525f4f;display:inline-flex;align-items:center;gap:5px}.status:before{content:'';width:4px;height:4px;flex-shrink:0;background:currentColor;border-radius:50%}.dark-status{color:#cfdbbe;border-color:#58634f;background:none}.status.ready{background:#d8ef80;color:#203021;border-color:#d8ef80}.status.development{background:#ede4d3;color:#755d3f;border-color:#d9c9ae}.feature-bottom{display:flex;align-items:center;justify-content:space-between;gap:15px;border-top:1px solid #485147;margin-top:17px;padding-top:3px}.feature-bottom p{font-size:11px;color:#a9b3a4}.text-link{padding:8px 0;display:inline-flex;align-items:center;gap:13px;background:none;border-bottom:1px solid currentColor;text-decoration:none;font-size:12px;white-space:nowrap}.text-link:hover{color:#758a2b}.dark-cover .text-link:hover{color:#d8ef80}.cover-bottom{display:flex;justify-content:space-between;gap:25px;border-top:1px solid #485147;padding-top:21px;padding-bottom:22px;color:#a9b3a4;font-size:8px;letter-spacing:.13em}.cover-bottom i{font-size:15px;font-style:normal;margin-inline:12px;color:#d8ef80}.collection{padding-top:84px;padding-bottom:68px}.section-intro{display:flex;align-items:flex-end;justify-content:space-between;gap:35px;margin-bottom:40px}.section-intro .eyebrow{margin-bottom:16px;color:#65745d}.section-intro h2{font:400 50px/1.09 Georgia,serif;letter-spacing:-.045em;margin:0}.section-intro h2 em{font-weight:400}.section-intro>p{font-size:12px;margin:0 0 3px;line-height:1.8;color:#52604e}.section-intro>p>span{color:#75806f}.collection-toolbar{display:flex;align-items:center;justify-content:space-between;gap:24px;border-top:1px solid #d1d3c5;border-bottom:1px solid #d1d3c5;padding:19px 0}.filters{display:flex;gap:7px;flex-wrap:wrap}.filter{font-size:11px;background:transparent;border-radius:40px;padding:10px 13px;white-space:nowrap}.filter:hover{background:#e3e7d6}.filter.active{background:#263528;color:#f8f5e9}.filter span{opacity:.65;font-size:9px;margin-left:4px}.search{display:flex;align-items:center;gap:8px;border-bottom:1px solid #adb5a2;padding:8px 0;width:220px;flex-shrink:0}.search>svg{width:16px;height:16px;flex-shrink:0}.search input{width:100%;min-width:0;font-size:12px;border:0;background:transparent;padding:3px;color:#263528;outline-offset:1px}.search input::placeholder{color:#74806b}.search kbd{font-size:10px;color:#7c8871;border:1px solid #c9cfbe;padding:1px 5px;border-radius:3px}.results-line{display:flex;justify-content:space-between;align-items:center;color:#6f7c65;padding:17px 0 23px;font-size:9px}.results-line p{margin:0}.results-line>span{font-size:8px;letter-spacing:.1em}.game-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:35px 25px}.game-card{min-width:0;border-bottom:1px solid #c9cebd;padding-bottom:22px;position:relative}.game-art{width:100%;aspect-ratio:1.6;position:relative;display:block;padding:0;overflow:hidden;background:#17231d;border-radius:3px}.game-art:hover img{filter:brightness(1.1)}.art-uqm>img{image-rendering:pixelated;object-position:center 42%}.art-civ>img{width:250%;height:auto;max-width:none;left:-50%;top:-106%}.art-afterlight>img{width:155%;height:auto;max-width:none;left:-9%;top:-50%}.art-signalwake>img{object-position:center 64%}.art-index{position:absolute;left:12px;top:12px;min-width:25px;height:25px;display:grid;place-items:center;border-radius:50%;background:#f2efe6ed;color:#243124;font-size:9px;font-weight:700;z-index:1}.art-open{position:absolute;bottom:10px;right:10px;display:grid;place-items:center;background:#f2efe6ed;border-radius:50%;width:31px;height:31px;font-size:21px;transform:translateY(4px);opacity:0;transition:opacity .2s,transform .2s}.game-art:hover .art-open,.game-art:focus-visible .art-open{opacity:1;transform:translateY(0)}.card-meta{display:flex;justify-content:space-between;gap:6px;align-items:center;margin:17px 0 11px}.genre{font-size:9px;text-transform:uppercase;letter-spacing:.09em;color:#68765d}.card-title{font:400 26px/1.08 Georgia,serif;letter-spacing:-.03em;margin:0 0 12px;min-height:56px}.card-title>button{text-align:left;font:inherit;letter-spacing:inherit;padding:0;background:none}.card-title>button:hover{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:4px}.card-description{color:#596551;font-size:12px;line-height:1.65;margin:0 0 15px;min-height:40px;max-width:95%}.card-bottom{display:flex;align-items:center;justify-content:space-between;gap:12px}.card-bottom .input-note{font-size:9px;color:#738068}.card-bottom .text-link{font-size:10px;padding:5px 0}.card-bottom .text-link.ready-link{font-weight:700;color:#34431d}.empty-state{text-align:center;padding:64px 0 85px}.empty-state>span{font-size:62px;line-height:1;color:#79875d}.empty-state h3{font:34px Georgia,serif;margin:15px 0 8px}.empty-state p{font-size:13px;margin:0 0 25px}.load-error{padding:30px;border:1px solid #c8b6a0;border-radius:4px;font-size:14px}.load-error button{background:none;text-decoration:underline;padding:0}.archive-note{border-top:1px solid #c9cebd;padding-top:38px;padding-bottom:56px;display:grid;grid-template-columns:80px 1fr 50px;gap:30px;align-items:center}.note-star{font-size:76px;line-height:1;color:#617337}.archive-note .eyebrow{margin:0 0 10px;color:#66745a}.archive-note h2{font:400 37px Georgia,serif;letter-spacing:-.04em;margin:0 0 12px}.archive-note p:last-child{max-width:650px;font-size:12px;color:#68735e;margin:0}.round-link{width:45px;height:45px;border-radius:50%;border:1px solid #9ba78a;font-size:27px;background:none}.round-link:hover{background:#dfe7c8}.footer{background:#17231d;color:#f2efe6}.footer-top{padding:46px 0;display:flex;align-items:center;justify-content:space-between;gap:35px}.footer-top>p{font:20px/1.4 Georgia,serif;color:#bbc6b1;margin:0}.footer-bottom{border-top:1px solid #46503e;display:flex;justify-content:space-between;gap:22px;font-size:9px;color:#a9b79d;padding:20px 0 25px}.footer-bottom a{text-decoration:none;white-space:nowrap}.footer-bottom a:hover{text-decoration:underline}.skip-link{position:fixed;top:8px;left:8px;z-index:100;background:#d8ef80;color:#17231d;padding:12px;transform:translateY(-160%)}.skip-link:focus{transform:translateY(0)}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}dialog{border:0;color:#202a23;background:#f2efe6;border-radius:7px;padding:0;width:min(760px,calc(100% - 36px));max-height:calc(100vh - 48px);max-height:calc(100dvh - 48px);box-shadow:0 18px 100px #0005}dialog::backdrop{background:#08150ed9;backdrop-filter:blur(5px)}.dialog-close{position:absolute;right:16px;top:16px;width:38px;height:38px;display:grid;place-items:center;background:#f2efe6;border:1px solid #bdc5b2;border-radius:50%;font-size:27px;line-height:1;z-index:5}.dialog-close:hover{background:#d8ef80}.dialog-art{position:relative;aspect-ratio:2.3;overflow:hidden;background:#17231d}.dialog-copy{padding:32px 40px 38px}.dialog-copy .eyebrow{margin-bottom:12px;color:#617053}.dialog-copy h2{font:400 40px/1.05 Georgia,serif;letter-spacing:-.04em;margin:0 0 17px;max-width:95%}.dialog-copy .dialog-description{font-size:14px;color:#506047;line-height:1.75}.detail-facts{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid #c7cebb;border-bottom:1px solid #c7cebb;padding:17px 0;gap:20px;margin:23px 0}.detail-facts dt{font-size:8px;letter-spacing:.1em;text-transform:uppercase;color:#6f7f60;margin-bottom:7px}.detail-facts dd{font-size:12px;margin:0}.detail-section h3,.about-dialog h3{font-size:12px;margin:23px 0 9px}.detail-section ul{padding-left:17px;font-size:12px;line-height:1.8;margin-top:0;color:#506047}.release-note{border-left:3px solid #adc66a;padding:4px 0 4px 15px;margin:24px 0}.release-note>p{font-size:12px;color:#5c6a52;line-height:1.7;margin:9px 0 0}.credits-text{font-size:11px;color:#68745e;line-height:1.7}.dialog-actions{display:flex;gap:15px;align-items:center;margin-top:25px;flex-wrap:wrap}.dialog-actions .text-link{font-size:11px}.about-dialog{padding:48px;width:min(640px,calc(100% - 36px))}.about-dialog>.eyebrow{color:#6e7e5a;margin-right:20px}.about-dialog h2{font:400 46px/1.04 Georgia,serif;letter-spacing:-.045em;margin:0 0 25px}.about-dialog p,.about-dialog li{font-size:13px;color:#54634a;line-height:1.8}.about-dialog ul{padding-left:18px}.about-dialog li{padding-bottom:9px}.about-dialog .about-small{font-size:11px}.about-dialog .pill-button{margin-top:16px}
body.dialog-open{overflow:hidden}
@media(min-width:1500px){.hero{gap:90px;padding-block:80px}.hero h1{font-size:118px}.feature-image{aspect-ratio:1.35}}
@media(max-width:1100px){.wrap{width:calc(100% - 64px)}.hero{gap:38px;padding-top:55px}.hero h1{font-size:82px}.hero-description{font-size:14px}.feature-caption h2{font-size:25px}.feature-caption{align-items:flex-start}.feature-caption .status{font-size:8px}.feature-bottom .text-link{font-size:10px}.collection-toolbar{align-items:flex-start;gap:15px}.search{width:180px}.filter{padding:9px 10px;font-size:10px}.card-title{font-size:24px}.game-grid{gap:30px 20px}.section-intro h2{font-size:43px}.section-intro>p{font-size:11px}}
@media(max-width:820px){.masthead{height:100px}.hero{gap:28px;grid-template-columns:.9fr 1fr}.hero h1{font-size:68px}.hero .eyebrow{font-size:8px}.hero-description{font-size:12px}.feature-image{aspect-ratio:.95}.feature-caption{display:block}.feature-caption .status{margin-top:12px}.feature-bottom{display:block}.feature-bottom p{display:none}.feature-bottom .text-link{margin-top:8px}.feature-stamp{width:80px;height:80px;font-size:9px;left:12px;top:14px}.feature-stamp i{font-size:6px}.hero .pill-button{padding:14px 17px;gap:17px;font-size:11px}.desktop-note{font-size:9px}.collection{padding-top:62px}.collection-toolbar{flex-direction:column}.search{width:100%;padding-bottom:11px;border-bottom:0}.filters{width:100%;gap:6px}.filter{font-size:11px;padding:10px 13px}.game-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px 24px}.card-title{min-height:52px}.cover-bottom{font-size:7px}.cover-bottom i{margin-inline:6px}.section-intro h2{font-size:38px}.section-intro{gap:20px}.section-intro>p{max-width:215px;font-size:11px}.footer-top>p{font-size:17px}.footer-top{gap:20px}.footer-bottom{flex-wrap:wrap}.archive-note{grid-template-columns:60px 1fr 40px;gap:18px}.note-star{font-size:62px}.archive-note h2{font-size:32px}}
@media(max-width:580px){.wrap{width:calc(100% - 40px)}.masthead{height:91px}.brand{font-size:13px;gap:10px}.brand-mark{width:40px;height:40px;font-size:31px;line-height:31px;padding-left:5px}.brand-mark>span{font-size:27px}.masthead nav{gap:20px;font-size:10px}.masthead nav a span{display:none}.masthead nav button{max-width:60px;line-height:1.4;text-align:left}.hero{display:flex;flex-direction:column;align-items:stretch;gap:40px;padding-top:39px;padding-bottom:39px}.hero h1{font-size:85px;line-height:.91;letter-spacing:-.065em;margin:21px 0 22px}.hero-description{font-size:14px;line-height:1.65;margin-bottom:21px}.hero .eyebrow{font-size:9px}.hero .pill-button{font-size:12px;padding:15px 20px;gap:23px}.desktop-note{font-size:10px;margin-top:19px}.hero-feature{transform:none}.feature-image{aspect-ratio:1.35}.feature-stamp{width:92px;height:92px;font-size:10px;top:16px;left:16px}.feature-caption{display:flex;align-items:center;margin-top:17px}.feature-caption h2{font-size:25px}.feature-caption .status{font-size:8px;margin-top:0;white-space:normal;max-width:100px;line-height:1.5}.feature-bottom{display:flex;margin-top:16px}.feature-bottom p{display:block;font-size:10px}.feature-bottom .text-link{margin-top:0;font-size:10px}.cover-bottom{font-size:7px;padding-block:17px}.cover-bottom>span:last-child{max-width:148px;text-align:right;line-height:1.6}.cover-bottom i{display:none}.collection{padding-top:48px;padding-bottom:46px}.section-intro{display:block;margin-bottom:28px}.section-intro h2{font-size:39px}.section-intro>p{font-size:12px;max-width:none;margin-top:20px}.section-intro>p br:first-child{display:none}.collection-toolbar{padding:16px 0 5px;gap:12px}.filters{gap:5px}.filter{padding:9px 10px;font-size:10px}.search{padding-top:9px}.search input{font-size:14px}.search kbd{display:none}.results-line{padding:17px 0 19px}.results-line>span{display:none}.game-grid{grid-template-columns:1fr;gap:29px}.game-art{aspect-ratio:1.6}.card-meta{margin-top:16px}.card-title{font-size:29px;min-height:0;margin-bottom:10px;max-width:90%}.card-description{min-height:0;font-size:13px;max-width:95%}.card-bottom .input-note{font-size:10px}.card-bottom .text-link{font-size:11px}.status{font-size:9px}.art-open{opacity:1;transform:none}.archive-note{grid-template-columns:40px 1fr;gap:18px;align-items:flex-start;padding-top:29px;padding-bottom:39px}.note-star{font-size:42px}.archive-note h2{font-size:31px}.archive-note p:last-child{font-size:12px}.archive-note .round-link{display:none}.footer-top{flex-wrap:wrap;padding-block:33px;gap:25px}.footer-top>p{margin-left:auto;font-size:15px}.footer-top>.text-link{margin-left:0}.footer-bottom{font-size:9px;gap:12px;padding-top:20px;padding-bottom:25px}.footer-bottom>a{margin-top:2px}.dialog-copy{padding:25px 24px 30px}.dialog-copy h2{font-size:34px}.dialog-copy .dialog-description{font-size:13px}.dialog-art{aspect-ratio:1.6}.detail-facts{gap:16px}.about-dialog{padding:37px 25px 30px}.about-dialog h2{font-size:40px}.about-dialog .eyebrow{font-size:9px}.dialog-close{right:12px;top:12px;width:34px;height:34px}.empty-state h3{font-size:30px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}

/* Keep the connection requirement beside Play at every catalogue width. */
.feature-bottom p:has(#feature-connection-note){display:block}
