.app{font-family:Quicksand,system-ui,sans-serif;max-width:520px;margin:0 auto;padding:20px;background:linear-gradient(135deg,#fff8e7,#e0f7fa);min-height:100vh;border-radius:24px;box-shadow:0 10px 30px #0000001a}.header{text-align:center;margin-bottom:20px}.cloud-badge{display:inline-block;background:#e0f7fa;color:#5b9bd5;padding:4px 14px;border-radius:20px;font-size:13px;margin-bottom:8px}h1{font-size:32px;font-weight:800;color:#2c3e50;margin:0;transform:rotate(-1deg)}.start-page{text-align:center;padding:40px 20px}.ferris-svg{margin:20px auto;filter:drop-shadow(0 8px 16px rgba(0,0,0,.15))}.desc{font-size:18px;color:#5b9bd5;margin:16px 0}.high-score{background:#ffd93d;color:#2c3e50;display:inline-block;padding:8px 24px;border-radius:999px;font-weight:700;margin:16px 0;box-shadow:0 6px #e8a800}.start-btn{background:linear-gradient(90deg,#ff8a65,#ff6b9d);color:#fff;border:none;padding:16px 48px;font-size:20px;font-weight:700;border-radius:999px;cursor:pointer;box-shadow:0 6px #00000026}.playing-page{padding:10px 0}.progress-bar{height:12px;background:#e0e0e0;border-radius:999px;overflow:hidden;margin-bottom:20px}.progress{height:100%;background:linear-gradient(to right,#4ecdc4,#5b9bd5);transition:width .4s cubic-bezier(.68,-.55,.265,1.55)}.score{text-align:right;font-weight:700;color:#ff8a65;margin-bottom:12px}.question-card{background:#fff;padding:24px;border-radius:20px;box-shadow:0 8px #0000001a;margin-bottom:20px}.question-card h2{font-size:22px;color:#2c3e50;margin:0}.options{display:grid;gap:12px}.option-btn{background:#fff;border:3px solid #5B9BD5;padding:16px;border-radius:16px;font-size:17px;text-align:left;cursor:pointer;transition:all .2s;box-shadow:0 4px #3a7bc8}.option-btn:hover{transform:translateY(-3px);box-shadow:0 8px #3a7bc8}.option-btn:disabled{opacity:.7}.feedback{display:flex;align-items:center;gap:12px;font-size:22px;font-weight:700;margin:20px 0;padding:16px;border-radius:16px}.feedback.correct{background:#e8f5e9;color:#4ecdc4}.feedback.wrong{background:#ffebee;color:#e53935}.funfact-card{background:#fff9c4;padding:20px;border-radius:20px;margin-top:16px;box-shadow:0 4px 12px #ffd93d4d}.funfact-card h4{margin:0 0 8px;color:#ff8a65}.next-btn{margin-top:12px;background:#4ecdc4;color:#fff;border:none;padding:10px 28px;border-radius:999px;font-weight:700;cursor:pointer}.result-page{text-align:center;padding:30px 20px}.final-score{font-size:28px;font-weight:800;color:#ff6b9d;margin:20px 0}.wrong-list{text-align:left;background:#fff;padding:20px;border-radius:16px;margin:20px 0}.wrong-item{border-bottom:1px solid #EEE;padding:12px 0}.correct{color:#4ecdc4;font-weight:600}.restart-btn{background:linear-gradient(#5b9bd5,#4ecdc4);color:#fff;border:none;padding:14px 36px;border-radius:999px;font-size:18px;display:inline-flex;align-items:center;gap:8px;cursor:pointer;box-shadow:0 6px #3a7bc8}