*{margin:0;padding:0;box-sizing:border-box}body{font-family:Segoe UI,system-ui,-apple-system,sans-serif;background:radial-gradient(circle at 70% 30%,#3a8c5a30 0%,transparent 50%),linear-gradient(145deg,#0b2e1f,#1a4a2e,#0f3822);min-height:100vh;display:flex;align-items:center;justify-content:center}.app-container{width:100%;max-width:480px;margin:0 auto;padding:20px;position:relative}.cloud-badge{position:absolute;top:8px;right:16px;font-size:12px;color:#a8d5ba;background:#ffffff14;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);padding:4px 10px;border-radius:20px;letter-spacing:.3px}.toast{position:fixed;top:20px;left:50%;transform:translate(-50%);background:#1a2e22;color:#e0f0e8;padding:8px 24px;border-radius:24px;font-size:14px;box-shadow:0 4px 20px #0006;z-index:100;animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0;transform:translate(-50%) translateY(-10px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.start-page{text-align:center;padding:60px 20px 40px;background:#ffffff0a;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:32px;box-shadow:0 8px 40px #0000004d;border:1px solid rgba(255,255,255,.05)}.title{font-size:28px;color:#e8f5e9;margin-bottom:8px;text-shadow:0 2px 8px rgba(0,0,0,.3);font-family:"DM Serif Display",serif}.subtitle{font-size:16px;color:#a8d5ba;margin-bottom:32px}.btn-primary{background:linear-gradient(135deg,#3a8c5a,#286b40);color:#fff;border:none;padding:14px 40px;font-size:18px;border-radius:40px;cursor:pointer;transition:transform .2s,box-shadow .2s;box-shadow:0 4px 16px #3a8c5a4d}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 24px #3a8c5a66}.btn-primary:active{transform:scale(.97)}.high-score-badge{margin-top:30px;display:inline-flex;align-items:center;gap:8px;background:#ffd7001a;border:1px solid rgba(255,215,0,.3);padding:8px 20px;border-radius:30px}.badge-label{font-size:14px;color:#d4a745}.badge-value{font-size:20px;font-weight:700;color:gold}.quiz-page{background:#ffffff0a;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:32px;padding:20px 24px 30px;border:1px solid rgba(255,255,255,.05);box-shadow:0 8px 40px #0000004d}.status-bar{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.lives{display:flex;gap:4px}.score{display:flex;gap:4px;align-items:baseline}.score-label{font-size:12px;color:#a8d5ba}.score-value{font-size:22px;font-weight:700;color:#e8f5e9}.progress{display:flex;gap:4px}.progress-label{font-size:14px;color:#a8d5ba;font-weight:600}.illustration{width:100%;height:180px;border-radius:24px;overflow:hidden;margin-bottom:20px;background:#1a3a2a;display:flex;align-items:center;justify-content:center}.image-loading,.fallback-emoji{color:#a8d5ba;font-size:14px}.quiz-image{width:100%;height:100%;object-fit:cover}.question{font-size:18px;color:#e8f5e9;margin-bottom:16px;line-height:1.4;font-weight:600}.options-list{display:flex;flex-direction:column;gap:10px;margin-bottom:20px}.option-btn{background:#ffffff0f;border:1px solid rgba(255,255,255,.1);color:#c8e6c9;padding:12px 16px;border-radius:16px;font-size:15px;cursor:pointer;transition:background .2s,border-color .2s;text-align:left}.option-btn:hover:not(:disabled){background:#3a8c5a26;border-color:#3a8c5a}.option-btn.correct{background:#4caf5033;border-color:#4caf50;color:#c8e6c9}.option-btn.wrong{background:#f4433633;border-color:#f44336;color:#ffcdd2}.option-btn.disabled{opacity:.5;cursor:default}.feedback-popup{background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:20px;padding:20px;text-align:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.feedback-correct{color:#66bb6a;font-size:18px;margin-bottom:12px}.feedback-wrong{color:#ef5350;font-size:16px;margin-bottom:12px}.feedback-wrong strong{color:#ffcdd2}.btn-next{background:linear-gradient(135deg,#3a8c5a,#286b40);color:#fff;border:none;padding:10px 28px;font-size:16px;border-radius:30px;cursor:pointer;transition:transform .2s}.btn-next:hover{transform:translateY(-1px)}.result-page{text-align:center;padding:40px 20px;background:#ffffff0a;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:32px;border:1px solid rgba(255,255,255,.05);box-shadow:0 8px 40px #0000004d}.trophy{margin-bottom:16px}.result-title{font-size:24px;color:#e8f5e9;margin-bottom:8px;font-family:"DM Serif Display",serif}.result-score{font-size:20px;color:#a8d5ba;margin-bottom:4px}.result-score strong{color:gold}.result-high{font-size:16px;color:#a8d5ba;margin-bottom:24px}.result-high strong{color:gold}.footprints{position:absolute;bottom:10px;left:20px;display:flex;gap:6px;opacity:.3}