:root{--cream:#fff6ec;--ink:#33241a;--muted:#715e51;--orange:#e04e2a;--pink:#e9527e}*{box-sizing:border-box}body{margin:0;background:var(--cream);color:var(--ink);font:17px/1.7 system-ui,-apple-system,sans-serif}a{color:inherit;text-underline-offset:4px}a:focus-visible,summary:focus-visible{outline:3px solid var(--orange);outline-offset:5px}.wrap{width:min(1080px,100% - 40px);margin:auto}header{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:24px 0;border-bottom:1px solid #eadbcf}nav{display:flex;flex-wrap:wrap;gap:12px;align-items:center}header nav{font-size:14px}.brand{font-size:26px;font-weight:900;text-decoration:none}.brand span{color:var(--orange)}[aria-current=page]{font-weight:800;color:var(--orange)}.hero{display:grid;grid-template-columns:1.4fr .6fr;align-items:center;gap:64px;padding:64px 0}.eyebrow{font-size:14px;font-weight:750;color:var(--orange)}h1{font-size:clamp(32px,4.5vw,52px);line-height:1.15;letter-spacing:-.025em;margin:16px 0 24px}h2{font-size:clamp(25px,3vw,34px);line-height:1.25;margin:0 0 20px}.lead{font-size:20px;color:var(--muted)}.cta{display:inline-block;padding:14px 24px;border-radius:999px;background:linear-gradient(100deg,var(--orange),var(--pink));color:white;text-decoration:none;font-weight:750;margin:18px 0;line-height:1.4}.screen{width:100%;max-width:280px;height:auto;object-fit:contain;border:9px solid white;border-radius:32px;box-shadow:0 18px 50px -18px #78502c50;justify-self:center}.card{background:white;border-radius:28px;padding:36px;margin:12px 0}.card ul{padding-left:24px}.card li{margin:12px 0}.story{max-width:760px;padding:48px 0}.story>p:last-child{color:var(--muted)}details{border-top:1px solid #eee3d9;padding:18px 0}summary{font-weight:750;cursor:pointer}details p{color:var(--muted);margin-bottom:0}.related{padding:48px 0}.related nav{margin:20px 0}.related nav a{background:#fff;padding:10px 18px;border-radius:16px}footer{display:flex;flex-wrap:wrap;gap:20px;padding:24px 0 40px;border-top:1px solid #eadbcf;font-size:14px;color:var(--muted)}@media(max-width:640px){header{align-items:flex-start;flex-direction:column}.hero{grid-template-columns:1fr;gap:24px;padding:36px 0}.screen{max-width:230px}.card{padding:24px}.lead{font-size:18px}}

.game-gallery{display:flex;flex-wrap:wrap;justify-content:center;gap:32px;padding:32px 0}.game-gallery figure{margin:0;max-width:240px;text-align:center}.game-gallery figcaption{margin-top:12px;font-weight:700}
