html,body{width:100%;height:100%;margin:0;overflow:hidden;background:#0b1020;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif}#renderCanvas{width:100%;height:100%;display:block;outline:none;touch-action:none}#hud{position:absolute;left:12px;top:12px;z-index:10;pointer-events:none;display:flex;flex-direction:column;gap:8px}#status{color:#e8eefc;background:#080c18b8;border:1px solid rgba(255,255,255,.12);border-radius:8px;padding:8px 12px;font-size:13px;line-height:1.35;max-width:min(520px,90vw);white-space:pre-wrap}#combatBars{display:flex;flex-direction:column;gap:6px;width:min(280px,80vw)}.bar{position:relative;height:18px;background:#080c18b8;border:1px solid rgba(255,255,255,.14);border-radius:6px;overflow:hidden}.bar.hidden{display:none}.barFill{position:absolute;left:0;top:0;bottom:0;width:0%;background:linear-gradient(90deg,#3a6fd8,#6aa2ff);transition:width 50ms linear}.barFill.ready{background:linear-gradient(90deg,#2f8f55,#5ed68a);width:100%!important;opacity:.35}.barFill.cast{background:linear-gradient(90deg,#c45a12,#ffb347)}.barLabel{position:relative;z-index:1;display:block;padding:1px 8px;font-size:11px;line-height:16px;color:#e8eefc;text-shadow:0 1px 2px rgba(0,0,0,.7)}.persistMark{color:#b8f0c8;background:#082012c7;border:1px solid rgba(94,214,138,.35);border-radius:8px;padding:6px 10px;font-size:12px;line-height:1.35;max-width:min(520px,90vw);min-height:0}.persistMark:empty{display:none}