*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#02060a;color:#fff;font-family:Arial,sans-serif}#game{position:relative;width:100vw;height:100vh;background:#02060a}canvas{width:100%;height:100%;display:block;cursor:crosshair}#hud{position:absolute;left:0;right:0;top:0;height:52px;background:#03090ddd;border-bottom:1px solid #22404a;display:flex;align-items:center;justify-content:space-around;font-size:12px;letter-spacing:2px;pointer-events:none}#hud b{display:block;text-align:center;font-size:20px;color:#9dff39}#powers{position:absolute;left:12px;top:65px;display:flex;gap:8px;flex-wrap:wrap;max-width:55%;pointer-events:none}.power{padding:7px 10px;border:1px solid #8b42a8;background:#100817d9;color:#f5b5ff;font-size:11px;font-weight:800;letter-spacing:1px}.power em{color:#9dff39;font-style:normal}#boss{display:none;position:absolute;top:64px;left:25%;width:50%;text-align:center;font-size:12px;letter-spacing:3px}#boss i{display:block;height:10px;border:1px solid #ef3d3d;margin-top:5px;background:#120303}#boss em{display:block;height:100%;width:100%;background:#ef3d3d}.panel{position:absolute;inset:0;margin:auto;width:min(760px,92vw);height:max-content;text-align:center;background:linear-gradient(180deg,#071016f5,#030507f5);border:1px solid #8d2ab8;box-shadow:0 0 70px #6c159055;padding:28px}.panel h1{font-size:clamp(46px,9vw,105px);line-height:.75;margin:18px 0}.panel h1 strong{color:#9dff39}.panel h2{font-size:16px;letter-spacing:2px}.panel p{max-width:650px;margin:10px auto;line-height:1.5;color:#c8d2d7}.panel img{height:180px;filter:drop-shadow(0 0 22px #2a8dff)}button{border:1px solid #5e7680;background:#081116;color:#fff;font-weight:900;letter-spacing:1px;padding:14px 20px}#start,#again{margin-top:15px;background:#72c900;color:#071000;border-color:#b6ff52;font-size:17px}#intro,#over{position:absolute;inset:0;background:radial-gradient(circle at 50% 40%,#172536,#020407 70%);z-index:10}#over{display:none}#fs{position:absolute;right:12px;bottom:12px}#fire{position:absolute;right:12px;bottom:62px;width:100px;height:70px;border-radius:50%;border-color:#ff3b3b;color:#ff6565;background:#240606cc;font-size:17px}@media(pointer:fine){#fire{opacity:.35}}