*{box-sizing:border-box;margin:0;padding:0}html,body{width:100%;height:100%;overflow:hidden;background:#0e1116;color:#d8e0ea;font:13px/1.4 system-ui,sans-serif}#app{display:block;width:100vw;height:100vh}#hud{position:fixed;top:12px;left:12px;padding:8px 12px;border-radius:6px;background:#141820b3;display:flex;gap:16px;pointer-events:none}#status:before{content:"● ";color:#c45}#status.connected:before{color:#3a8}#hint:before{content:"● ";color:#6db3ff}#inv{position:fixed;left:12px;bottom:12px;padding:8px 12px;border-radius:6px;background:#141820b3;display:flex;gap:14px;pointer-events:none;font-variant-numeric:tabular-nums}#inv .i-row{display:inline-flex;gap:6px;align-items:baseline}#inv .i-lbl{color:#8a96a8;font-size:11px;text-transform:uppercase;letter-spacing:.05em}#i-xp{color:#f6c25b}#hp-hud{position:fixed;left:12px;bottom:70px;padding:6px 10px;border-radius:6px;background:#141820b3;display:flex;flex-direction:column;gap:4px;pointer-events:none;font-variant-numeric:tabular-nums;min-width:220px}#hp-bar{width:200px;height:14px;border-radius:3px;background:#3c1414e6;border:1px solid rgba(255,255,255,.1);overflow:hidden;transition:box-shadow .2s}#hp-bar.flash{box-shadow:0 0 0 2px #e53935e6}#hp-fill{height:100%;background:linear-gradient(90deg,#d24545,#f06060);transition:width .15s ease-out;width:100%}#hp-text{font-size:11px;color:#d8e0ea}#respawn-overlay{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);padding:24px 40px;border-radius:8px;background:#141820eb;border:2px solid rgba(229,57,53,.6);color:#d8e0ea;font-size:18px;letter-spacing:.1em;pointer-events:none}#respawn-overlay.hidden{display:none}#respawn-countdown{color:#f6c25b;font-size:22px;font-weight:700}#dmg-layer{position:fixed;inset:0;pointer-events:none;overflow:hidden}.dmg-text{position:absolute;transform:translate(-50%,-50%);font:700 14px system-ui,sans-serif;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.9),0 0 4px rgba(0,0,0,.7);pointer-events:none;animation:dmg-rise 1s ease-out forwards}.dmg-text.crit{font-size:22px;color:#f6c25b;text-shadow:0 0 6px rgba(246,194,91,.8),0 1px 2px rgba(0,0,0,.9);animation:dmg-rise-crit 1s ease-out forwards}@keyframes dmg-rise{0%{transform:translate(-50%,-50%);opacity:1}to{transform:translate(-50%,-160%);opacity:0}}@keyframes dmg-rise-crit{0%{transform:translate(-50%,-50%) scale(.8);opacity:1}20%{transform:translate(-55%,-60%) scale(1.15)}to{transform:translate(-50%,-180%) scale(1);opacity:0}}