*{margin:0;padding:0;box-sizing:border-box}body{font-family:Arial,sans-serif;background:#000;overflow:hidden;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.game-container{width:100vw;height:100vh;height:100dvh;height:var(--app-height, 100dvh);display:flex;flex-direction:column;position:relative}.top-panel{flex:0 0 80px;background:#141414e6;border-bottom:2px solid #333;display:flex;align-items:center;padding:0 20px;gap:20px}.level-display{display:flex;flex-direction:column;align-items:center;min-width:60px}.level-label{color:#888;font-size:12px;text-transform:uppercase;letter-spacing:1px}.level-number{color:#fff;font-size:24px;font-weight:700;text-shadow:0 0 10px rgba(255,255,255,.3)}.xp-container{flex:1;display:flex;flex-direction:column;gap:5px}.xp-bar-bg{width:100%;height:20px;background:#ffffff1a;border:1px solid rgba(255,255,255,.3);border-radius:10px;overflow:hidden;position:relative}.xp-bar-fill{height:100%;background:linear-gradient(90deg,#00d4ff,#09c);border-radius:10px;width:0%;transition:width .3s ease;box-shadow:0 0 15px #00d4ff80}.xp-text{color:#ccc;font-size:12px;text-align:center;text-shadow:0 1px 2px rgba(0,0,0,.8)}.game-over-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000e6;z-index:1000;display:flex;align-items:center;justify-content:center;animation:fadeIn .5s ease}.game-over-content{background:#141414f2;border:2px solid #333;border-radius:15px;padding:40px;text-align:center;max-width:400px;width:90%;box-shadow:0 10px 30px #000000b3}.game-over-title{color:#f44;font-size:36px;font-weight:700;margin:0 0 30px;text-shadow:0 0 20px rgba(255,68,68,.5);text-transform:uppercase;letter-spacing:2px}.game-over-stats{margin:30px 0;display:flex;flex-direction:column;gap:20px}.stat-item{display:flex;justify-content:space-between;align-items:center;padding:15px 20px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:10px}.stat-label{color:#888;font-size:16px;text-transform:uppercase;letter-spacing:1px}.stat-value{color:#fff;font-size:24px;font-weight:700;text-shadow:0 0 10px rgba(255,255,255,.3)}.restart-button{background:linear-gradient(145deg,#00d4ff,#09c);border:none;border-radius:10px;padding:15px 30px;color:#fff;font-size:18px;font-weight:700;cursor:pointer;text-transform:uppercase;letter-spacing:1px;transition:all .3s ease;box-shadow:0 4px 15px #00d4ff4d;margin-top:20px;width:100%}.restart-button:hover{background:linear-gradient(145deg,#09c,#00d4ff);transform:translateY(-2px);box-shadow:0 6px 20px #00d4ff66}.restart-button:active{transform:translateY(0);box-shadow:0 2px 10px #00d4ff4d}.upgrade-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000e6;z-index:1000;display:flex;align-items:center;justify-content:center;animation:fadeIn .5s ease}.upgrade-content{background:#141414f2;border:2px solid #333;border-radius:15px;padding:40px;text-align:center;max-width:400px;width:90%;box-shadow:0 10px 30px #000000b3}.upgrade-title{color:#00d4ff;font-size:32px;font-weight:700;margin-bottom:30px;text-transform:uppercase;letter-spacing:2px;text-shadow:0 0 20px rgba(0,212,255,.5)}.upgrade-options{display:flex;flex-direction:column;gap:15px;justify-content:center}.upgrade-button{background:linear-gradient(145deg,#00d4ff,#09c);border:none;border-radius:10px;padding:18px 25px;color:#fff;font-size:16px;font-weight:700;text-transform:uppercase;letter-spacing:1px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #00d4ff4d;width:100%;position:relative;overflow:hidden}.upgrade-button:hover{background:linear-gradient(145deg,#09c,#00d4ff);transform:translateY(-2px);box-shadow:0 6px 20px #00d4ff66}.upgrade-button:active{transform:translateY(0);box-shadow:0 2px 10px #00d4ff4d}.upgrade-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s ease}.upgrade-button:hover:before{left:100%}.upgrade-button{display:block;text-align:left;background:#14161c;border:1px solid #2a2e39;border-left:3px solid var(--rarity, #2a2e39);box-shadow:none;padding:0;overflow:hidden}.upgrade-button:hover,.upgrade-button:active{background:#191c24;border-color:#39404f;border-left-color:var(--rarity, #39404f);transform:none;box-shadow:none}.upgrade-button:before{content:none}.upgrade-icon{display:block;width:100%;background:#0c0e13;border-bottom:1px solid #23262f}.upgrade-icon svg{display:block;width:100%;height:auto}.upgrade-info{padding:12px 15px 13px}.upgrade-effect{font-size:14.5px;font-weight:600;text-transform:none;letter-spacing:0;line-height:1.3;color:#f2f4f8}.upgrade-note{margin-top:3px;font-size:11.5px;font-weight:400;text-transform:none;letter-spacing:0;line-height:1.35;color:#8b93a3}.upgrade-name{margin-top:8px;font-size:10.5px;font-weight:700;letter-spacing:1.3px;color:var(--rarity, #8b93a3);opacity:.85}.upgrade-tier{margin-left:7px;font-size:10px;font-weight:600;letter-spacing:0;opacity:.75}.upgrade-button.upgrade-top-tier{border-color:#6b5a1e;border-left-color:#ffd23f}.upgrade-button.upgrade-top-tier .upgrade-name{color:#ffd23f;opacity:1}.upgrade-name{font-size:16px;font-weight:700;margin-bottom:4px;text-transform:uppercase;letter-spacing:1px}.upgrade-common{--rarity: #00d4ff}.upgrade-uncommon{--rarity: #44dd66}.upgrade-rare{--rarity: #b366ff}.upgrade-epic{--rarity: #ff66cc}.upgrade-legendary{--rarity: #ffaa00}@keyframes legendaryGlow{0%,to{box-shadow:0 4px 15px #ffaa004d}50%{box-shadow:0 4px 20px #fa09}}.enemy-notification{position:fixed;top:100px;left:50%;transform:translate(-50%);z-index:1500;animation:slideInNotification .5s ease-out forwards;pointer-events:none}.enemy-notification-content{background:#141414f2;border:2px solid #FF9933;border-radius:15px;padding:20px 30px;display:flex;align-items:center;gap:20px;box-shadow:0 10px 30px #ff99334d}.enemy-icon{flex-shrink:0;filter:drop-shadow(0 0 10px rgba(255,153,51,.6));animation:pulseGlow 2s ease-in-out infinite}.enemy-info{text-align:left}.enemy-title{color:#f93;font-size:24px;font-weight:700;margin:0 0 8px;text-transform:uppercase;letter-spacing:1px;text-shadow:0 0 10px rgba(255,153,51,.5)}.enemy-description{color:#ccc;font-size:16px;margin:0;text-shadow:0 1px 2px rgba(0,0,0,.8)}@keyframes slideInNotification{0%{opacity:0;transform:translate(-150vw) scale(.8)}85%{opacity:1;transform:translate(-35%) scale(1.05)}to{opacity:1;transform:translate(-50%) scale(1)}}@keyframes slideOutNotification{0%{opacity:1;transform:translate(-50%) scale(1)}15%{opacity:1;transform:translate(-65%) scale(1.05)}to{opacity:0;transform:translate(50vw) scale(.8)}}@keyframes pulseGlow{0%,to{transform:scale(1);filter:drop-shadow(0 0 10px rgba(255,153,51,.6))}50%{transform:scale(1.1);filter:drop-shadow(0 0 20px rgba(255,153,51,.8))}}@keyframes fadeIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.error-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#140000f2;z-index:9999;display:flex;align-items:center;justify-content:center;padding:20px;animation:fadeIn .3s ease;overflow-y:auto}.error-content{background:#280a0afa;border:2px solid #cc3333;border-radius:15px;padding:30px;max-width:90%;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 10px 30px #cc33334d}.error-title{color:#f66;font-size:28px;font-weight:700;margin:0 0 25px;text-align:center;text-shadow:0 0 15px rgba(255,102,102,.5)}.error-details{margin-bottom:25px}.error-section{margin-bottom:20px}.error-section h3{color:#faa;font-size:16px;margin:0 0 8px;text-transform:uppercase;letter-spacing:1px;border-bottom:1px solid #cc3333;padding-bottom:5px}.error-text{background:#0000004d;border:1px solid #666;border-radius:8px;padding:15px;color:#fff;font-family:Courier New,monospace;font-size:14px;line-height:1.4;white-space:pre-wrap;word-break:break-word;max-height:200px;overflow-y:auto;margin-bottom:10px}.error-actions{display:flex;gap:15px;justify-content:center;flex-wrap:wrap}.copy-button,.reload-button{background:linear-gradient(145deg,#c33,#a22);border:none;border-radius:8px;padding:12px 20px;color:#fff;font-size:16px;font-weight:700;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #cc33334d;min-width:150px}.copy-button:hover,.reload-button:hover{background:linear-gradient(145deg,#a22,#c33);transform:translateY(-2px);box-shadow:0 6px 20px #c336}.copy-button:active,.reload-button:active{transform:translateY(0);box-shadow:0 2px 10px #cc33334d}.copy-button{background:linear-gradient(145deg,#06c,#049);box-shadow:0 4px 15px #0066cc4d}.copy-button:hover{background:linear-gradient(145deg,#049,#06c);box-shadow:0 6px 20px #06c6}.copy-button:active{box-shadow:0 2px 10px #0066cc4d}@media (max-width: 768px){.error-content{padding:20px;max-height:95vh}.error-title{font-size:24px}.error-text{font-size:12px;max-height:150px}.error-actions{flex-direction:column}.copy-button,.reload-button{min-width:auto;width:100%}}.gameplay-area{flex:1 1 auto;display:flex;justify-content:center;align-items:center;background:#000}#gameCanvas{width:100%;height:100%;max-width:none;max-height:none;background:#111;border:none;touch-action:none}.control-panel{flex:0 0 auto;min-height:200px;background:#141414e6;border-top:2px solid #333;display:flex;justify-content:center;align-items:center;padding:20px}.joystick-container{position:relative;width:96px;height:96px}.joystick-base{position:relative;width:96px;height:96px;background:#ffffff1a;border:3px solid rgba(255,255,255,.3);border-radius:50%;display:flex;justify-content:center;align-items:center;box-shadow:inset 0 2px 4px #0000004d,0 2px 8px #0003}.joystick-knob{position:absolute;width:32px;height:32px;background:linear-gradient(145deg,#4a4a4a,#2a2a2a);border:2px solid rgba(255,255,255,.4);border-radius:50%;cursor:pointer;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent;transition:all .1s ease;box-shadow:0 2px 6px #0006,0 1px 2px #ffffff1a inset}.joystick-knob:active{background:linear-gradient(145deg,#5a5a5a,#3a3a3a);transform:scale(.95)}@media (orientation: portrait){.joystick-container,.joystick-base{width:144px;height:144px}.joystick-knob{width:56px;height:56px}}@media (orientation: landscape){.game-container{flex-direction:row}.top-panel{right:200px}.gameplay-area{position:absolute;top:80px;bottom:0;left:0;right:200px;display:flex;justify-content:center;align-items:center;background:#000}.control-panel{position:fixed;right:0;top:0;bottom:0;left:auto;width:200px;min-height:auto;height:100%;border-top:none;border-left:2px solid #333;padding:20px}#gameCanvas{width:100%;height:100%}}@media (min-width: 768px){.joystick-container,.joystick-base{width:112px;height:112px}.joystick-knob{width:40px;height:40px}}@keyframes floatUp{0%{opacity:1;transform:translate(-50%) translateY(0) scale(1)}to{opacity:0;transform:translate(-50%) translateY(-60px) scale(.8)}}@keyframes levelUpBounce{0%{opacity:0;transform:translate(-50%,-50%) scale(.3) rotate(-10deg);filter:hue-rotate(0deg) brightness(1) drop-shadow(0 0 10px currentColor)}10%{opacity:.8;transform:translate(-50%,-50%) scale(1.4) rotate(5deg);filter:hue-rotate(90deg) brightness(1.5) drop-shadow(0 0 20px currentColor)}20%{opacity:1;transform:translate(-50%,-50%) scale(.8) rotate(-3deg);filter:hue-rotate(180deg) brightness(1.3) drop-shadow(0 0 15px currentColor)}35%{transform:translate(-50%,-50%) scale(1.2) rotate(2deg);filter:hue-rotate(270deg) brightness(1.4) drop-shadow(0 0 25px currentColor)}50%{transform:translate(-50%,-50%) scale(.95) rotate(-1deg);filter:hue-rotate(360deg) brightness(1.2) drop-shadow(0 0 12px currentColor)}65%{transform:translate(-50%,-50%) scale(1.05) rotate(.5deg);filter:hue-rotate(450deg) brightness(1.1) drop-shadow(0 0 18px currentColor)}80%{opacity:1;transform:translate(-50%,-50%) scale(1) rotate(0);filter:hue-rotate(540deg) brightness(1) drop-shadow(0 0 10px currentColor)}90%{opacity:.8;transform:translate(-50%,-50%) scale(1.02) rotate(0);filter:hue-rotate(540deg) brightness(.9) drop-shadow(0 0 8px currentColor)}to{opacity:0;transform:translate(-50%,-50%) scale(1) rotate(0);filter:hue-rotate(540deg) brightness(.5) drop-shadow(0 0 5px currentColor)}}.start-page{position:fixed;top:0;left:0;right:0;height:100dvh;height:var(--app-height, 100dvh);background:linear-gradient(135deg,#0a0a0a,#1a1a2e,#16213e);z-index:2000;display:flex;align-items:center;justify-content:center;animation:fadeIn .8s ease}.start-content{text-align:center;max-width:500px;width:90%;padding:40px;background:#141414cc;border:2px solid rgba(0,212,255,.3);border-radius:20px;box-shadow:0 20px 60px #00000080;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.game-title{color:#00d4ff;font-size:42px;font-weight:700;margin:0 0 20px;text-transform:uppercase;letter-spacing:3px;text-shadow:0 0 30px rgba(0,212,255,.6);animation:pulseGlow 3s ease-in-out infinite}.game-illustration{margin:20px 0 30px;display:flex;justify-content:center;align-items:center}.game-scene{max-width:100%;height:auto;border:2px solid rgba(0,212,255,.3);border-radius:15px;background:linear-gradient(135deg,#0a0a0a,#1a1a2e,#16213e);box-shadow:0 10px 30px #00000080;animation:scenePulse 4s ease-in-out infinite}@keyframes scenePulse{0%,to{box-shadow:0 10px 30px #00000080;border-color:#00d4ff4d}50%{box-shadow:0 15px 40px #00d4ff33;border-color:#00d4ff80}}.game-description{color:#ccc;font-size:18px;margin:0 0 40px;line-height:1.5;text-shadow:0 1px 2px rgba(0,0,0,.8)}.play-button{background:linear-gradient(145deg,#00d4ff,#09c);border:none;border-radius:15px;padding:20px 40px;color:#fff;font-size:24px;font-weight:700;cursor:pointer;text-transform:uppercase;letter-spacing:2px;transition:all .3s ease;box-shadow:0 8px 25px #00d4ff66;position:relative;overflow:hidden;min-width:200px;display:block;margin:0 auto}.play-button:hover{background:linear-gradient(145deg,#09c,#00d4ff);transform:translateY(-3px);box-shadow:0 12px 35px #00d4ff99}.play-button:active{transform:translateY(-1px);box-shadow:0 6px 20px #00d4ff66}.play-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .6s ease}.play-button:hover:before{left:100%}.button-text{position:relative;z-index:1}@media (max-width: 768px){.game-title{font-size:32px;letter-spacing:2px}.game-illustration{margin:15px 0 25px}.game-scene{width:350px;height:260px}.game-description{font-size:16px}.play-button{padding:18px 35px;font-size:20px;letter-spacing:1px}.start-content{padding:30px}}@media (max-width: 480px){.game-scene{width:300px;height:225px}.start-content{padding:20px}.game-title{font-size:28px}}.upgrade-empty{color:#8b93a3;font-size:13px;font-weight:400;text-transform:none;letter-spacing:0;margin-bottom:12px}.upgrade-button.upgrade-continue{border-left-color:#39404f}.upgrade-info{display:flex;align-items:center;gap:12px}.upgrade-text{flex:1 1 auto;min-width:0}.upgrade-part{flex:0 0 auto;width:64px;height:52px;border-radius:6px;background:radial-gradient(circle at 50% 50%,#1d2230,#0c0e13 75%);border:1px solid #23262f}.upgrade-part svg{display:block;width:100%;height:100%}.upgrade-overlay.slam-active{pointer-events:none}.upgrade-overlay.slam-active .upgrade-content{opacity:0;transform:scale(.96);transition:opacity .22s ease-out,transform .22s ease-out}.upgrade-overlay.slam-land{background:transparent;transition:background .16s linear}.part-flyer{position:fixed;left:0;top:0;z-index:1100;pointer-events:none;will-change:transform;filter:drop-shadow(0 0 6px var(--rarity, #00d4ff))}.part-flyer svg{display:block;width:100%;height:100%;overflow:visible}.part-banner{position:fixed;left:50%;z-index:1100;pointer-events:none;text-align:center;white-space:nowrap;transform:translate(-50%)}.part-banner-name{font-size:34px;font-weight:900;letter-spacing:3px;text-transform:uppercase;color:#fff;text-shadow:0 0 18px rgba(255,255,255,.35),0 3px 0 rgba(0,0,0,.6)}.part-banner-effect{margin-top:6px;font-size:14px;font-weight:600;color:#c9d1dc}