@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@500;600;700&display=swap');
:root{color-scheme:dark;--ink:#171329;--paper:#f5f2ff;--lime:#d7fa74;--muted:#beb7cf}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:2rem}body{margin:0;background:var(--ink);color:var(--paper);font:1.05rem/1.65 'DM Sans',sans-serif}.wrap{width:min(1240px,90%);margin:auto}a{color:inherit;text-decoration:none}a:focus-visible{outline:3px solid var(--lime);outline-offset:7px}header{display:flex;align-items:center;justify-content:space-between;padding:28px 0;border-bottom:1px solid #ffffff24}.brand{font-family:'Space Grotesk',sans-serif;font-weight:700;font-size:1.3rem;display:flex;align-items:center;gap:12px}.mark{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:var(--lime);color:var(--ink);font-size:1rem;transform:rotate(-7deg)}nav{display:flex;gap:30px;font-size:.95rem}nav a:hover{color:var(--lime)}.hero{display:grid;grid-template-columns:1fr 1fr;gap:6%;padding:88px 0 96px;align-items:center}.eyebrow,.section-label{font-size:.85rem;text-transform:uppercase;letter-spacing:.12em;font-weight:700;color:var(--muted)}h1,h2,h3{font-family:'Space Grotesk',sans-serif;line-height:1.04;letter-spacing:-.045em}h1{font-size:clamp(3.3rem,5.8vw,5.7rem);margin:24px 0 28px}h1 em{font-style:normal;color:var(--lime)}.lead{font-size:1.18rem;color:var(--muted);max-width:420px}.button{display:inline-block;background:var(--lime);color:var(--ink);font-weight:700;padding:14px 24px;border-radius:9px;margin-top:20px}.button:hover{background:#e6ffab}.note{font-size:.9rem;color:var(--muted);margin-top:18px}figure{margin:0}.image-frame{position:relative;background:#e794c1;border:9px solid #b7a0ee;border-radius:32px;transform:rotate(3deg);box-shadow:16px 18px 0 #00000038;overflow:hidden}.image-frame img{display:block;width:100%;height:auto;aspect-ratio:1/1.1;object-fit:cover}.sticker{position:absolute;right:16px;top:20px;background:var(--lime);color:var(--ink);font-weight:700;font-size:.95rem;line-height:1.3;padding:15px 18px;transform:rotate(-9deg);border-radius:8px}figcaption{color:var(--muted);font-size:.85rem;text-align:right;margin-top:24px}.game,.studio{display:grid;grid-template-columns:1fr 3fr;gap:7%;padding:76px 0;border-top:1px solid #ffffff24}.tag{display:inline-block;border:1px solid #b7a0ee;color:#d3bfff;border-radius:30px;padding:4px 13px;font-size:.85rem}h2{font-size:clamp(2.5rem,4.5vw,4rem);margin:22px 0}p{max-width:650px}.game-body>p,.studio p{color:var(--muted)}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin:40px 0}.steps article{border-top:2px solid #8a70b8;padding-top:17px}.steps span{color:var(--lime);font-size:.9rem}.steps h3{font-size:1.6rem;margin:16px 0 10px}.steps p{font-size:.98rem;color:var(--muted);margin:0}.fine{font-size:.85rem}.studio{padding-bottom:90px}footer{border-top:1px solid #ffffff24;padding:32px 0;display:flex;justify-content:space-between;gap:25px;align-items:center}footer p{font-size:.85rem;color:var(--muted);margin:0}@media(max-width:760px){header{padding:22px 0}.brand{font-size:1.1rem}nav{gap:16px;font-size:.88rem}.hero{grid-template-columns:1fr;padding:45px 0 60px;gap:40px}.intro{max-width:540px}h1{font-size:clamp(3rem,11vw,5rem)}figure{width:94%;margin:auto}.image-frame img{aspect-ratio:1.15/1}.game,.studio{grid-template-columns:1fr;gap:22px;padding:44px 0}.steps{gap:15px}.steps h3{font-size:1.35rem}footer{align-items:flex-start;flex-direction:column}.section-label{font-size:.8rem}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}