*{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;height:100%;overflow:hidden;font-family:Segoe UI,system-ui,-apple-system,sans-serif;background:#000;color:#fff;touch-action:none;-webkit-user-select:none;user-select:none}#app{width:100%;height:100%;position:relative}#game-canvas{display:block;width:100%;height:100%}.hidden{display:none!important}#loading-screen{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(135deg,#1a0a2e,#16213e,#0a3d62);z-index:100}#loading-screen h1{font-size:4rem;text-shadow:0 0 30px rgba(255,200,50,.8),0 0 60px rgba(255,150,0,.4);color:gold;margin-bottom:1rem}#loading-screen p{font-size:1.2rem;color:#aaa;animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%,to{opacity:.5}50%{opacity:1}}#start-screen{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(135deg,#1a0a2eeb,#16213eeb,#0a3d62eb);z-index:50}#start-screen h1{font-size:5rem;text-shadow:0 0 30px rgba(255,200,50,.8),0 0 60px rgba(255,150,0,.4);color:gold;margin-bottom:.5rem}#start-screen .subtitle{font-size:1.5rem;color:#ccc;margin-bottom:2rem}#controls-info{background:#ffffff14;border-radius:12px;padding:1.5rem 2rem;margin-bottom:2rem;text-align:left}#controls-info p{margin:.4rem 0;font-size:.95rem;color:#bbb}#controls-info strong{color:gold}#start-button,#restart-button{padding:1rem 3rem;font-size:1.4rem;font-weight:700;background:linear-gradient(135deg,gold,#ff8c00);color:#1a0a2e;border:none;border-radius:50px;cursor:pointer;transition:transform .2s,box-shadow .2s;text-transform:uppercase;letter-spacing:2px}#start-button:hover,#restart-button:hover{transform:scale(1.05);box-shadow:0 0 30px #ffc83280}#hud{position:absolute;top:0;left:0;right:0;padding:15px 20px;display:flex;align-items:center;gap:20px;pointer-events:none;z-index:10}#health-bar-container{width:200px;height:24px;background:#0009;border-radius:12px;border:2px solid rgba(255,255,255,.3);position:relative;overflow:hidden}#health-bar{width:100%;height:100%;background:linear-gradient(90deg,#f33,#f64,#4f4);border-radius:10px;transition:width .3s ease}#health-text{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:700;text-shadow:1px 1px 2px rgba(0,0,0,.8)}#score-display,#wave-display,#enemies-display{font-size:1rem;font-weight:700;text-shadow:1px 1px 3px rgba(0,0,0,.8);background:#0006;padding:4px 12px;border-radius:8px}#score-value{color:gold}#wave-value{color:#4bf}#enemies-value{color:#f64}#combo-display{font-size:1.5rem;font-weight:900;color:gold;text-shadow:0 0 10px rgba(255,200,50,.8);opacity:0;transition:opacity .3s}#game-over-screen{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#140000e6;z-index:50}#game-over-screen h1{font-size:4rem;color:#f33;text-shadow:0 0 30px rgba(255,0,0,.5);margin-bottom:1rem}#game-over-screen p{font-size:1.5rem;margin:.3rem 0;color:#ccc}#game-over-screen span{color:gold}#restart-button{margin-top:2rem}#mobile-controls{position:absolute;inset:0;pointer-events:none;z-index:20}#joystick-zone{position:absolute;left:0;bottom:0;width:50%;height:40%;pointer-events:auto}#action-buttons{position:absolute;right:20px;bottom:30px;display:flex;gap:15px;pointer-events:auto}.action-btn{width:80px;height:80px;border-radius:50%;border:3px solid rgba(255,255,255,.4);font-size:.85rem;font-weight:700;text-transform:uppercase;cursor:pointer;-webkit-tap-highlight-color:transparent}#attack-btn{background:radial-gradient(circle,#ff5032b3,#c81e0080);color:#fff}#block-btn{background:radial-gradient(circle,#3282ffb3,#003cc880);color:#fff}.action-btn:active{transform:scale(.9);filter:brightness(1.3)}#damage-flash{position:absolute;inset:0;background:radial-gradient(ellipse,rgba(255,0,0,.3),transparent);pointer-events:none;opacity:0;transition:opacity .15s;z-index:15}@media(max-width:768px){#start-screen h1{font-size:3rem}#start-screen .subtitle{font-size:1.1rem}#controls-info{padding:1rem;font-size:.85rem}#hud{padding:8px 12px;gap:8px;flex-wrap:wrap}#health-bar-container{width:120px;height:20px}#score-display,#wave-display,#enemies-display{font-size:.8rem}}