:root { color-scheme:light; --ink:#183e35; --muted:#50645c; --paper:#fffaf0; --green:#246b50; --line:#dce1cf; }
* { box-sizing:border-box; }
body { margin:0; background:var(--paper); color:var(--ink); font:16px/1.65 system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif; }
img { display:block; max-width:100%; height:auto; }
a { color:var(--green); text-underline-offset:4px; }
a:hover { text-decoration-thickness:2px; }
:focus-visible { outline:3px solid #a33b25; outline-offset:5px; border-radius:4px; }
.wrap { width:min(920px,calc(100% - 48px)); margin-inline:auto; }
.skip { position:fixed; top:8px; left:8px; padding:10px 18px; background:white; z-index:10; transform:translateY(-160%); }
.skip:focus { transform:none; }
.site-header { display:flex; align-items:center; justify-content:space-between; gap:20px; padding-block:23px; border-bottom:1px solid var(--line); }
.brand { display:flex; align-items:center; gap:9px; font-weight:800; font-size:22px; color:var(--ink); text-decoration:none; letter-spacing:-.7px; }
.seed { width:22px; height:28px; border-radius:80% 10% 80% 10%; background:var(--green); transform:rotate(12deg); }
.brand span:last-child { font-size:11px; font-weight:600; letter-spacing:1.5px; text-transform:uppercase; margin-left:8px; padding-left:14px; border-left:1px solid var(--line); }
nav { display:flex; flex-wrap:wrap; gap:20px; font-size:14px; }
nav a { color:var(--ink); }
h1,h2,h3,p { margin-top:0; }
h1,h2 { font-family:Georgia,'Times New Roman',serif; font-weight:400; line-height:1.15; letter-spacing:-1px; }
h1 { font-size:clamp(36px,5vw,52px); margin-bottom:18px; }
h2 { font-size:32px; margin-bottom:16px; }
h3 { font-size:20px; }
p { margin-bottom:18px; }
.eyebrow { font-size:11px; font-weight:750; letter-spacing:1.5px; text-transform:uppercase; }
.lede { font-size:19px; color:var(--muted); }
.meta { font-size:13px; color:var(--muted); }
.intro { padding-block:48px 25px; }
.catalogue { padding-bottom:55px; }
.game-card { display:grid; grid-template-columns:190px 1fr; gap:34px; align-items:center; border:1px solid var(--line); border-radius:18px; background:#edf1df; padding:34px; }
.game-card img { width:190px; border-radius:22%; }
.game-card p { max-width:510px; }
.actions { display:flex; align-items:center; flex-wrap:wrap; gap:16px; margin-bottom:18px; }
.button { display:inline-flex; align-items:center; gap:20px; min-height:46px; border-radius:8px; padding:10px 20px; background:var(--green); color:white; text-decoration:none; font-size:14px; font-weight:650; transition:background-color .15s ease; }
.button:hover { background:#184c38; }
.button:active { background:#123b2b; }
.status { font-size:13px; font-weight:650; color:#325640; }
.site-footer { padding-block:25px; border-top:1px solid var(--line); display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:16px; font-size:13px; color:var(--muted); }
.site-footer p { margin:0; }
.footer-links { display:flex; flex-wrap:wrap; gap:12px 20px; }
.breadcrumbs { font-size:13px; margin-top:28px; }
.game-intro { max-width:700px; padding-block:24px; }
.app-icon { width:96px; height:96px; border-radius:22%; margin-bottom:24px; }
.screenshots { padding-block:28px 45px; border-top:1px solid var(--line); }
.gallery { display:grid; grid-template-columns:repeat(3,1fr); gap:24px; max-width:740px; margin-bottom:24px; }
figure { margin:0; }
.gallery a { display:block; border-radius:14px; }
.gallery img { border:1px solid #c8d1bd; border-radius:14px; }
figcaption { font-size:13px; margin-top:10px; }
.policy { max-width:760px; padding-block:28px 50px; }
.policy h2 { font:650 23px/1.3 system-ui,sans-serif; letter-spacing:-.4px; margin:32px 0 14px; }
.policy-toc { display:flex; flex-wrap:wrap; gap:10px 24px; padding:18px 0; border-block:1px solid var(--line); font-size:14px; }
@media (max-width:600px) {
 .wrap { width:calc(100% - 36px); }
 .brand { font-size:20px; }
 .brand span:last-child { display:none; }
 .intro { padding-top:35px; }
 .game-card { grid-template-columns:1fr; gap:24px; padding:26px; }
 .game-card img { width:130px; }
 .game-card h2 { font-size:30px; }
 .lede { font-size:17px; }
 .gallery { gap:12px; }
 figcaption { font-size:11px; line-height:1.4; }
 .site-footer { align-items:flex-start; }
}
@media (prefers-reduced-motion:reduce) { *,*::before,*::after { transition:none !important; animation:none !important; } }