*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;background:linear-gradient(145deg,#fff4c8,#dff7ff,#f7eaff);color:#29413e}.page{width:min(1040px,100%);margin:auto;padding:14px}.top{display:flex;justify-content:space-between;align-items:center;gap:12px;background:#ffffffdd;padding:12px;border-radius:20px;box-shadow:0 12px 30px #29413e22}.home,.btn{border:0;text-decoration:none;padding:11px 16px;border-radius:15px;font-weight:900;cursor:pointer;background:#ffca3a;color:#624500;box-shadow:0 5px 0 #d89f00}.pill{background:#eafff2;padding:9px 13px;border-radius:999px;font-weight:900}.game{margin-top:14px;background:#ffffffea;border-radius:28px;padding:clamp(18px,4vw,30px);box-shadow:0 15px 36px #29413e25;text-align:center}.game h1{margin:0;color:#17845e;font-size:clamp(30px,5vw,48px)}.subtitle{font-weight:750;color:#60736f}.progress{height:14px;max-width:600px;margin:14px auto;background:#e1eef0;border-radius:999px;overflow:hidden}.progress>div{height:100%;background:linear-gradient(90deg,#68d892,#ffca3a);width:0}.visual{min-height:220px;display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap;margin:20px auto;padding:18px;border-radius:25px;background:linear-gradient(145deg,#fff8d9,#e7f8ff);font-size:clamp(58px,10vw,100px)}.question{font-size:clamp(23px,3vw,33px);font-weight:950}.choices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;max-width:800px;margin:18px auto}.choice{border:3px solid #d6eaf0;background:#fff;border-radius:20px;padding:16px;font-size:20px;font-weight:900;cursor:pointer;box-shadow:0 6px 0 #d6e7ea}.choice:hover{transform:translateY(-2px)}.choice.correct{background:#e8fff1;border-color:#5bd890}.choice.wrong{background:#fff0f0;border-color:#ff7777}.message{min-height:40px;font-size:22px;font-weight:950;color:#17845e}.footer{text-align:center;margin:18px 0;padding:14px;background:#ffffffaa;border-radius:18px}.footer a{margin:0 8px;color:#176d55}.sound{font-size:70px;border:0;background:#eaf7ff;border-radius:50%;width:130px;height:130px;cursor:pointer;box-shadow:0 8px 0 #97cddd}@media(max-width:640px){.choices{grid-template-columns:1fr}.top{align-items:flex-start;flex-direction:column}}