body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;background-color:#030712;color:#f3f4f6;display:flex;justify-content:center;align-items:center;min-height:100vh;overflow:hidden}.game-container{width:100%;max-width:440px;height:92vh;max-height:800px;background-color:#0b0f19;border-radius:20px;border:2px solid #1f2937;box-shadow:0 20px 25px -5px #000000b3,0 10px 10px -5px #000000b3;display:flex;flex-direction:column;overflow:hidden;position:relative}.game-header{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background-color:#111827;border-bottom:1px solid #1f2937;z-index:10}.brand{display:flex;align-items:center;gap:8px}.brand h1{font-size:16px;font-weight:800;margin:0;color:#fff}.brand h1 span{font-size:10px;color:#9ca3af;display:block;font-weight:400}.logo-icon{color:#ef4444}.stats-bar{display:flex;align-items:center;gap:12px}.coin-badge{display:flex;align-items:center;gap:6px;background-color:#1f2937;padding:6px 12px;border-radius:9999px;font-weight:700;font-size:14px}.sound-toggle{background:none;border:none;color:#9ca3af;cursor:pointer;padding:4px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:background-color .2s}.sound-toggle:hover{background-color:#1f2937;color:#fff}.game-main{flex:1;position:relative;overflow-y:auto;display:flex;flex-direction:column}.menu-panel{display:flex;flex-direction:column;height:100%}.hero-section{display:flex;flex-direction:column;align-items:center;padding:20px;background:radial-gradient(circle at center,#1e1b4b,#0b0f19)}.fighter-preview-box{width:140px;height:140px;border-radius:50%;background-color:#111827;border:2px dashed #4b5563;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;margin-bottom:12px;overflow:hidden}.preview-fighter-wrapper{position:relative;z-index:2;display:flex;align-items:center;justify-content:center}.glowing-halo{position:absolute;width:80px;height:80px;border-radius:50%;border:2px solid #ef4444;animation:pulse-ring 1.5s infinite ease-in-out}@keyframes pulse-ring{0%{transform:scale(.8);opacity:.5}to{transform:scale(1.2);opacity:0}}.preview-fighter{filter:drop-shadow(0 0 8px rgba(255,255,255,.2))}.skin-badge-name{font-size:11px;color:#9ca3af;margin-top:6px;z-index:2;background-color:#0009;padding:2px 8px;border-radius:9999px}.high-score{display:flex;align-items:center;gap:8px;font-size:14px;margin-bottom:16px;background-color:#1f293780;padding:6px 16px;border-radius:9999px}.btn-launch{display:flex;align-items:center;gap:10px;background:linear-gradient(135deg,#ef4444,#f97316);color:#fff;border:none;padding:12px 32px;font-size:18px;font-weight:700;border-radius:9999px;cursor:pointer;box-shadow:0 4px 14px #ef444466;transition:transform .2s,box-shadow .2s}.btn-launch:hover{transform:translateY(-2px);box-shadow:0 6px 20px #ef444499}.tabs-container{flex:1;display:flex;flex-direction:column;background-color:#111827;border-top-left-radius:24px;border-top-right-radius:24px;border-top:1px solid #1f2937}.tabs-header{display:flex;border-bottom:1px solid #1f2937}.tab-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;background:none;border:none;color:#9ca3af;padding:14px;font-size:14px;font-weight:700;cursor:pointer;transition:color .2s,border-bottom .2s}.tab-btn.active{color:#38bdf8;border-bottom:2px solid #38bdf8}.tab-content{flex:1;padding:16px;overflow-y:auto;max-height:380px}.upgrades-list{display:flex;flex-direction:column;gap:12px}.upgrade-card{display:flex;align-items:center;background-color:#1f2937;border-radius:12px;padding:10px 12px;border:1px solid #374151}.upgrade-icon-box{width:40px;height:40px;border-radius:8px;background-color:#111827;display:flex;align-items:center;justify-content:center;margin-right:12px}.upgrade-info{flex:1}.upgrade-title{display:flex;align-items:center;gap:8px}.upgrade-title h4{margin:0;font-size:14px;color:#fff}.level-tag{font-size:10px;background-color:#374151;color:#9ca3af;padding:1px 6px;border-radius:4px}.upgrade-desc{margin:2px 0 0;font-size:11px;color:#9ca3af}.btn-upgrade{border:none;border-radius:8px;padding:8px 12px;font-weight:700;font-size:12px;cursor:pointer;transition:background-color .2s}.btn-upgrade.affordable{background-color:#0284c7;color:#fff}.btn-upgrade.affordable:hover{background-color:#0369a1}.btn-upgrade.locked{background-color:#374151;color:#6b7280;cursor:not-allowed}.btn-upgrade.maxed{background-color:#111827;color:#10b981;cursor:not-allowed}.cost-tag{display:flex;align-items:center;gap:4px}.skins-grid{display:flex;flex-direction:column;gap:12px}.skin-card{display:flex;align-items:center;background-color:#1f2937;border-radius:12px;padding:12px;border:1px solid #374151;transition:border-color .2s}.skin-card.active{border-color:#eab308}.skin-preview-dot{width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-right:12px;box-shadow:inset 0 2px 4px #0000004d}.skin-details{flex:1}.skin-header{display:flex;align-items:center;gap:8px}.skin-header h4{margin:0;font-size:14px;color:#fff}.equipped-tag{font-size:10px;background-color:#eab308;color:#111827;font-weight:700;padding:1px 6px;border-radius:4px}.skin-desc{margin:2px 0;font-size:11px;color:#9ca3af}.skin-perk{margin:0;font-size:10px;color:#34d399;font-weight:700}.btn-equip{background-color:#4b5563;color:#fff;border:none;border-radius:8px;padding:6px 12px;font-size:12px;font-weight:700;cursor:pointer}.btn-equip.active{background-color:#10b981}.btn-buy{border:none;border-radius:8px;padding:6px 12px;font-size:12px;font-weight:700;cursor:pointer;display:flex;align-items:center;gap:4px}.btn-buy.affordable{background-color:#fbbf24;color:#111827}.btn-buy.locked{background-color:#374151;color:#6b7280;cursor:not-allowed}.gameplay-container{position:relative;width:100%;height:100%;display:flex;flex-direction:column}.game-canvas{width:100%;height:100%;background-color:#0b0f19;display:block}.hud-overlay{position:absolute;top:12px;left:12px;right:12px;display:flex;justify-content:space-between;pointer-events:none;z-index:5}.hud-left{display:flex;flex-direction:column;gap:6px}.hud-metric{background-color:#111827d9;padding:4px 10px;border-radius:8px;border:1px solid rgba(75,85,99,.4);display:flex;flex-direction:column;transition:transform .1s ease}.hud-metric.pop-effect{transform:scale(1.15)}.hud-metric .label{font-size:9px;color:#9ca3af;text-transform:uppercase}.hud-metric .value{font-size:14px;font-weight:700}.hud-right{display:flex;flex-direction:column;align-items:flex-end;gap:8px}.hud-hp{display:flex;align-items:center;background-color:#111827d9;padding:6px 10px;border-radius:8px;border:1px solid rgba(75,85,99,.4)}.hp-bar-bg{width:80px;height:8px;background-color:#374151;border-radius:4px;overflow:hidden}.hp-bar-fill{height:100%;background:linear-gradient(90deg,#ef4444,#f43f5e);transition:width .1s linear}.hud-level-tag{background-color:#1e1b4b;border:1px solid #4f46e5;color:#a5b4fc;font-size:10px;font-weight:700;padding:2px 8px;border-radius:4px}.boss-warning{position:absolute;top:100px;left:50%;transform:translate(-50%);background-color:#dc2626e6;color:#fff;font-weight:900;padding:8px 16px;border-radius:4px;border:2px solid #fef08a;animation:flash .5s infinite alternate;z-index:6;font-size:14px;letter-spacing:1px}@keyframes flash{0%{opacity:.4}to{opacity:1}}.game-controls-tip{position:absolute;bottom:16px;left:50%;transform:translate(-50%);background-color:#0009;padding:4px 12px;border-radius:9999px;font-size:11px;color:#9ca3af;pointer-events:none}.results-panel{display:flex;align-items:center;justify-content:center;height:100%;padding:20px;background:radial-gradient(circle at center,#1e1b4b,#0b0f19)}.results-card{width:100%;background-color:#111827;border-radius:20px;border:2px solid #374151;padding:24px;text-align:center;box-shadow:0 10px 25px #00000080}.results-title{margin:0 0 20px;font-size:24px;font-weight:800}.results-title span{display:block;font-size:12px;color:#6b7280;font-weight:400;margin-top:2px}.results-stats{background-color:#1f2937;border-radius:12px;padding:16px;margin-bottom:24px}.res-row{display:flex;justify-content:space-between;margin-bottom:12px;font-size:15px}.res-row:last-child{margin-bottom:0}.res-row.divider{height:1px;background-color:#374151;margin:8px 0}.results-actions{display:flex;flex-direction:column;gap:12px}.btn-retry{display:flex;align-items:center;justify-content:center;gap:8px;background:linear-gradient(135deg,#06b6d4,#3b82f6);color:#fff;border:none;padding:12px;font-size:16px;font-weight:700;border-radius:9999px;cursor:pointer;box-shadow:0 4px 10px #06b6d44d}.btn-menu{background-color:transparent;color:#9ca3af;border:1px solid #4b5563;padding:10px;font-size:14px;font-weight:700;border-radius:9999px;cursor:pointer;transition:color .2s,background-color .2s}.btn-menu:hover{background-color:#1f2937;color:#fff}