*{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;height:100%;overflow:hidden;background:#87b7e0}body{font-family:Arial Black,Impact,system-ui,sans-serif;cursor:crosshair;user-select:none}canvas{display:block}#hud{position:fixed;top:16px;left:0;right:0;display:flex;justify-content:flex-start;align-items:flex-start;padding:0 22px;pointer-events:none;z-index:10;color:#fff;text-shadow:0 3px 0 rgba(0,0,0,.45)}#level-name{font-size:34px;font-weight:900;text-transform:uppercase;letter-spacing:2px}#to-menu{margin-left:auto;pointer-events:auto}#objective{font-family:system-ui,sans-serif;font-size:16px;opacity:.92;margin-top:4px}#charge-wrap{position:fixed;bottom:64px;left:50%;transform:translate(-50%);width:320px;height:22px;border:3px solid rgba(255,255,255,.9);border-radius:12px;background:#00000040;opacity:0;transition:opacity .12s;z-index:10;pointer-events:none}#charge-wrap.active{opacity:1}#power-label{position:absolute;top:-22px;left:0;font-family:system-ui,sans-serif;font-size:12px;letter-spacing:2px;color:#fff;text-shadow:0 2px 0 rgba(0,0,0,.4)}#charge-bar{width:50%;height:100%;border-radius:8px;background:linear-gradient(90deg,#4ade80,#fde047,#f87171)}#instructions{position:fixed;bottom:22px;left:50%;transform:translate(-50%);color:#fff;font-family:system-ui,sans-serif;font-size:15px;text-shadow:0 2px 0 rgba(0,0,0,.4);z-index:10;white-space:nowrap}#popups{position:fixed;inset:0;pointer-events:none;z-index:20;overflow:hidden}.popup{position:absolute;left:50%;top:38%;transform:translate(-50%,-50%);font-size:80px;font-weight:900;color:#ffe14d;-webkit-text-stroke:4px #000;text-stroke:4px #000;white-space:nowrap;animation:pop 1.1s ease-out forwards}.popup.small{font-size:46px;color:#fff}@keyframes pop{0%{transform:translate(-50%,-50%) scale(.2) rotate(-8deg);opacity:0}15%{transform:translate(-50%,-50%) scale(1.25) rotate(4deg);opacity:1}30%{transform:translate(-50%,-50%) scale(1) rotate(-2deg)}75%{transform:translate(-50%,-90%) scale(1);opacity:1}to{transform:translate(-50%,-150%) scale(.9);opacity:0}}