*{box-sizing:border-box;margin:0;padding:0}html,body{color:#e0e0e0;cursor:crosshair;background:#0a0a12;width:100%;height:100%;font-family:Segoe UI,system-ui,-apple-system,sans-serif;overflow:hidden}#app{width:100vw;height:100vh}#hud{z-index:60;pointer-events:none;position:fixed;top:0;left:0;right:0}.hud-top{background:linear-gradient(#0a0a12e6 0%,#0000 100%);gap:24px;padding:16px 24px;display:flex}.hud-stat{flex-direction:column;gap:4px;display:flex}.hud-label{letter-spacing:2px;color:#00d4ff;font-size:10px;font-weight:600}.hud-value{color:#fff;font-size:20px;font-weight:700}.hp-bar{background:#ffffff1a;border-radius:4px;width:160px;height:8px;overflow:hidden}.hp-fill{background:#00d4ff;border-radius:4px;width:100%;height:100%;transition:width .3s,background .3s}.hud-hint{color:#aaa;pointer-events:none;white-space:nowrap;background:#0a0a12d9;border:1px solid #00d4ff4d;border-radius:20px;padding:8px 20px;font-size:13px;position:fixed;bottom:16px;left:50%;transform:translate(-50%)}#overlay{z-index:200;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0a0a12eb;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.overlay-content{text-align:center;max-width:500px;padding:40px}.overlay-content h1{letter-spacing:4px;color:#00d4ff;text-shadow:0 0 30px #00d4ff66;margin-bottom:16px;font-size:36px;font-weight:800}.overlay-content p{color:#999;margin-bottom:32px;font-size:15px;line-height:1.6}#overlay-button{letter-spacing:2px;color:#0a0a12;cursor:pointer;pointer-events:auto;background:#00d4ff;border:none;border-radius:8px;padding:14px 40px;font-size:16px;font-weight:700;transition:all .2s}#overlay-button:hover{background:#3df;transform:scale(1.05);box-shadow:0 0 20px #00d4ff80}canvas{display:block}