body{margin:0;background-color:#0f172a;color:#f8fafc;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased}.adventure-app{max-width:480px;margin:0 auto;min-height:100vh;background:linear-gradient(180deg,#1e1b4b,#0f172a);display:flex;flex-direction:column;padding-bottom:80px;position:relative}.status-bar{background-color:#1e1b4bd9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:16px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #312e81;position:sticky;top:0;z-index:40}.player-info{display:flex;align-items:center;gap:10px}.avatar-circle{width:42px;height:42px;background-color:#4338ca;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:22px;box-shadow:0 0 10px #6366f180}.player-name-row{display:flex;align-items:center;gap:6px}.player-name{font-weight:700;font-size:14px;color:#f8fafc}.level-badge{background-color:#e11d48;color:#fff;font-size:10px;padding:1px 6px;border-radius:12px;font-weight:800}.xp-container{width:120px;height:12px;background-color:#334155;border-radius:6px;margin-top:4px;position:relative;overflow:hidden}.xp-bar{height:100%;background:linear-gradient(90deg,#a855f7,#6366f1);border-radius:6px;transition:width .4s ease}.xp-text{position:absolute;font-size:8px;color:#fff;top:50%;left:50%;transform:translate(-50%,-50%);font-weight:700}.resources{display:flex;gap:12px}.resource-item{display:flex;align-items:center;gap:4px;background-color:#0f172a99;padding:4px 8px;border-radius:20px;border:1px solid #334155}.icon{width:16px;height:16px}.resource-val{font-size:13px;font-weight:700}.daily-banner{background:linear-gradient(90deg,#d97706,#b45309);padding:10px 16px;display:flex;justify-content:space-between;align-items:center;font-size:12px;border-bottom:1px solid #f59e0b}.daily-text{display:flex;align-items:center;gap:6px;font-weight:500}.gift-icon{width:16px;height:16px;animation:bounce 1s infinite alternate}.claim-btn{background-color:#f8fafc;color:#b45309;border:none;padding:4px 10px;border-radius:12px;font-weight:700;cursor:pointer;transition:transform .2s}.claim-btn:hover{transform:scale(1.05)}.main-content{flex:1;padding:16px}.quiz-card,.result-card{background-color:#1e293bb3;border:1px solid #334155;border-radius:16px;padding:20px;box-shadow:0 10px 25px -5px #0000004d}.quiz-header{display:flex;gap:8px;align-items:center;margin-bottom:16px}.category-tag{background-color:#4f46e5;color:#fff;font-size:11px;padding:3px 8px;border-radius:6px;font-weight:700}.difficulty-tag{font-size:11px;padding:3px 8px;border-radius:6px;font-weight:700}.difficulty-tag.easy{background-color:#059669;color:#fff}.difficulty-tag.medium{background-color:#d97706;color:#fff}.difficulty-tag.hard{background-color:#dc2626;color:#fff}.question-index{margin-left:auto;font-size:12px;color:#94a3b8}.question-text{font-size:18px;line-height:1.6;margin-bottom:16px;color:#f8fafc}.hint-section{margin-bottom:20px}.use-hint-btn{background:none;border:1px dashed #6366f1;color:#a5b4fc;padding:8px 12px;border-radius:8px;font-size:12px;cursor:pointer;width:100%;text-align:left;transition:background-color .2s}.use-hint-btn:hover:not(:disabled){background-color:#6366f11a}.use-hint-btn:disabled{border-color:#475569;color:#64748b;cursor:not-allowed}.hint-box{background-color:#6366f11a;border:1px solid #4f46e5;padding:10px 12px;border-radius:8px;font-size:13px;color:#c7d2fe;display:flex;gap:6px;align-items:flex-start}.hint-icon-small{width:16px;height:16px;color:#818cf8;flex-shrink:0;margin-top:2px}.options-grid{display:flex;flex-direction:column;gap:12px;margin-bottom:20px}.option-button{background-color:#1e293b;border:2px solid #334155;color:#cbd5e1;padding:14px 16px;border-radius:10px;cursor:pointer;text-align:left;font-size:15px;display:flex;justify-content:space-between;align-items:center;transition:all .2s ease}.option-button:hover:not(:disabled){border-color:#6366f1;background-color:#312e81;color:#fff}.option-button.selected{border-color:#6366f1;background-color:#312e81}.option-button.correct{background-color:#064e3b;border-color:#10b981;color:#a7f3d0}.option-button.incorrect{background-color:#7f1d1d;border-color:#ef4444;color:#fca5a5}.option-button.disabled{opacity:.6;cursor:not-allowed}.option-feedback-icon{width:18px;height:18px;flex-shrink:0}.explain-card{background-color:#0f172a;border:1px solid #334155;border-radius:10px;padding:16px;margin-top:16px}.explain-title{font-weight:700;font-size:14px;margin-bottom:8px}.correct-title{color:#10b981}.incorrect-title{color:#ef4444}.explain-text{font-size:13px;color:#94a3b8;line-height:1.5;margin-bottom:16px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:10px 16px;border-radius:8px;font-weight:700;font-size:14px;cursor:pointer;border:none;transition:transform .2s}.btn:hover{transform:translateY(-1px)}.btn-next{background-color:#6366f1;color:#fff;width:100%}.btn-primary{background-color:#10b981;color:#fff}.btn-icon{width:16px;height:16px}.result-card{text-align:center;padding:32px 20px}.trophy-big{width:64px;height:64px;color:#fbbf24;margin:0 auto 16px;filter:drop-shadow(0 0 12px rgba(251,191,36,.5))}.result-score{font-size:16px;color:#cbd5e1;margin-bottom:24px}.feedback-box{background-color:#1e293b;border-radius:12px;padding:16px;text-align:left;margin-bottom:24px;border-left:4px solid #6366f1}.feedback-box h3{margin:0 0 8px;font-size:14px;color:#a5b4fc}.feedback-box p{margin:0;font-size:13px;color:#cbd5e1;line-height:1.6}.danger-banner{display:flex;align-items:center;gap:8px;background-color:#ef44441a;border:1px solid #ef4444;padding:10px;border-radius:8px;margin-top:16px;font-size:12px;color:#fca5a5}.danger-icon{width:16px;height:16px;color:#ef4444;flex-shrink:0}.shop-intro,.collection-intro{text-align:center;margin-bottom:20px}.shop-intro h2,.collection-intro h2{font-size:20px;margin:0 0 6px;color:#f8fafc}.shop-intro p,.collection-intro p{font-size:13px;color:#94a3b8;margin:0}.shop-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.shop-card{background-color:#1e293b;border:1px solid #334155;border-radius:12px;padding:16px;text-align:center;display:flex;flex-direction:column;align-items:center}.shop-item-emoji{font-size:32px;margin-bottom:8px}.shop-item-name{font-size:14px;margin:0 0 4px;color:#f8fafc}.shop-item-desc{font-size:11px;color:#94a3b8;margin:0 0 12px;height:32px;display:flex;align-items:center;justify-content:center}.shop-item-owned{font-size:10px;color:#64748b;margin-bottom:8px}.buy-btn{background:linear-gradient(90deg,#d97706,#b45309);color:#fff;border:none;padding:8px 12px;border-radius:8px;font-size:12px;font-weight:700;cursor:pointer;width:100%;transition:transform .2s}.buy-btn:hover{transform:scale(1.03)}.badges-grid{display:flex;flex-direction:column;gap:12px}.badge-card{display:flex;align-items:center;gap:16px;background-color:#1e293b;border:1px solid #334155;border-radius:12px;padding:14px;position:relative}.badge-card.locked{opacity:.6}.badge-card.unlocked{border-color:#f59e0b;background:linear-gradient(135deg,#1e293b,#1e1b4b)}.badge-icon{font-size:32px;width:48px;height:48px;background-color:#0f172a66;border-radius:50%;display:flex;align-items:center;justify-content:center}.badge-name{font-size:14px;margin:0 0 4px;color:#f8fafc}.badge-desc{font-size:12px;color:#94a3b8;margin:0 0 4px}.badge-condition{font-size:10px;color:#64748b}.badge-status{position:absolute;top:14px;right:14px;font-size:10px;font-weight:700}.unlocked-status{color:#10b981}.locked-status{color:#64748b}.bottom-nav{position:fixed;bottom:0;left:50%;transform:translate(-50%);width:100%;max-width:480px;background-color:#1e1b4b;border-top:1px solid #312e81;display:flex;justify-content:space-around;padding:10px 0;z-index:30}.nav-item{background:none;border:none;color:#64748b;display:flex;flex-direction:column;align-items:center;gap:4px;cursor:pointer;font-size:11px;transition:color .2s}.nav-item.active{color:#818cf8}.nav-icon{width:20px;height:20px}.level-up-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#0f172ad9;display:flex;justify-content:center;align-items:center;z-index:100;animation:fadeIn .3s ease-out}.level-up-card{background:linear-gradient(135deg,#1e1b4b,#311042);border:2px solid #f59e0b;border-radius:20px;padding:30px;text-align:center;max-width:320px;box-shadow:0 0 30px #f59e0b66;animation:scaleUp .4s cubic-bezier(.34,1.56,.64,1)}.level-up-sparkle{font-size:20px;font-weight:900;color:#f59e0b;margin-bottom:12px;text-shadow:0 0 8px rgba(245,158,11,.6)}.level-text{font-size:16px;margin-bottom:12px}.highlight{color:#f59e0b;font-weight:700;font-size:22px}.level-reward{font-size:12px;color:#a7f3d0;background-color:#10b9811a;padding:8px;border-radius:8px}@keyframes bounce{0%{transform:translateY(0)}to{transform:translateY(-4px)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleUp{0%{transform:scale(.8);opacity:0}to{transform:scale(1);opacity:1}}