:root{--cyan: #00e5ff;--pink: #ff1744;--purple: #d500f9;--orange: #ff9100;--bg: #03070a;--panel: rgba(6, 15, 23, .9);--border: rgba(0, 229, 255, .2)}body{margin:0;background:var(--bg);color:#fff;font-family:Orbitron,-apple-system,sans-serif;overflow:hidden;-webkit-user-select:none;user-select:none}.game-wrap{display:flex;flex-direction:column;height:100vh;background:radial-gradient(circle at 50% 10%,#0c1b2b,#03070a);position:relative}.top-hud{display:flex;justify-content:space-between;align-items:center;padding:12px 30px;background:linear-gradient(to bottom,rgba(3,7,10,.95),transparent);border-bottom:1px solid rgba(0,229,255,.1);z-index:10}.hud-brand{display:flex;align-items:center;gap:10px;font-size:13px;font-weight:700;letter-spacing:2px;color:var(--cyan);text-shadow:0 0 10px rgba(0,229,255,.4)}.hud-stats{display:flex;gap:25px}.hud-item{display:flex;align-items:center;gap:6px;font-weight:800;font-size:13px;letter-spacing:1px}.gold{color:gold}.cyan{color:var(--cyan)}.cloud-sync{color:#557085;font-size:11px}.stage{flex:1;position:relative;display:flex;justify-content:center;align-items:center;background:#020508}.game-svg{background:#04090e;border:1px solid var(--border);box-shadow:0 0 40px #00e5ff14;border-radius:4px}.terrain{fill:url(#groundGrad);stroke:var(--cyan);stroke-width:1.5;filter:drop-shadow(0 -2px 8px rgba(0,229,255,.3))}.twinkling-star{animation:twinkle 3s ease-in-out infinite}@keyframes twinkle{0%,to{opacity:.2;transform:scale(.8)}50%{opacity:1;transform:scale(1.2)}}.hologram-scanline{animation:scan 6s linear infinite}@keyframes scan{0%{transform:translateY(0);opacity:.1}50%{opacity:.4}to{transform:translateY(500px);opacity:.1}}.floating-indicator{animation:floatArrow 1.2s ease-in-out infinite alternate}@keyframes floatArrow{0%{transform:translateY(0)}to{transform:translateY(-6px)}}.engine-flame{animation:flamePulse .15s ease-in-out infinite alternate;transform-origin:right center}.engine-flame-red{animation:flamePulse .15s ease-in-out infinite alternate;transform-origin:left center}@keyframes flamePulse{0%{transform:scaleX(.8) scaleY(.9);opacity:.7}to{transform:scaleX(1.3) scaleY(1.1);opacity:1}}.shield-rotate{transform-origin:0px -6px;animation:rotateShield 8s linear infinite}.shield-rotate-reverse{transform-origin:0px -3px;animation:rotateShieldRev 10s linear infinite}@keyframes rotateShield{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes rotateShieldRev{0%{transform:rotate(360deg)}to{transform:rotate(0)}}.neon-pulse{animation:pulse 1.5s ease-in-out infinite alternate}@keyframes pulse{0%{opacity:.6;filter:drop-shadow(0 0 2px var(--cyan))}to{opacity:1;filter:drop-shadow(0 0 8px var(--cyan))}}.bottom-controls{background:var(--panel);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-top:1px solid var(--border);padding:15px 30px;display:flex;flex-direction:column;align-items:center;gap:12px;box-shadow:0 -10px 30px #000c}.ctrl-panel{display:flex;justify-content:space-between;align-items:center;width:100%;max-width:1000px;gap:12px}.param{display:flex;flex-direction:column;gap:8px;width:160px;background:#ffffff05;padding:12px 14px;border-radius:8px;border:1px solid rgba(255,255,255,.05)}.move-param{width:170px}.skill-param{width:270px}.param-header{display:flex;justify-content:space-between;align-items:center;font-size:11px;color:#8fa0b0}.param-val{font-weight:700;color:#fff;font-family:monospace}.slider-row{display:flex;align-items:center;gap:10px;width:100%}.step-btn{background:#00e5ff1a;border:1px solid rgba(0,229,255,.2);color:var(--cyan);width:28px;height:28px;border-radius:6px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.step-btn:hover{background:var(--cyan);color:#03070a}.step-btn:disabled{opacity:.3;cursor:not-allowed;background:transparent;border-color:#ffffff1a}.move-indicator-bar{flex:1;height:6px;background:#ffffff0d;border-radius:3px;position:relative}.move-indicator-dot{width:10px;height:10px;border-radius:50%;background:var(--cyan);position:absolute;top:-2px;transform:translate(-50%);box-shadow:0 0 6px var(--cyan);transition:left .1s ease-out}input[type=range]{flex:1;accent-color:var(--cyan);height:4px;background:#ffffff1a;border-radius:2px}.skill-buttons{display:flex;gap:6px;width:100%}.skill-btn{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:6px 2px;background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:6px;cursor:pointer;color:#8fa0b0;transition:all .2s ease;position:relative;overflow:hidden}.skill-btn:hover{background:#00e5ff14;border-color:#00e5ff4d;color:#fff}.skill-btn.selected{background:#00e5ff26;border-color:var(--cyan);color:#fff;box-shadow:0 0 10px #00e5ff33}.skill-btn.selected:nth-child(2){background:#d500f926;border-color:var(--purple);box-shadow:0 0 10px #d500f933}.skill-btn.selected:nth-child(3){background:#ff910026;border-color:var(--orange);box-shadow:0 0 10px #ff910033}.skill-btn.cooldown{opacity:.6}.skill-icon{font-size:13px;margin-bottom:2px}.skill-name{font-size:8px;font-weight:700;letter-spacing:.5px}.skill-cd{position:absolute;top:0;right:0;bottom:0;left:0;background:#000000bf;display:flex;align-items:center;justify-content:center;font-size:10px;color:var(--pink);font-weight:700}.fire-zone{display:flex;flex-direction:column;align-items:center;gap:10px}.wind-indicator{display:flex;align-items:center;gap:6px;font-size:11px;color:#8fa0b0;background:#0006;padding:4px 12px;border-radius:12px;border:1px solid rgba(255,255,255,.05)}.big-fire-btn{width:84px;height:84px;border-radius:50%;border:none;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;cursor:pointer;transition:all .3s cubic-bezier(.175,.885,.32,1.275);box-shadow:0 0 20px #0009}.big-fire-btn.active{background:linear-gradient(135deg,var(--cyan),#0088ff);color:#03070a;font-weight:900;letter-spacing:1px}.big-fire-btn.active.skill-active{background:linear-gradient(135deg,var(--purple),#6200ea);color:#fff;box-shadow:0 0 15px var(--purple)}.big-fire-btn.active:hover{transform:scale(1.08);box-shadow:0 0 25px var(--cyan)}.big-fire-btn.disabled{background:#121a22;color:#4a5d6e;cursor:not-allowed;border:1px solid rgba(255,255,255,.05)}.spin{animation:spin 2s linear infinite}.spin-slow{animation:spin 4s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.hotkey-tip{font-size:11px;color:#557085;display:flex;align-items:center;gap:6px}.overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#020508e6;display:flex;justify-content:center;align-items:center;z-index:100;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.loader-box{display:flex;flex-direction:column;align-items:center;gap:15px;text-align:center}.loader-title{font-size:16px;letter-spacing:3px;color:var(--cyan);font-weight:700}.progress-bar{width:240px;height:4px;background:#ffffff1a;border-radius:2px;overflow:hidden}.progress-fill{height:100%;background:var(--cyan);box-shadow:0 0 8px var(--cyan);transition:width .4s ease}.loader-text{font-size:12px;color:#557085}.modal{text-align:center;padding:30px;border:1px solid var(--border);background:#06101a;border-radius:16px;box-shadow:0 0 40px #00e5ff26;max-width:480px;width:90%}.modal-icon-wrap{width:54px;height:54px;border-radius:50%;background:#00e5ff1a;display:flex;align-items:center;justify-content:center;margin:0 auto 15px;color:var(--cyan)}.modal h1{font-size:24px;margin:0 0 10px;background:linear-gradient(to right,var(--cyan),#fff);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.modal-desc{color:#8fa0b0;font-size:13px;line-height:1.5;margin-bottom:20px}.hotkey-card{background:#00e5ff0a;border:1px solid rgba(0,229,255,.15);border-radius:8px;padding:15px;margin-bottom:25px;text-align:left}.card-title{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:700;color:var(--cyan);margin-bottom:12px;border-bottom:1px solid rgba(0,229,255,.1);padding-bottom:6px}.hotkey-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.hotkey-item{display:flex;align-items:center;gap:8px;font-size:11px;color:#a0b2c6}.hotkey-item kbd{background:#102a45;border:1px solid var(--cyan);color:var(--cyan);padding:2px 6px;border-radius:4px;font-family:monospace;font-size:10px;box-shadow:0 0 5px #00e5ff33}.start-btn{padding:12px 36px;background:transparent;border:2px solid var(--cyan);color:var(--cyan);font-size:15px;font-weight:700;border-radius:24px;cursor:pointer;transition:.3s}.start-btn:hover{background:var(--cyan);color:#03070a;box-shadow:0 0 20px var(--cyan)}.toast-alert{position:absolute;top:80px;left:50%;transform:translate(-50%);background:#0c0208e6;border:1.5px solid var(--pink);box-shadow:0 0 15px #ff174466;color:#ff8a9f;padding:10px 20px;border-radius:8px;font-size:12px;font-weight:700;display:flex;align-items:center;gap:10px;z-index:110;pointer-events:none;letter-spacing:.5px}.toast-icon{color:var(--pink);animation:pulse 1s infinite alternate}