.chat{z-index:12;width:320px;font:13px var(--hud-font,system-ui, sans-serif);color:var(--hud-text,#f2f5f7);position:fixed;top:16px;left:16px}.chat-log{border:1px solid var(--hud-border,#3d4a5a);overflow-wrap:anywhere;background:#10161e8c;border-radius:8px;max-height:190px;margin:0 0 6px;padding:6px 8px;list-style:none;overflow-y:auto}.chat-log:empty{display:none}.chat-line{margin-bottom:2px}.chat-line-name{opacity:.9;font-weight:700}.chat-input{box-sizing:border-box;border:1px solid var(--hud-border,#3d4a5a);width:100%;color:inherit;font:inherit;background:#10161ee6;border-radius:8px;padding:6px 8px;display:none}.chat.is-open .chat-input{display:block}.chat-hint{opacity:.55;font-size:11px}.chat.is-open .chat-hint{display:none}:root{--hud-panel:#10161eb8;--hud-border:#3d4a5a;--hud-text:#f2f5f7;--hud-health:#d9534f;--hud-energy:#4f8ef7;--hud-experience:#8fd47a;--hud-font:system-ui, sans-serif}.name-entry{z-index:20;color:var(--hud-text);font:16px var(--hud-font);background:#10161eeb;flex-direction:column;justify-content:center;align-items:center;gap:16px;display:flex;position:fixed;inset:0}.name-entry h1{font:700 32px var(--hud-font);margin:0}.name-entry label{opacity:.8}.name-entry input{border:1px solid var(--hud-border);color:inherit;font:inherit;text-align:center;background:#1b2430;border-radius:8px;padding:10px 14px}.name-entry button{background:var(--hud-energy);color:#0d1218;font:600 16px var(--hud-font);cursor:pointer;border:none;border-radius:8px;padding:10px 20px}.nameplate{color:var(--hud-text);font:600 13px var(--hud-font);white-space:nowrap;pointer-events:none;background:#141a2299;border-radius:4px;padding:2px 6px;display:none;position:fixed;top:0;left:0;transform:translate(-50%,-100%)}.death-overlay{z-index:15;color:#ffe9e4;font:700 34px var(--hud-font);text-shadow:0 2px 8px #0009;pointer-events:none;background:#28080c8c;flex-direction:column;justify-content:center;align-items:center;gap:8px;display:none;position:fixed;inset:0}.death-overlay.is-visible{display:flex}.death-overlay-countdown{font:500 18px var(--hud-font)}.level-up-notice{z-index:14;border:1px solid var(--hud-experience);color:#e9ffdf;font:700 22px var(--hud-font);text-align:center;opacity:0;pointer-events:none;background:#1c2818d9;border-radius:10px;padding:10px 22px;transition:opacity .22s;position:fixed;top:18%;left:50%;transform:translate(-50%)}.level-up-notice.is-visible{opacity:1}.level-up-notice-detail{font:500 14px var(--hud-font);opacity:.85}.hud{z-index:10;color:var(--hud-text);font:14px var(--hud-font);pointer-events:none;position:fixed;inset:0}.hud-panel{border:1px solid var(--hud-border);background:var(--hud-panel);border-radius:10px;width:240px;padding:12px;position:absolute;bottom:16px;left:16px}.hud-level{font:700 16px var(--hud-font);margin-bottom:8px}.hud-bar{background:#00000073;border-radius:8px;height:16px;margin-bottom:6px;position:relative;overflow:hidden}.hud-bar-fill{width:0%;height:100%;transition:width .12s linear}.hud-bar-label{font:600 11px var(--hud-font);text-shadow:0 1px 2px #000c;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.hud-bar--health .hud-bar-fill{background:var(--hud-health)}.hud-bar--energy .hud-bar-fill{background:var(--hud-energy)}.hud-bar--experience .hud-bar-fill{background:var(--hud-experience)}.ability-bar{gap:8px;display:flex;position:absolute;bottom:16px;left:50%;transform:translate(-50%)}.ability{border:1px solid var(--hud-border);background:var(--hud-panel);text-align:center;border-radius:8px;width:58px;padding:6px 4px;position:relative;overflow:hidden}.ability-hotkey{font:700 15px var(--hud-font)}.ability-name{font:500 9px var(--hud-font);opacity:.8;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.ability-cooldown{background:#0009;width:100%;height:0%;position:absolute;bottom:0;left:0}.ability.is-unaffordable{opacity:.5}.target-frame{border:1px solid var(--hud-border);background:var(--hud-panel);border-radius:10px;width:200px;padding:8px 10px;display:none;position:absolute;top:16px;left:50%;transform:translate(-50%)}.target-frame.is-visible{display:block}.target-frame-name{font:600 13px var(--hud-font);margin-bottom:5px}.connection-status{z-index:11;border:1px solid var(--hud-border);background:var(--hud-panel);font:600 12px var(--hud-font);border-radius:8px;padding:5px 10px;position:fixed;top:16px;right:16px}.connection-status--connected{color:var(--hud-experience)}.connection-status--pending{color:#f5c451}.connection-status--lost{color:var(--hud-health)}.fatal-error{z-index:30;color:var(--hud-text);font:16px var(--hud-font);text-align:center;background:#0c1016f2;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:24px;display:flex;position:fixed;inset:0}.fatal-error h2{font:700 26px var(--hud-font);margin:0}.fatal-error p{opacity:.85;max-width:520px;margin:0}.combat-text{font:700 18px var(--hud-font);text-shadow:0 2px 4px #000c;pointer-events:none;transition:transform .9s ease-out,opacity .9s ease-out;position:fixed;transform:translate(-50%,-50%)}.combat-text--damage{color:#ffb4a2}.combat-text--heal{color:#a8e6a1}.combat-text--kill{color:#ffd166}