*{box-sizing:border-box}
body{margin:0;font-family:Inter,Arial,sans-serif;background:#f8f6f1;color:#1c2420}
.nav{height:72px;display:flex;align-items:center;justify-content:space-between;padding:0 7%;border-bottom:1px solid #dedbd2;background:#fff}
.brand{font-weight:800;letter-spacing:-.04em;font-size:22px}
.nav a{color:#667069;text-decoration:none;margin-left:24px;font-size:14px}
.hero{min-height:80vh;padding:60px 7%;display:grid;grid-template-columns:1.1fr .9fr;gap:40px;align-items:center}
.game-area{text-align:center}
.game-area h1{font-size:clamp(36px,6vw,64px);margin-bottom:.5rem}
.lead{font-size:18px;color:#5f6862;margin-bottom:1.5rem}
.choices{display:flex;justify-content:center;gap:20px;margin-bottom:1.5rem}
.choice-btn{font-size:2.5rem;background:#1c2420;color:#fff;border:none;border-radius:12px;width:80px;height:80px;cursor:pointer;transition:transform .2s,background .2s}
.choice-btn:hover{background:#2a3530;transform:scale(1.05)}
.result{margin-top:1rem;background:#fff;padding:1rem;border-radius:12px;box-shadow:0 2px 6px rgba(0,0,0,.1)}
.outcome{font-weight:600;font-size:1.2rem;margin-bottom:.5rem}
.score{font-size:.9rem;color:#555}
.visual{height:350px;border-radius:180px 180px 28px 28px;background:#c8d5c4;display:grid;place-items:center;overflow:hidden;position:relative}
.game-illustration{width:180px;height:180px;background:#eef3e9;border-radius:50%;box-shadow:0 0 0 8px #9aae9d inset}
.stats{padding:34px 7%;background:#1c2420;color:#fff;display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px}
.stats h2{margin-top:0}
.stats ul{list-style:none;padding:0;margin:0}
.stats li{margin-bottom:.5rem}
@media(max-width:760px){.nav nav{display:none}.hero{grid-template-columns:1fr;padding-top:55px}.visual{height:250px}}