:root{--color-player: #2563eb;--color-player-light: #60a5fa;--color-enemy-red: #ef4444;--color-enemy-red-light: #f87171;--color-enemy-green: #10b981;--color-enemy-green-light: #34d399;--color-enemy-yellow: #f59e0b;--color-enemy-yellow-light: #fbbf24;--color-neutral: #6b7280;--color-neutral-light: #9ca3af;--grad-player: linear-gradient(135deg, #3b82f6, #1d4ed8);--grad-enemy-red: linear-gradient(135deg, #f87171, #dc2626);--grad-enemy-green: linear-gradient(135deg, #34d399, #059669);--grad-enemy-yellow: linear-gradient(135deg, #fbbf24, #d97706);--grad-neutral: linear-gradient(135deg, #9ca3af, #4b5563);--color-bg-dark: #0f172a;--color-bg-card: rgba(30, 41, 59, .7);--color-text-light: #f8fafc;--color-text-muted: #94a3b8;--color-gold: #fbbf24;--app-max-width: 480px;--app-max-height: 853px}*{margin:0;padding:0;box-sizing:border-box;font-family:Outfit,sans-serif;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent}body{background:#1e1e24;background-image:radial-gradient(circle,#334155 10%,#0f172a 90%);color:var(--color-text-light);display:flex;justify-content:center;align-items:center;min-height:100vh;overflow:hidden;touch-action:none}#app-container{width:100%;height:100vh;max-width:var(--app-max-width);max-height:var(--app-max-height);background:#2c3e50;background:linear-gradient(to bottom,#7dd3fc,#38bdf8,#bae6fd);position:relative;overflow:hidden;box-shadow:0 25px 50px -12px #000000b3;border-radius:0;display:flex;flex-direction:column}@media (min-width: 500px){#app-container{border-radius:24px;border:8px solid #0f172a;height:90vh}}#global-header{position:absolute;top:16px;left:16px;right:16px;display:flex;justify-content:space-between;z-index:100;pointer-events:none}.utility-btn{background:rgba(15,23,42,.6);border:1px solid rgba(255,255,255,.2);color:var(--color-text-light);padding:8px 12px;border-radius:12px;font-weight:800;font-size:14px;cursor:pointer;pointer-events:auto;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);transition:transform .1s ease,background .2s}.utility-btn:active{transform:scale(.9);background:rgba(15,23,42,.9)}.game-screen{position:absolute;top:0;left:0;width:100%;height:100%;display:none;flex-direction:column;padding:24px;z-index:10;background-size:cover;background-position:center}.game-screen.active{display:flex}#screen-main-menu,#screen-levels,#screen-upgrades{background:linear-gradient(180deg,#1e293b 0%,#0f172a 100%);background-image:radial-gradient(circle at top,#1e293b 0%,#020617 100%);justify-content:space-between}.menu-hero{margin-top:60px;display:flex;flex-direction:column;align-items:center;gap:16px}.menu-logo-container{text-align:center}.logo-title{font-size:44px;font-weight:900;letter-spacing:2px;color:#fff;text-shadow:0 4px 0 #1d4ed8,0 8px 15px rgba(37,99,235,.4);line-height:1}.logo-subtitle{font-size:14px;font-weight:800;letter-spacing:4px;color:var(--color-player-light);margin-top:8px;text-shadow:0 2px 4px rgba(0,0,0,.5)}.menu-coins-display,.upgrade-coins-display{display:flex;align-items:center;gap:8px;background:rgba(251,191,36,.15);border:2px solid rgba(251,191,36,.4);padding:6px 16px;border-radius:20px;font-weight:800;font-size:20px;color:var(--color-gold);box-shadow:0 4px 12px #fbbf241a}.menu-buttons{display:flex;flex-direction:column;gap:16px;width:100%;max-width:320px;margin:0 auto}.menu-footer{text-align:center;font-size:12px;color:var(--color-text-muted);margin-bottom:8px}.primary-btn{background:linear-gradient(185deg,#f59e0b,#d97706);border:none;border-bottom:6px solid #b45309;color:#fff;font-weight:900;text-shadow:0 2px 4px rgba(0,0,0,.3);letter-spacing:1px;border-radius:16px;cursor:pointer;transition:transform .05s ease,filter .2s;box-shadow:0 8px 20px #d9770659}.primary-btn:active{transform:translateY(4px);border-bottom-width:2px;box-shadow:0 4px 10px #d9770633}.primary-btn.highlight{background:linear-gradient(185deg,#10b981,#047857);border-bottom-color:#065f46;box-shadow:0 8px 20px #10b98159}.secondary-btn{background:linear-gradient(185deg,#475569,#334155);border:none;border-bottom:6px solid #1e293b;color:#fff;font-weight:800;border-radius:16px;cursor:pointer;transition:transform .05s ease;box-shadow:0 8px 20px #00000040}.secondary-btn:active{transform:translateY(4px);border-bottom-width:2px;box-shadow:0 4px 10px #00000026}.btn-lg{padding:16px 32px;font-size:24px}.btn-md{padding:12px 24px;font-size:18px}.animate-pulse{animation:pulse 1.8s infinite alternate}@keyframes pulse{0%{transform:scale(1)}to{transform:scale(1.04)}}.back-btn{position:absolute;top:16px;left:16px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);color:#fff;font-size:20px;font-weight:800;width:44px;height:44px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:transform .1s,background .2s}.back-btn:active{transform:scale(.9);background:rgba(255,255,255,.3)}.screen-title{font-size:28px;font-weight:900;text-align:center;margin-top:60px;margin-bottom:24px;letter-spacing:2px;color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.5)}.levels-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;width:100%;flex-grow:1;overflow-y:auto;padding:8px;content-visibility:auto}.level-card{aspect-ratio:1;background:rgba(30,41,59,.6);border:2px solid rgba(255,255,255,.15);border-bottom-width:6px;border-radius:16px;display:flex;flex-direction:column;align-items:center;justify-content:center;font-weight:900;font-size:20px;cursor:pointer;position:relative;transition:transform .1s,background .2s,border-color .2s}.level-card.unlocked{background:var(--grad-player);border-color:#ffffff4d;border-bottom-color:#1e3a8a;color:#fff}.level-card.unlocked:active{transform:translateY(3px);border-bottom-width:2px}.level-card.locked{opacity:.6;color:var(--color-text-muted);cursor:not-allowed}.level-card.locked:after{content:"🔒";font-size:14px;position:absolute;bottom:8px}.upgrade-coins-display{margin:0 auto 24px}.upgrades-list{display:flex;flex-direction:column;gap:16px;flex-grow:1;overflow-y:auto;padding:8px}.upgrade-card{background:rgba(30,41,59,.8);border:2px solid rgba(255,255,255,.1);border-radius:20px;padding:16px;display:flex;justify-content:space-between;align-items:center;gap:12px;box-shadow:0 8px 16px #00000026}.upgrade-info{display:flex;align-items:center;gap:16px;flex-grow:1}.upgrade-icon{font-size:32px;background:rgba(255,255,255,.05);width:56px;height:56px;display:flex;align-items:center;justify-content:center;border-radius:16px}.upgrade-text{display:flex;flex-direction:column;gap:4px}.upgrade-name{font-size:16px;font-weight:800;color:#fff}.upgrade-desc{font-size:12px;color:var(--color-text-muted);line-height:1.3}.upgrade-action{display:flex;flex-direction:column;align-items:flex-end;gap:8px;min-width:100px}.upgrade-level{font-size:12px;font-weight:800;color:var(--color-player-light);background:rgba(37,99,235,.15);padding:2px 8px;border-radius:8px}.upgrade-buy-btn{background:linear-gradient(to bottom,#fbbf24,#d97706);border:none;border-bottom:4px solid #b55c09;border-radius:12px;color:#fff;font-weight:800;font-size:14px;padding:6px 12px;display:flex;align-items:center;gap:4px;cursor:pointer;transition:transform .05s}.upgrade-buy-btn:active{transform:translateY(2px);border-bottom-width:2px}.upgrade-buy-btn.maxed{background:#334155;border-bottom-color:#1e293b;color:var(--color-text-muted);cursor:not-allowed}.upgrade-buy-btn.disabled{filter:grayscale(1) brightness(.7);cursor:not-allowed}#screen-game{padding:0;justify-content:space-between;background:#557a46;background-image:radial-gradient(circle,#85a975 20%,#4f6f44 80%)}#game-hud{height:70px;width:100%;display:flex;justify-content:space-between;align-items:center;padding:0 16px;background:rgba(15,23,42,.5);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-bottom:1.5px solid rgba(255,255,255,.15);z-index:50;box-shadow:0 8px 32px #0000004d}.hud-icon-btn{background:rgba(255,255,255,.15);border:1px solid rgba(255,255,255,.25);color:#fff;font-size:18px;width:40px;height:40px;border-radius:12px;cursor:pointer;display:flex;align-items:center;justify-content:center}.hud-icon-btn:active{transform:scale(.9)}.hud-center{display:flex;flex-direction:column;align-items:center;gap:4px;flex-grow:1;margin:0 16px}.hud-level-label{font-size:13px;font-weight:900;color:#fff;letter-spacing:1px;text-transform:uppercase}.hud-progress-container{width:100%;height:12px;background:rgba(15,23,42,.7);border-radius:6px;overflow:hidden;display:flex;border:1.5px solid rgba(255,255,255,.15)}.progress-segment{height:100%;transition:width .3s ease;width:0%}.progress-segment.player{background:var(--color-player)}.progress-segment.enemy-red{background:var(--color-enemy-red)}.progress-segment.enemy-green{background:var(--color-enemy-green)}.progress-segment.enemy-yellow{background:var(--color-enemy-yellow)}.hud-right{display:flex;flex-direction:column;align-items:flex-end;gap:2px;font-weight:800;font-size:12px}.hud-timer,.hud-coins{color:#fff;display:flex;align-items:center;gap:4px;background:rgba(0,0,0,.3);padding:2px 8px;border-radius:8px}.hud-coins{color:var(--color-gold)}#canvas-wrapper{flex-grow:1;width:100%;position:relative}#game-canvas{width:100%;height:100%;display:block}#game-bottom-bar{padding:16px;background:rgba(15,23,42,.4);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-top:1.5px solid rgba(255,255,255,.15);display:flex;justify-content:center;align-items:center;z-index:50}.boost-btn{width:100%;max-width:280px;background:linear-gradient(135deg,#0284c7,#0369a1);border:none;border-bottom:5px solid #075985;border-radius:16px;color:#fff;padding:10px 16px;display:flex;flex-direction:column;align-items:center;cursor:pointer;box-shadow:0 4px 15px #0284c766;transition:transform .05s}.boost-btn:active{transform:translateY(3px);border-bottom-width:2px}.boost-btn.active{background:linear-gradient(135deg,#fbbf24,#d97706);border-bottom-color:#b45309;box-shadow:0 0 20px #fbbf2499;animation:glow-pulse 1s infinite alternate}.boost-btn.cooldown{background:#475569;border-bottom-color:#334155;opacity:.6;cursor:not-allowed;box-shadow:none}@keyframes glow-pulse{0%{transform:scale(1);box-shadow:0 0 10px #fbbf2466}to{transform:scale(1.02);box-shadow:0 0 25px #fbbf24cc}}.boost-label{font-size:18px;font-weight:900;letter-spacing:2px}.boost-sub{font-size:10px;font-weight:800;opacity:.8}.modal-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(15,23,42,.75);display:none;justify-content:center;align-items:center;padding:24px;z-index:1000;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);animation:fade-in .25s ease forwards}.modal-overlay.active{display:flex}.modal-content{width:100%;max-width:340px;border-radius:28px;padding:32px 24px;display:flex;flex-direction:column;align-items:center;text-align:center;box-shadow:0 20px 40px #00000080;transform:scale(.9);animation:pop-up .3s cubic-bezier(.175,.885,.32,1.275) forwards}.modal-content.success{background:rgba(16,185,129,.15);border:2px solid rgba(16,185,129,.4);box-shadow:inset 0 0 30px #10b98133}.modal-content.failure{background:rgba(239,68,68,.15);border:2px solid rgba(239,68,68,.4);box-shadow:inset 0 0 30px #ef444433}.glassmorphism{background:rgba(30,41,59,.7);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.modal-title{font-size:32px;font-weight:900;letter-spacing:2px;margin-bottom:12px;text-shadow:0 4px 8px rgba(0,0,0,.5)}.success .modal-title{color:var(--color-enemy-green-light)}.failure .modal-title{color:var(--color-enemy-red-light)}.modal-art{font-size:72px;margin:16px 0;filter:drop-shadow(0 8px 16px rgba(0,0,0,.4));animation:wobble 2s infinite alternate}@keyframes wobble{0%{transform:rotate(-5deg) scale(1)}to{transform:rotate(5deg) scale(1.05)}}.rewards-section{display:flex;flex-direction:column;align-items:center;gap:8px;margin-bottom:24px}.reward-title{font-size:14px;font-weight:800;color:var(--color-text-muted);text-transform:uppercase}.coin-gain-container{display:flex;align-items:center;gap:8px;font-size:32px;font-weight:900;color:var(--color-gold)}.defeat-tip-box{background:rgba(255,255,255,.05);border:1px dashed rgba(255,255,255,.15);border-radius:16px;padding:12px 16px;margin-bottom:24px;display:flex;gap:8px;align-items:center;text-align:left;font-size:13px;color:var(--color-text-muted)}.tip-icon{font-size:20px}.modal-buttons{display:flex;flex-direction:column;gap:12px;width:100%}.modal-buttons button{width:100%}#ad-simulation-overlay{background:#090d16;z-index:10000}.ad-content{width:100%;max-width:360px;height:90%;max-height:640px;background:#fff;color:#000;border-radius:20px;padding:16px;display:flex;flex-direction:column;justify-content:space-between;box-shadow:0 20px 50px #000c;animation:pop-up .3s ease}.ad-header{display:flex;justify-content:space-between;align-items:center}.ad-badge{font-size:10px;background:#e2e8f0;padding:2px 6px;border-radius:4px;font-weight:800;color:#64748b}#ad-countdown{background:#ef4444;color:#fff;width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:14px}.ad-body{text-align:center;display:flex;flex-direction:column;align-items:center;gap:12px;margin:20px 0}.ad-body h3{font-size:24px;font-weight:900}.ad-body p{font-size:14px;color:#475569}.ad-visual{width:100%;aspect-ratio:1.5;background:linear-gradient(135deg,#ff0055,#7a00ff);border-radius:12px;display:flex;align-items:center;justify-content:center;margin-top:10px;box-shadow:inset 0 0 20px #0000004d}.simulated-ad-card{font-size:40px;font-weight:900;color:#fff;text-shadow:0 4px 8px rgba(0,0,0,.4);transform:rotate(-10deg);animation:pulse-card 1s infinite alternate}@keyframes pulse-card{0%{transform:rotate(-10deg) scale(1)}to{transform:rotate(-10deg) scale(1.1)}}.ad-footer{text-align:center;font-size:12px;color:#64748b}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes pop-up{0%{transform:scale(.85);opacity:0}to{transform:scale(1);opacity:1}}