@charset "UTF-8";
:root{font-family:Inter,"Segoe UI",Arial,sans-serif;color:#191919;background:#fff;font-synthesis:none;--muted:#646464;--line:#e3e3e3;--green:#265e35}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:2rem}
body{margin:0;font-size:1rem;line-height:1.6;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none;text-underline-offset:5px}
button,a,summary{-webkit-tap-highlight-color:transparent}
a:focus-visible,summary:focus-visible{outline:3px solid #377443;outline-offset:6px}
img{display:block;max-width:100%;height:auto}
figure,p,h1,h2,h3{margin:0}
.wrap{width:min(1240px,calc(100% - 112px));margin-inline:auto}
.skip-link{position:fixed;left:1rem;top:-100px;z-index:10;padding:.7rem 1rem;background:#191919;color:white}
.skip-link:focus{top:1rem}
.site-header{min-height:112px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);gap:2rem;padding-block:22px}
.brand{display:flex;align-items:center;gap:13px;font-weight:650;font-size:1rem;letter-spacing:-.035em;line-height:1.2}
.brand-mark{display:grid;place-items:center;background:#191919;color:white;font-size:2.2rem;font-weight:750;width:43px;height:43px;line-height:1;padding-bottom:6px;letter-spacing:-.08em}
.brand-second{display:block;color:var(--muted);font-weight:450;letter-spacing:0;font-size:.875rem;margin-top:3px}
nav{display:flex;align-items:center;gap:36px;font-size:.875rem;font-weight:500}
nav a:hover,.back-top:hover{text-decoration:underline}
.intro{display:flex;align-items:flex-end;justify-content:space-between;gap:3rem;padding:64px 0 54px}
.eyebrow{font-size:.75rem;text-transform:uppercase;font-weight:600;letter-spacing:.13em}
.intro .eyebrow{color:var(--muted);margin-bottom:14px}
h1{font-size:clamp(3.5rem,7vw,6.25rem);line-height:1.06;letter-spacing:-.075em;font-weight:550}
.title-dot{color:#398443}
.intro-copy{font-size:1.0625rem;color:var(--muted);line-height:1.7;margin-bottom:6px}
.section-label{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:22px;padding-top:23px;border-top:1px solid var(--line)}
.section-label h2{font-size:.875rem;font-weight:600}
.section-label>span{font-size:.8125rem;color:var(--muted)}
.games-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;align-items:start}
.game{min-width:0}
.cover-link{display:block;position:relative;overflow:hidden;background:#efefef;border-radius:3px}
.cover{width:100%;aspect-ratio:1;object-fit:cover;transition:transform .45s ease}
.cover-link:hover .cover{transform:scale(1.035)}
.cover-badge{position:absolute;bottom:16px;left:16px;background:white;color:#191919;padding:5px 12px;border-radius:3px;font-size:.8125rem;font-weight:600}
.game-meta{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:20px 0 9px;font-size:.75rem;color:var(--muted)}
.edition{font-size:.75rem;white-space:nowrap;padding:2px 7px;background:#f0f1f0;color:#4b4b4b;border-radius:3px}
.free-edition{color:var(--green);background:#eaf3ec}
.game h3{font-size:clamp(1.375rem,2.1vw,1.8125rem);line-height:1.25;letter-spacing:-.045em;font-weight:600}
.muted-title{color:var(--muted);font-weight:450}
.game-description{font-size:1rem;color:var(--muted);line-height:1.65;margin:14px 0 23px;min-height:6.6em}
.store-link{display:flex;justify-content:center;align-items:center;min-height:48px;padding:10px 16px;border:1px solid #cfcfcf;font-size:.875rem;font-weight:600;border-radius:3px;transition:color .18s,background .18s,border-color .18s}
.store-link:hover{background:#191919;color:#fff;border-color:#191919}
.gameplay{margin-top:12px;font-size:.875rem}
.gameplay summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;min-height:44px;gap:10px;color:var(--muted)}
.gameplay summary::-webkit-details-marker{display:none}
.gameplay summary:hover{color:#191919}
.gameplay summary span:before{content:"+";font-size:1.25rem;line-height:1}
.gameplay[open] summary span:before{content:"−"}
.gameplay figure{padding:7px 0 3px}
.gameplay img{border-radius:3px;width:100%}
.gameplay figcaption{font-size:.8125rem;color:var(--muted);padding-top:8px}
.store-note{font-size:.8125rem;color:var(--muted);margin:29px 0 0;padding-top:22px;border-top:1px solid var(--line)}
.development{margin:75px 0 70px;background:#191b1a;color:white;border-radius:4px;padding:36px 42px 22px;scroll-margin-top:28px}
.development-top{display:flex;align-items:center;justify-content:space-between;gap:1rem}
.development-top .eyebrow{color:#bebfbe}
.development-badge{border:1px solid #666a66;padding:5px 12px;border-radius:3px;font-size:.8125rem;white-space:nowrap;color:#e6e8e6}
.development-body{display:flex;align-items:center;gap:clamp(32px,7vw,90px);padding:35px 0}
.development-cover{width:260px;flex:0 0 260px;border-radius:3px;aspect-ratio:2/3;object-fit:contain}
.development-info{min-width:0}
.development-info h2{margin-bottom:28px}
.development h2{font-size:clamp(2.75rem,5.9vw,5.5rem);line-height:1.1;letter-spacing:-.065em;font-weight:500}
.development h2 span{color:#bfe4a9}
.development-copy{font-size:1rem;max-width:350px}
.development-copy p:first-child{margin-bottom:10px;font-size:1.125rem;letter-spacing:-.02em}
.development-copy p+p{color:#b7bcb8;line-height:1.7}
.development-bottom{display:flex;justify-content:space-between;gap:1rem;border-top:1px solid #3b3e3b;padding-top:18px;font-size:.8125rem;color:#b7bcb8}
.site-footer{display:flex;justify-content:space-between;gap:2rem;align-items:center;padding-bottom:38px}
.returning{display:flex;align-items:center;gap:clamp(32px,7vw,90px);border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:34px 42px;margin:-25px 0 55px}
.returning-cover{width:200px;flex:0 0 200px;aspect-ratio:2/3;object-fit:contain;border-radius:3px}
.returning-info{min-width:0}
.returning .eyebrow{color:var(--muted);margin-bottom:12px}
.returning h2{font-size:clamp(1.8rem,3vw,2.75rem);line-height:1.2;letter-spacing:-.045em;font-weight:550}
.returning-copy{max-width:430px}
.returning-info .returning-copy{margin-top:22px}
.returning-copy p{color:var(--muted);margin-top:13px;font-size:1rem;line-height:1.7}
.returning-badge{display:inline-block;border:1px solid #d4d4d4;border-radius:3px;padding:4px 10px;color:#555;font-size:.8125rem}
.footer-brand{font-size:1rem;font-weight:650;letter-spacing:-.035em}
.footer-brand span{color:#398443}
.site-footer p{font-size:.75rem;color:var(--muted);margin-top:5px}
.back-top{font-size:.875rem;color:var(--muted)}
.contact{display:flex;justify-content:space-between;align-items:center;gap:2rem;border-bottom:1px solid var(--line);padding:8px 0 45px;margin-bottom:40px;scroll-margin-top:30px}
.contact h2{font-size:clamp(1.8rem,3vw,2.5rem);letter-spacing:-.045em;font-weight:550;line-height:1.2;margin-bottom:14px}
.contact p{font-size:1rem;color:var(--muted);max-width:480px}
.contact-email{display:flex;flex-direction:column;align-items:flex-end;gap:12px;min-width:0}
.contact-email .store-link{min-width:180px;background:#191919;color:#fff;border-color:#191919}
.contact-email .store-link:hover{background:#333}
.contact p.contact-hint{font-size:.8125rem;color:var(--muted)}
@media(min-width:1400px){.game-description{min-height:4.95em}}
@media(max-width:1000px){.wrap{width:calc(100% - 64px)}.games-grid{gap:20px}.game-meta{align-items:flex-start;flex-direction:column;gap:7px}.game-description{min-height:8.25em}.intro{gap:2rem}.intro-copy{font-size:1rem}.development{padding-inline:30px}.development-body{gap:2rem}.development h2{font-size:3.75rem}}
@media(max-width:740px){.wrap{width:calc(100% - 40px)}.site-header{min-height:94px;gap:20px}.brand{font-size:.875rem}.brand-mark{width:36px;height:36px;font-size:1.875rem}.brand-second{font-size:.8125rem}nav{gap:16px;font-size:.875rem}nav a{max-width:100px;line-height:1.4}.intro{padding:43px 0 34px;display:block}.intro-copy{margin-top:22px}.section-label{align-items:flex-start;gap:10px}.section-label>span{font-size:.75rem;text-align:right;max-width:185px}.games-grid{grid-template-columns:1fr;gap:42px}.game-meta{flex-direction:row;margin-top:19px;font-size:.8125rem}.game h3{font-size:1.75rem}.game-description{min-height:0;margin-block:12px 21px}.cover-link{max-width:none}.cover{aspect-ratio:1}.store-note{margin-top:30px}.development{margin:48px 0 40px;padding:25px 23px 20px}.development-top{align-items:flex-start;gap:20px}.development-top .eyebrow{max-width:150px;font-size:.75rem}.development-badge{font-size:.75rem;padding:4px 8px}.development-body{display:block;padding:35px 0}.development h2{font-size:clamp(2.5rem,10vw,4rem);margin-bottom:28px}.development-copy{font-size:1rem}.site-footer{gap:1rem;align-items:flex-start;padding-bottom:28px}.back-top{white-space:nowrap}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.cover,.store-link{transition:none}.cover-link:hover .cover{transform:none}}
@media(max-width:740px){.development-cover{width:min(100%,280px);margin:0 auto 32px}.development-info h2{margin-bottom:22px}}
@media(max-width:740px){.returning{display:block;margin:0 0 35px;padding:28px 0}.returning-copy{margin-top:22px}}
@media(min-width:1101px){.game-meta{flex-direction:column;align-items:flex-start;gap:8px}.game h3{font-size:clamp(1.3rem,1.6vw,1.55rem)}.game-description{min-height:9.9em}}
@media(min-width:741px) and (max-width:1100px){.games-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:38px 26px}.game-description{min-height:6.6em}.game h3{font-size:1.75rem}}
@media(max-width:740px){.returning-cover{width:min(100%,240px);margin:0 auto 28px}}
@media(max-width:740px){.contact{display:block;padding:8px 0 30px;margin-bottom:30px}.contact-email{align-items:flex-start;margin-top:22px}.contact-email .store-link{width:100%}.site-header{flex-wrap:wrap}nav{flex-wrap:wrap;gap:16px 22px}}
@media(max-width:480px){nav{width:100%;justify-content:space-between}nav a{max-width:none}.site-header{gap:20px}}