@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap');
:root{color-scheme:dark;--bg:#111322;--panel:#1b1e32;--text:#f5f1e8;--muted:#acaec3;--mint:#b6f5ce;--line:#35394f}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:16px 'DM Sans',system-ui,sans-serif}button,a,select{-webkit-tap-highlight-color:transparent}button,select{font:inherit}button{cursor:pointer}a{color:inherit}header,main,footer{max-width:1152px;margin:auto;padding:24px 36px}header{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{font:700 24px 'Space Grotesk',sans-serif;letter-spacing:2px;text-decoration:none}.brand span{color:var(--mint);font-size:12px;letter-spacing:4px;display:block}.language{display:flex;gap:12px;align-items:center;color:var(--muted);font-size:13px}select{padding:9px;border:1px solid var(--line);border-radius:8px;background:var(--panel);color:var(--text)}#intro{min-height:560px;position:relative;padding:65px 0;overflow:hidden}.eyebrow{font:600 12px 'Space Grotesk',sans-serif;letter-spacing:2px;color:var(--mint)}h1{font:600 clamp(52px,7vw,88px)/1.04 'Space Grotesk',sans-serif;letter-spacing:-4px;margin:24px 0}h2{font:600 clamp(28px,4vw,46px)/1.15 'Space Grotesk',sans-serif;letter-spacing:-1px}.lede{font-size:18px;line-height:1.65;color:#c9c9d6;max-width:500px}.small{font-size:12px;color:var(--muted);line-height:1.6}.primary,.steam{background:var(--mint);color:#102019;border:0;border-radius:10px;padding:17px 24px;font-weight:700;text-decoration:none;display:inline-flex;gap:25px;align-items:center}.primary:hover,.steam:hover{background:#dbffe7}.secondary{background:var(--panel);border:1px solid var(--line);color:var(--text);border-radius:9px;padding:12px 17px}.quiet{background:transparent;border:0;color:var(--mint);padding:14px 0}.hero-art{position:absolute;right:-50px;top:110px;width:480px;height:400px;transform:rotate(-12deg);opacity:.85;pointer-events:none}.hero-art img{width:330px;position:absolute;border:6px solid #2c3048;box-shadow:0 20px 50px #0007;border-radius:15px}.hero-art img:nth-child(1){top:0;right:0}.hero-art img:nth-child(2){top:140px;right:70px}.hero-art img:nth-child(3){top:280px;right:10px}#intro .lede{max-width:460px}#quiz,#result{padding:40px 0 60px;min-height:510px}.stepbar{display:flex;gap:25px;align-items:center;color:var(--mint);font-size:13px}#progress{width:180px;height:4px;background:var(--line);border-radius:8px}#progress i{display:block;height:100%;background:var(--mint);width:0;transition:width .2s}#questionHint{color:var(--muted)}#choices{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin:30px 0;max-width:850px}.choice{text-align:left;border:1px solid var(--line);background:var(--panel);color:var(--text);border-radius:12px;padding:22px;min-height:82px}.choice:hover,.choice:focus-visible{border-color:var(--mint);background:#263b37}.choice span{color:var(--mint);padding-right:15px}#recommendations{display:grid;grid-template-columns:1.3fr 1fr;gap:24px;margin:28px 0}.gamecard{border:1px solid var(--line);border-radius:16px;overflow:hidden;background:var(--panel)}.gamecard img{width:100%;aspect-ratio:460/215;object-fit:cover;display:block}.gamebody{padding:24px}.badge{font-size:11px;letter-spacing:1px;text-transform:uppercase;color:var(--mint)}.gamebody h3{font:600 26px 'Space Grotesk',sans-serif;margin:12px 0}.gamebody p{color:#c9c9d6;line-height:1.6;min-height:75px}.gamebody .steam{padding:13px 16px;font-size:14px}.demo{display:block;font-size:13px;margin-top:16px;color:var(--mint)}.sharebar{display:flex;gap:12px;flex-wrap:wrap}#shareStatus{font-size:14px;color:var(--mint)}.catalog{border-top:1px solid var(--line);padding:15px 0}.catalogHeading{display:flex;justify-content:space-between;gap:20px;align-items:center}.catalogHeading h2{font-size:25px}#catalogGrid{grid-template-columns:repeat(3,1fr);gap:16px}#catalogGrid:not([hidden]){display:grid}.mini{background:var(--panel);border:1px solid var(--line);border-radius:12px;overflow:hidden;text-decoration:none}.mini img{width:100%;aspect-ratio:460/215;object-fit:cover}.mini strong,.mini small{display:block;padding:10px 15px}.mini small{padding-top:0;color:var(--mint)}footer{border-top:1px solid var(--line);color:var(--muted);font-size:12px;line-height:1.7;display:flex;flex-wrap:wrap;gap:15px;justify-content:space-between}footer p{flex-basis:100%;max-width:750px;margin:0}button:focus-visible,a:focus-visible,select:focus-visible{outline:3px solid var(--mint);outline-offset:4px}[hidden]{display:none!important}@media(max-width:1000px){.hero-art{right:-160px;opacity:.5;z-index:-1}#intro .lede{max-width:430px}}@media(max-width:650px){header,main,footer{padding:20px}#intro{padding:35px 0 230px;min-height:630px}h1{letter-spacing:-2px}.hero-art{top:auto;bottom:0;right:-30px;width:360px;height:210px;opacity:.65;transform:rotate(-8deg);z-index:0}.hero-art img{width:240px}.hero-art img:nth-child(2){top:70px;right:90px}.hero-art img:nth-child(3){top:140px;right:0}#intro .primary{position:relative;z-index:1}#choices,#recommendations{grid-template-columns:1fr}.gamebody p{min-height:0}.catalogHeading{align-items:flex-start}.catalogHeading h2{font-size:22px}#catalogGrid:not([hidden]){grid-template-columns:repeat(2,1fr)}.language>span{display:none}}