:root{--bg-0: #060916;--bg-1: #0d1430;--cyan: #54f5ff;--pink: #ff4fcf;--lime: #b7ff47;--warn: #ff5d5d;--text: #eaf2ff;--glass: rgba(11, 19, 42, .72);--border: rgba(119, 186, 255, .35)}*{box-sizing:border-box}html,body,#app{margin:0;width:100%;height:100%;overflow:hidden;color:var(--text);font-family:Rajdhani,system-ui,sans-serif;background:radial-gradient(circle at 20% 20%,#192652,var(--bg-0) 45%,#04070f 100%)}#game-canvas{position:fixed;inset:0;width:100%;height:100%;display:block}.panel{position:fixed;z-index:5}.glass{background:var(--glass);border:1px solid var(--border);border-radius:12px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 8px 24px #00000059,inset 0 0 18px #54f5ff14}#hud{left:16px;top:16px;width:230px;padding:12px}.row{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px;font-weight:600}.row strong{font-family:Orbitron,sans-serif}.meter-block{margin-top:8px}.meter-block label{display:block;font-size:12px;opacity:.82}.meter-block select{margin-top:4px;width:100%;padding:5px 8px;border-radius:8px;border:1px solid rgba(95,138,219,.7);background:#070f24db;color:var(--text)}.speed-controls{margin-top:4px;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:4px}.speed-btn{border:1px solid rgba(95,138,219,.7);background:#070f24db;color:var(--text);border-radius:8px;padding:4px 0;line-height:1;cursor:pointer;font-size:14px}.speed-btn.active{border-color:#54f5fff2;box-shadow:inset 0 0 10px #54f5ff33;background:#54f5ff1f}.meter{width:100%;height:8px;background:#ffffff14;border-radius:999px;overflow:hidden}.fill{height:100%;width:100%;transition:width .14s linear}.fill.shield{background:linear-gradient(90deg,#5db0ff,var(--cyan))}.fill.hp{background:linear-gradient(90deg,#ff7f7f,var(--warn))}.fill.special{background:linear-gradient(90deg,#e8ff79,var(--lime))}#stats{left:16px;bottom:16px;width:230px;padding:10px;font-size:14px}#shop{right:16px;top:16px;width:300px;max-height:calc(100vh - 190px);overflow:auto;padding:12px;z-index:7}#shop h3{margin:0 0 8px;font-family:Orbitron,sans-serif}.shop-item{padding:8px;border:1px solid rgba(132,183,255,.28);border-radius:10px;margin-bottom:8px;background:#ffffff08}.shop-item h4{margin:0;font-size:16px}.shop-item p{margin:4px 0;font-size:13px;opacity:.88}.shop-meta{display:flex;justify-content:space-between;font-size:13px}.btn,.shop-buy{margin-top:6px;width:100%;border:1px solid rgba(84,245,255,.7);background:linear-gradient(180deg,#54f5ff29,#54f5ff0d);color:var(--text);border-radius:8px;padding:8px;cursor:pointer;font-family:Orbitron,sans-serif}.shop-buy[disabled]{cursor:not-allowed;opacity:.45}#tutorial{right:16px;bottom:16px;padding:10px;width:300px;font-size:13px;z-index:4}.compact p{margin:4px 0}.overlay{position:fixed;inset:0;z-index:20;display:grid;place-items:center;background:#02050dad}.hidden{display:none}.modal{width:min(480px,calc(100% - 24px));padding:24px;text-align:center}.modal h1,.modal h2{margin-top:0;font-family:Orbitron,sans-serif}.quality-wrap{margin-top:12px;display:flex;gap:8px;justify-content:center;align-items:center}.quality-wrap select{padding:5px 8px;border-radius:8px;border:1px solid rgba(95,138,219,.7);background:#070f24db;color:var(--text)}#boss-warning,#pause-screen{background:transparent;pointer-events:none}#pause-screen .modal{pointer-events:none}.warning-box{padding:10px 18px;border:1px solid rgba(255,93,93,.95);background:#f003;color:#ffdede;font-family:Orbitron,sans-serif;font-size:22px;letter-spacing:2px;animation:blink .45s infinite alternate}@keyframes blink{0%{transform:scale(1);opacity:.7}to{transform:scale(1.04);opacity:1}}#floating-layer{position:fixed;inset:0;pointer-events:none;z-index:12}.floating-dmg{position:absolute;color:#fff;text-shadow:0 0 8px rgba(84,245,255,.9);font-family:Orbitron,sans-serif;font-size:14px;animation:floatUp .8s ease-out forwards}.floating-dmg.crit{color:#ffe680;text-shadow:0 0 10px rgba(255,208,66,.92);font-size:16px}@keyframes floatUp{0%{opacity:1;transform:translate(-50%,-50%) translateY(0) scale(1)}to{opacity:0;transform:translate(-50%,-50%) translateY(-34px) scale(.9)}}@media(max-width:960px){#shop,#tutorial{width:45vw}}@media(max-width:760px){#hud,#stats{width:calc(100% - 16px);left:8px}#hud{top:8px}#stats{bottom:8px}#shop{right:8px;top:172px;width:calc(100% - 16px);max-height:43vh;font-size:13px}#tutorial{display:none}}