:root{--bg-primary: #121824;--bg-secondary: #1e293b;--bg-tertiary: #0f172a;--accent-color: #10b981;--accent-gold: #f59e0b;--text-main: #f8fafc;--text-muted: #94a3b8;--border-color: #334155;--font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif}*{box-sizing:border-box;margin:0;padding:0;user-select:none;-webkit-user-select:none}body{background-color:#020617;color:var(--text-main);font-family:var(--font-family);overflow:hidden}.game-container{display:flex;flex-direction:column;width:100vw;height:100vh;max-width:480px;margin:0 auto;background-color:var(--bg-primary);border-left:1px solid var(--border-color);border-right:1px solid var(--border-color);position:relative;overflow:hidden}.status-bar{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background-color:var(--bg-secondary);border-bottom:1px solid var(--border-color);z-index:10}.profile{display:flex;align-items:center;gap:8px}.avatar{font-size:24px;background:#ffffff1a;padding:6px;border-radius:50%;border:1px solid var(--border-color)}.username{font-size:13px;font-weight:700}.level-badge{font-size:11px;color:var(--accent-gold);font-weight:700}.stats-grid{display:flex;flex-direction:column;gap:4px;align-items:flex-end}.stat-card{display:flex;align-items:center;gap:4px;background:#0003;padding:2px 8px;border-radius:12px;font-size:12px;font-weight:700}.icon-gold{color:var(--accent-gold)}.icon-energy{color:#3b82f6}.xp-container{display:flex;align-items:center;gap:6px}.xp-text{font-size:10px;color:var(--text-muted)}.xp-bar-bg{width:60px;height:6px;background:#334155;border-radius:3px;overflow:hidden}.xp-bar-fill{height:100%;background:linear-gradient(90deg,#10b981,#34d399);border-radius:3px;transition:width .3s ease}.sound-toggle{background:none;border:none;color:var(--text-muted);cursor:pointer;padding:4px}.main-content{flex:1;overflow-y:auto;position:relative;padding-bottom:70px}.range-tab{display:flex;flex-direction:column;height:100%;justify-content:space-between;padding:16px}.wind-indicator{display:flex;justify-content:space-between;align-items:center;background:#1e293bb3;padding:10px 16px;border-radius:12px;border:1px solid var(--border-color)}.wind-title{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--text-muted)}.wind-compass{display:flex;align-items:center;gap:10px}.wind-arrow{font-size:18px;font-weight:700;color:var(--accent-gold);display:inline-block}.wind-speed{font-size:14px;font-weight:700}.shooting-gallery{position:relative;width:100%;aspect-ratio:1;background:radial-gradient(circle,#1e293b,#0f172a);border-radius:20px;border:2px solid var(--border-color);overflow:hidden;display:flex;align-items:center;justify-content:center;touch-action:none}.target-board{position:relative;width:260px;height:260px;display:flex;align-items:center;justify-content:center}.ring{border-radius:50%;display:flex;align-items:center;justify-content:center;border:1px solid rgba(0,0,0,.15);box-shadow:inset 0 2px 8px #0000004d}.ring-white{width:100%;height:100%;background-color:#f1f5f9}.ring-black{width:80%;height:80%;background-color:#0f172a}.ring-blue{width:60%;height:60%;background-color:#3b82f6}.ring-red{width:40%;height:40%;background-color:#ef4444}.ring-yellow{width:20%;height:20%;background-color:#eab308;position:relative}.bullseye-dot{width:6px;height:6px;background-color:#b45309;border-radius:50%}.flying-arrow{position:absolute;font-size:32px;pointer-events:none;z-index:5}.hit-marker{position:absolute;font-size:20px;transform:translate(-50%,-100%);z-index:6;pointer-events:none}.hit-score-popup{position:absolute;top:-24px;left:50%;transform:translate(-50%);background:var(--accent-gold);color:#000;font-weight:700;padding:2px 8px;border-radius:8px;font-size:11px;white-space:nowrap;box-shadow:0 4px 10px #0000004d}.aiming-svg{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.crosshair{position:absolute;width:32px;height:32px;border:2px dashed rgba(255,255,255,.6);border-radius:50%;transform:translate(-50%,-50%);pointer-events:none;display:flex;align-items:center;justify-content:center}.crosshair-center{width:4px;height:4px;background-color:#ef4444;border-radius:50%}.instruction-overlay{position:absolute;bottom:12px;text-align:center;width:100%;pointer-events:none}.instruction-overlay p{font-size:12px;color:var(--text-muted);background:#0f172acc;display:inline-block;padding:4px 12px;border-radius:12px}.pulse-text{animation:pulse 1.5s infinite;color:var(--accent-gold)!important;font-weight:700}@keyframes pulse{0%,to{opacity:.6}50%{opacity:1}}.quick-equip{display:flex;justify-content:space-around;background:#1e293b66;padding:10px;border-radius:12px;border:1px solid var(--border-color)}.equip-item{display:flex;flex-direction:column;align-items:center;gap:2px}.equip-item .label{font-size:10px;color:var(--text-muted)}.equip-item .val{font-size:12px;font-weight:700;color:var(--accent-color)}.shop-tab,.tech-tab,.quests-tab{padding:16px}.tab-title{font-size:20px;margin-bottom:16px;font-weight:800}.tab-subtitle{font-size:13px;color:var(--text-muted);margin-bottom:16px}.shop-section{margin-bottom:24px}.shop-section h3{font-size:14px;color:var(--text-muted);margin-bottom:10px;border-left:3px solid var(--accent-color);padding-left:8px}.item-list{display:flex;flex-direction:column;gap:10px}.item-card{display:flex;align-items:center;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;padding:12px;gap:12px;transition:all .2s}.item-card.active{border-color:var(--accent-color);background:#10b9810d}.item-icon{font-size:28px;background:#ffffff0d;padding:8px;border-radius:10px}.item-info{flex:1}.item-info h4{font-size:14px;margin-bottom:2px}.item-info .desc{font-size:11px;color:var(--text-muted);margin-bottom:6px}.buffs{display:flex;gap:8px}.buffs span{font-size:10px;background:#10b98126;color:var(--accent-color);padding:1px 6px;border-radius:4px;font-weight:700}.item-action button{padding:6px 12px;border-radius:8px;font-weight:700;font-size:12px;cursor:pointer;border:none}.btn-buy{background:var(--accent-gold);color:#000}.btn-equip{background:var(--bg-tertiary);color:var(--text-main);border:1px solid var(--border-color)!important}.btn-equip.equipped{background:var(--accent-color);color:#fff}.tech-list{display:flex;flex-direction:column;gap:12px}.tech-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:14px;padding:14px;display:flex;flex-direction:column;gap:8px}.tech-card.unlocked{border-color:var(--accent-color);background:#10b98108}.tech-header{display:flex;justify-content:space-between;align-items:flex-start}.tech-meta{display:flex;flex-direction:column}.tech-name{font-size:15px;font-weight:700}.tech-req{font-size:10px;color:var(--text-muted)}.badge-unlocked{display:flex;align-items:center;gap:4px;font-size:11px;color:var(--accent-color);font-weight:700}.badge-locked{font-size:11px;color:var(--text-muted)}.tech-desc{font-size:12px;color:var(--text-muted);line-height:1.4}.tech-effect{font-size:12px;background:#ffffff0d;padding:6px 10px;border-radius:6px;color:var(--accent-gold)}.btn-learn{width:100%;padding:8px;border-radius:8px;border:none;background:var(--accent-color);color:#fff;font-weight:700;font-size:12px;cursor:pointer;margin-top:4px}.btn-learn.disabled{background:#334155;color:var(--text-muted);cursor:not-allowed}.stats-overview{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:14px;padding:14px;margin-bottom:20px}.stats-overview h3{font-size:14px;margin-bottom:12px}.stats-row{display:flex;justify-content:space-between}.stat-box{display:flex;flex-direction:column;align-items:center;flex:1}.stat-box .num{font-size:18px;font-weight:800;color:var(--accent-gold)}.stat-box .lbl{font-size:10px;color:var(--text-muted);margin-top:2px}.quest-list h3{font-size:14px;margin-bottom:10px}.quest-card{display:flex;justify-content:space-between;align-items:center;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;padding:12px;margin-bottom:10px}.quest-card.completed{border-color:var(--accent-color);opacity:.8}.quest-info{flex:1;margin-right:12px}.quest-text{font-size:13px;font-weight:700;margin-bottom:6px}.progress-container{display:flex;align-items:center;gap:8px}.progress-bar-bg{flex:1;height:6px;background:#334155;border-radius:3px;overflow:hidden}.progress-bar-fill{height:100%;background:var(--accent-color);border-radius:3px}.progress-num{font-size:10px;color:var(--text-muted)}.quest-rewards{display:flex;flex-direction:column;gap:4px}.reward-pill{font-size:10px;background:#f59e0b26;color:var(--accent-gold);padding:2px 6px;border-radius:4px;font-weight:700;text-align:center}.bottom-nav{position:absolute;bottom:0;left:0;width:100%;height:64px;background-color:var(--bg-secondary);border-top:1px solid var(--border-color);display:flex;justify-content:space-around;align-items:center;z-index:10}.bottom-nav button{background:none;border:none;color:var(--text-muted);display:flex;flex-direction:column;align-items:center;gap:4px;font-size:11px;cursor:pointer;flex:1;padding:8px 0;transition:color .2s}.bottom-nav button.active{color:var(--accent-color)}.levelup-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#0f172ae6;display:flex;align-items:center;justify-content:center;z-index:100;padding:20px}.levelup-card{background:var(--bg-secondary);border:2px solid var(--accent-gold);border-radius:20px;padding:30px 20px;text-align:center;width:100%;max-width:320px;box-shadow:0 10px 30px #00000080;display:flex;flex-direction:column;align-items:center;gap:12px}.sparkle-icon{color:var(--accent-gold);animation:spin 4s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.levelup-card h2{font-size:28px;color:var(--accent-gold);font-weight:900;letter-spacing:2px}.levelup-card .level-num{font-size:16px}.levelup-card .tip{font-size:12px;color:var(--text-muted)}.btn-confirm{width:100%;padding:10px;border-radius:10px;border:none;background:var(--accent-gold);color:#000;font-weight:700;font-size:14px;cursor:pointer;margin-top:10px}