:root{color-scheme:dark;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.5}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{min-height:100vh;overflow:hidden}.game{position:relative;width:100vw;height:100vh;background:linear-gradient(180deg,#1e1b4b,#312e81,#4338ca 60%,#60a5fa);display:flex;flex-direction:column;overflow:hidden}.game-container{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.2rem;padding:1rem;position:relative;z-index:2}.sky{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none}.cloud{position:absolute;animation:drift 20s linear infinite}.cloud:nth-child(1){top:8%;left:-15%}.cloud:nth-child(2){top:18%;left:-15%}.cloud:nth-child(3){top:5%;left:-15%}@keyframes drift{0%{transform:translate(0)}to{transform:translate(calc(100vw + 200px))}}.grass{position:absolute;bottom:0;left:0;width:100%;height:60px;z-index:1}.heart{width:28px;height:28px;transition:transform .2s}.heart--full{filter:drop-shadow(0 0 4px rgba(239,68,68,.5))}.heart--empty{opacity:.3}.hud{display:flex;align-items:center;justify-content:space-between;width:100%;max-width:600px;padding:.4rem .8rem;background:#00000040;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:12px;border:1px solid rgba(255,255,255,.08)}.hud-lives{display:flex;gap:4px}.hud-progress{font-size:.85rem;color:#ffffffb3;font-weight:500}.hud-score{font-size:.85rem;color:#facc15;font-weight:700}.parade{display:flex;align-items:flex-end;justify-content:center;gap:.25rem;flex-wrap:wrap;max-width:700px}.parade-rabbit-wrap{position:relative;display:flex;flex-direction:column;align-items:center}.rabbit{width:48px;height:60px;transition:transform .3s ease}.parade .rabbit{width:44px;height:55px}.parade-pointer{color:#facc15;font-size:.7rem;animation:bounce .6s ease-in-out infinite}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.rabbit--jump{animation:jump .7s ease}@keyframes jump{0%{transform:translateY(0) scale(1)}30%{transform:translateY(-30px) scale(1.05)}50%{transform:translateY(-35px) scale(1.08) rotate(-5deg)}70%{transform:translateY(-20px) scale(1.03) rotate(3deg)}to{transform:translateY(0) scale(1)}}.rabbit--dead{opacity:.5;filter:grayscale(.6)}.question-card{background:#ffffff14;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.12);border-radius:16px;padding:1.5rem 2rem;text-align:center;width:100%;max-width:400px;transition:border-color .3s,background .3s,transform .15s}.question-card--correct{border-color:#22c55e;background:#22c55e1f;transform:scale(1.02)}.question-card--wrong{border-color:#ef4444;background:#ef44441f;animation:shake .4s ease}@keyframes shake{0%,to{transform:translate(0)}20%{transform:translate(-8px)}40%{transform:translate(8px)}60%{transform:translate(-6px)}80%{transform:translate(4px)}}.question-text{font-size:2.2rem;font-weight:700;color:#fff;margin-bottom:1.2rem;letter-spacing:.02em}.question-blank{color:#facc15}.options{display:flex;gap:1rem;justify-content:center}.option-btn{background:#ffffff0f;border:2px solid rgba(255,255,255,.15);border-radius:12px;color:#fff;font-size:1.5rem;font-weight:700;padding:.7rem 2rem;cursor:pointer;transition:all .15s;min-width:100px}.option-btn:hover:not(:disabled){background:#ffffff1f;border-color:#ffffff4d;transform:translateY(-2px)}.option-btn:active:not(:disabled){transform:translateY(0) scale(.97)}.option-btn:disabled{cursor:default}.option-btn--correct{background:#22c55e4d!important;border-color:#22c55e!important;color:#22c55e!important}.option-btn--reveal{background:#ef444433!important;border-color:#ef4444!important}.feedback{margin-top:.8rem;font-size:.95rem;font-weight:600;animation:fadeIn .2s ease}.feedback--correct{color:#22c55e}.feedback--wrong{color:#ef4444}@keyframes fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.start-screen,.result-screen{display:flex;flex-direction:column;align-items:center;gap:1rem;text-align:center}.start-rabbits,.result-rabbits{display:flex;gap:.6rem;justify-content:center;flex-wrap:wrap}.start-rabbits .rabbit,.result-rabbits .rabbit{width:64px;height:80px}.result-rabbits .rabbit{width:44px;height:55px}.game-title{font-size:2.2rem;font-weight:800;color:#fff;text-shadow:0 2px 20px rgba(99,102,241,.4);letter-spacing:-.02em}.game-subtitle{font-size:1rem;color:#fff9;max-width:320px}.start-info{display:flex;gap:.5rem;flex-wrap:wrap;justify-content:center}.info-badge{display:flex;align-items:center;gap:.3rem;font-size:.75rem;color:#ffffff80;background:#ffffff0f;border:1px solid rgba(255,255,255,.08);border-radius:20px;padding:.25rem .7rem}.btn-start{margin-top:.5rem;background:linear-gradient(135deg,#6366f1,#8b5cf6);border:none;border-radius:12px;color:#fff;font-size:1.1rem;font-weight:700;padding:.8rem 2.5rem;cursor:pointer;transition:transform .15s,box-shadow .15s;box-shadow:0 4px 20px #6366f166}.btn-start:hover{transform:translateY(-2px);box-shadow:0 6px 28px #6366f18c}.btn-start:active{transform:translateY(0) scale(.97)}.result-title{font-size:2rem;font-weight:800}.result-title--win{color:#22c55e;text-shadow:0 2px 16px rgba(34,197,94,.35)}.result-title--lose{color:#ef4444;text-shadow:0 2px 16px rgba(239,68,68,.35)}.result-subtitle{font-size:1rem;color:#fff9;max-width:340px}.result-hearts{display:flex;gap:4px}@media(max-width:480px){.game-title{font-size:1.6rem}.question-text{font-size:1.7rem}.option-btn{font-size:1.2rem;padding:.6rem 1.4rem;min-width:80px}.parade .rabbit{width:32px;height:42px}.start-rabbits .rabbit{width:48px;height:60px}.result-rabbits .rabbit{width:32px;height:42px}.hud{font-size:.75rem}.heart{width:22px;height:22px}}