#hud-root{pointer-events:none;color:#cdbb8e;--gold:#c9a227;--gold-lite:#f0d97a;--gold-deep:#6b5518;--ink:#05060a;--panel:#0b0c11;--edge:#2a2c34;--text:#cdbb8e;--dim:#8b8266;user-select:none;text-rendering:optimizelegibility;font-family:Trajan Pro,Cinzel,Georgia,serif;position:absolute;inset:0}#hud-root *{pointer-events:none}#hud-root .clickable{pointer-events:auto;cursor:none}.forged{background:linear-gradient(180deg, #1e1a128c, #08090ddb), var(--tex-iron) repeat;background-blend-mode:overlay, normal;border:1px solid #000;position:absolute;box-shadow:inset 0 0 0 1px #c9a2274d,inset 0 1px #f0d97a24,inset 0 -14px 30px #000000a8,0 4px 22px #000000b8}.forged:before,.forged:after{content:"";pointer-events:none;border:2px solid var(--gold);opacity:.72;filter:drop-shadow(0 0 3px #c9a22773);width:22px;height:22px;position:absolute}.forged:before{border-bottom:0;border-right:0;border-image:linear-gradient(135deg, var(--gold-lite), transparent 70%) 1;top:-2px;left:-2px}.forged:after{border-top:0;border-left:0;border-image:linear-gradient(315deg, var(--gold-lite), transparent 70%) 1;bottom:-2px;right:-2px}.flourish{opacity:.8;width:30px;height:30px;position:absolute}.flourish.tl{top:3px;left:3px}.flourish.tr{top:3px;right:3px;transform:scaleX(-1)}.flourish.bl{bottom:3px;left:3px;transform:scaleY(-1)}.flourish.br{bottom:3px;right:3px;transform:scale(-1)}.panel-title{letter-spacing:.28em;text-transform:uppercase;color:var(--gold-lite);border:1px solid var(--gold-deep);text-shadow:0 0 8px #c9a22780;white-space:nowrap;background:linear-gradient(#16130b,#06070a);padding:2px 20px;font-size:12px;position:absolute;top:-11px;left:50%;transform:translate(-50%);box-shadow:0 0 12px #000c,inset 0 0 6px #c9a22733}.orb{position:absolute;bottom:12px}.orb.life{left:18px}.orb.mana{right:18px}.orb canvas,.orb svg{width:100%;height:100%;position:absolute;inset:0}.orb .orb-liquid{z-index:1}.orb .orb-frame{z-index:2;pointer-events:none}.orb .orb-val{z-index:3;text-align:center;letter-spacing:.06em;color:#f3e6c2;text-shadow:0 0 5px #000,0 1px 2px #000,0 0 10px #000000e6;pointer-events:none;font-size:15px;position:absolute;bottom:6%;left:0;right:0}.orb.lowlife{animation:1.05s ease-in-out infinite lowpulse}@keyframes lowpulse{0%,to{filter:none}50%{filter:drop-shadow(0 0 14px #b81f24e6)}}#skillbar{gap:6px;padding:8px 12px 10px;display:flex;position:absolute;bottom:20px;left:50%;transform:translate(-50%)}.skill{background:#07080c;border:1px solid #000;width:54px;height:54px;position:relative;box-shadow:inset 0 0 0 1px #c9a22759,inset 0 -8px 16px #000000b3,0 2px 8px #000000b3}.skill canvas{width:calc(100% - 6px);height:calc(100% - 6px);position:absolute;inset:3px}.skill .cd-svg{z-index:2;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.skill .key{z-index:3;letter-spacing:.04em;color:var(--gold-lite);text-shadow:0 0 3px #000,0 1px 1px #000;font-size:10px;font-weight:700;position:absolute;bottom:1px;right:2px}.skill .mana-cost{z-index:3;color:var(--mana-lite,#63b6ff);text-shadow:0 0 3px #000,0 1px 1px #000;font-size:9px;position:absolute;top:1px;left:3px}.skill.no-mana{filter:grayscale(.55)brightness(.62)}.skill.no-mana .mana-cost{color:#ff5a4e}.skill.locked{filter:grayscale()brightness(.4)}.skill .cd-text{z-index:4;color:#fff;text-shadow:0 0 6px #000,0 2px 3px #000;opacity:0;justify-content:center;align-items:center;font-size:17px;display:flex;position:absolute;inset:0}.skill.cooling .cd-text{opacity:1}.skill .flash{z-index:5;opacity:0;pointer-events:none;background:radial-gradient(circle,#f0d97a99,#0000 70%);position:absolute;inset:0}#xpbar{background:linear-gradient(#08090d,#030407);height:7px;position:absolute;bottom:0;left:0;right:0;overflow:hidden;box-shadow:inset 0 1px #c9a22733,inset 0 4px 8px #000c}#xpbar .xp-fill{transform-origin:0;will-change:transform;background:linear-gradient(#7b2a86,#b04ec6 45%,#d98cf0);width:100%;position:absolute;top:0;bottom:0;left:0;transform:scaleX(0);box-shadow:0 0 10px #b04ec6bf}#xpbar .xp-seg{background:#000000b3;width:1px;position:absolute;top:0;bottom:0;box-shadow:1px 0 #c9a2271f}#xpbar .xp-shine{opacity:0;will-change:transform, opacity;background:linear-gradient(90deg,#0000,#ffffffd9,#0000);width:90px;position:absolute;top:0;bottom:0;transform:translate(-120px)}#xplevel{letter-spacing:.22em;color:var(--gold-lite);text-shadow:0 0 6px #000,0 0 3px #c9a22799;text-transform:uppercase;font-size:11px;position:absolute;bottom:10px;left:50%;transform:translate(-50%)}#dmg-layer{position:absolute;inset:0;overflow:hidden}.dmg{will-change:transform, opacity;white-space:nowrap;text-shadow:0 0 4px #000,0 2px 3px #000,1px 1px #000,-1px -1px #000;font-family:Cinzel,Georgia,serif;font-size:22px;font-weight:700;position:absolute;top:0;left:0;transform:translate(-50%,-50%)}.dmg.crit{letter-spacing:.02em;font-size:34px;font-weight:800}.dmg.crit .crit-mark{vertical-align:super;opacity:.9;font-size:.6em}#tooltip{z-index:40;opacity:0;background:linear-gradient(180deg, #12100bf7, #06070afa), var(--tex-parch) repeat;background-blend-mode:overlay, normal;will-change:transform;border:1px solid #000;min-width:210px;max-width:320px;padding:0;display:none;position:absolute;top:0;left:0;transform:translateZ(0);box-shadow:inset 0 0 0 1px #c9a22757,0 8px 30px #000000d9}#tooltip .tt-head{text-align:center;letter-spacing:.04em;background:linear-gradient(#ffffff0d,#0000);border-bottom:1px solid #c9a22733;padding:8px 16px 6px;font-size:15px}#tooltip .tt-base{text-align:center;color:#b7ac86;padding:1px 16px 4px;font-size:12px}#tooltip .tt-body{padding:6px 16px 10px}#tooltip .tt-line{text-align:center;font-size:12px;line-height:1.5}#tooltip .tt-line.implicit{color:#9a8cff}#tooltip .tt-line.prefix,#tooltip .tt-line.suffix{color:#8fb7ff}#tooltip .tt-line.req{color:#9a9078;font-size:11px}#tooltip .tt-sep{background:linear-gradient(90deg,#0000,#c9a2278c,#0000);height:1px;margin:6px 22px}#tooltip .tt-sub{text-align:center;letter-spacing:.18em;color:#6f6852;text-transform:uppercase;padding-top:3px;font-size:10px}#inv-scrim{opacity:0;z-index:30;background:radial-gradient(circle at 50% 44%,#00000059,#000000b3);display:none;position:absolute;inset:0}#inventory{z-index:31;opacity:0;will-change:transform, opacity;padding:30px 26px 24px;display:none;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)scale(.96)}#inventory.open,#inv-scrim.open{display:block}#inventory .inv-cols{align-items:flex-start;gap:26px;display:flex}.paperdoll{width:200px;position:relative}.eq-slot{background:#06070ab3;border:1px solid #000;justify-content:center;align-items:center;display:flex;position:absolute;box-shadow:inset 0 0 0 1px #c9a2273d,inset 0 -6px 12px #0009}.eq-slot .eq-ph{letter-spacing:.12em;color:#504a3a;text-transform:uppercase;text-align:center;font-size:8px}.eq-slot canvas{width:100%;height:100%}.eq-slot.hi{box-shadow:inset 0 0 0 2px #6cff8f,inset 0 -6px 12px #0009}.eq-slot.bad{box-shadow:inset 0 0 0 2px #ff5a4e,inset 0 -6px 12px #0009}.grid-wrap{position:relative}.inv-grid{background:#04050899;border:1px solid #000;display:grid;position:relative;box-shadow:inset 0 0 0 1px #c9a2273d,inset 0 0 40px #000000b3}.inv-cell{border-bottom:1px solid #c9a2270f;border-right:1px solid #c9a2270f}.inv-item{z-index:2;background:#0a0a0e8c;border:1px solid #000;justify-content:center;align-items:center;display:flex;position:absolute;overflow:hidden;box-shadow:inset 0 0 0 1px,inset 0 -6px 14px #0009}.inv-item.clickable{cursor:grab}.inv-item canvas{width:100%;height:100%}.inv-item .stack{color:#f3e6c2;text-shadow:0 0 3px #000,0 1px 1px #000;font-size:11px;font-weight:700;position:absolute;bottom:0;right:2px}.inv-item.dragging{opacity:.35}.inv-ghost{z-index:50;pointer-events:none;opacity:.9;will-change:transform;border:1px solid #000;justify-content:center;align-items:center;display:flex;position:absolute}.inv-ghost canvas{width:100%;height:100%}.place-hi{z-index:3;pointer-events:none;position:absolute}.place-hi.ok{background:#6cff8f29;box-shadow:inset 0 0 0 1px #6cff8fb3}.place-hi.bad{background:#ff5a4e29;box-shadow:inset 0 0 0 1px #ff5a4eb3}#minimap{width:190px;height:190px;position:absolute;top:16px;right:16px}#minimap canvas{z-index:1;width:calc(100% - 8px);height:calc(100% - 8px);position:absolute;inset:4px}#minimap .mm-frame{z-index:2;pointer-events:none;position:absolute;inset:0}#minimap .mm-zone{text-align:center;z-index:3;letter-spacing:.2em;color:var(--gold-lite);text-transform:uppercase;text-shadow:0 0 6px #000;font-size:10px;position:absolute;top:8px;left:0;right:0}#bossbar{opacity:0;will-change:transform, opacity;width:min(560px,52vw);padding:10px 16px 12px;display:none;position:absolute;top:14px;left:50%;transform:translate(-50%)translateY(-14px)}#bossbar.show{display:block}#bossbar .boss-name{text-align:center;letter-spacing:.16em;color:#e8d49a;text-transform:uppercase;text-shadow:0 0 8px #c9a22780,0 1px 2px #000;margin-bottom:5px;font-size:15px}#bossbar .boss-track{background:#0a0407;border:1px solid #000;height:16px;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #c9a2274d,inset 0 -4px 8px #000000b3}#bossbar .boss-ghost{transform-origin:0;will-change:transform;background:linear-gradient(#6b1a1a,#3a0808);position:absolute;inset:0;transform:scaleX(1)}#bossbar .boss-fill{transform-origin:0;will-change:transform;background:linear-gradient(#ff5a4e,#b81f24 55%,#6e1014);position:absolute;inset:0;transform:scaleX(1);box-shadow:0 0 10px #b81f2499}#bossbar .boss-tick{z-index:3;background:#000000bf;width:1px;position:absolute;top:0;bottom:0}#bossbar .boss-phase{z-index:4;letter-spacing:.12em;color:#f0d97a;text-shadow:0 0 4px #000;font-size:10px;position:absolute;top:-1px;right:4px}#toasts{z-index:20;flex-direction:column;align-items:flex-end;gap:5px;width:240px;display:flex;position:absolute;top:120px;right:220px}.toast{letter-spacing:.03em;text-align:right;will-change:transform, opacity;opacity:0;white-space:nowrap;text-overflow:ellipsis;background:linear-gradient(90deg,#06070a33,#08090deb);border-right:2px solid;max-width:240px;padding:5px 12px 5px 14px;font-size:12px;position:relative;overflow:hidden;transform:translate(40px);box-shadow:-8px 0 18px #00000080}.toast .t-txt{color:#e6d9b3}.toast.in{opacity:1;transform:translate(0)}.toast.out{opacity:0;transform:translate(40px)}#debug{z-index:60;color:#9fe6a0;letter-spacing:.02em;background:#040609d1;border:1px solid #c9a22759;min-width:168px;padding:8px 12px;font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:11px;line-height:1.5;display:none;position:absolute;top:16px;left:16px;box-shadow:0 4px 16px #000000b3}#debug.show{display:block}#debug .d-row{justify-content:space-between;gap:14px;display:flex}#debug .d-k{color:#6f7d6f}#debug .d-v{color:#d6f2c0;font-weight:600}#debug .d-fps.warn{color:#ffcf5e}#debug .d-fps.bad{color:#ff6a5e}#debug .d-title{color:var(--gold-lite);letter-spacing:.2em;text-transform:uppercase;margin-bottom:4px}#cursor{z-index:90;pointer-events:none;will-change:transform;width:26px;height:26px;margin:-13px 0 0 -13px;position:absolute}#endscreen{z-index:90;opacity:0;will-change:opacity;background:radial-gradient(at 50% 45%,#0405089e 0%,#030406ed 62%,#020304 100%);justify-content:center;align-items:center;transition:opacity .9s ease-out;display:none;position:absolute;inset:0}#endscreen.es-in{opacity:1}#endscreen .es-panel{text-align:center;border-top:2px solid var(--gold);border-bottom:2px solid var(--gold-deep);will-change:transform;background:linear-gradient(#0b0c11e6,#050609f5);min-width:420px;padding:34px 54px 28px;transition:transform 1s cubic-bezier(.16,.84,.28,1);position:relative;transform:translateY(14px)scale(.985);box-shadow:0 0 0 1px #000000e6,0 24px 70px #000000d9,inset 0 1px #f0d97a1a}#endscreen.es-in .es-panel{transform:translateY(0)scale(1)}#endscreen .es-kicker{letter-spacing:.34em;text-transform:uppercase;color:var(--dim);margin-bottom:10px;font-size:11px}#endscreen .es-title{letter-spacing:.12em;text-shadow:0 2px #000,0 0 34px #c9a2274d;font-size:62px;font-weight:400;line-height:1}#endscreen.es-won .es-title{color:var(--gold-lite)}#endscreen.es-lost .es-title{color:#a8332c;text-shadow:0 2px #000,0 0 34px #a8332c57}#endscreen .es-sub{letter-spacing:.05em;color:var(--text);opacity:.86;margin-top:12px;font-size:14px}#endscreen .es-stats{border-top:1px solid #c9a22747;min-width:300px;margin:22px auto 0;padding-top:18px}#endscreen .es-row{letter-spacing:.04em;justify-content:space-between;align-items:baseline;padding:5px 0;font-size:13px;display:flex}#endscreen .es-k{color:var(--dim)}#endscreen .es-v{color:var(--text);font-variant-numeric:tabular-nums}#endscreen .es-hint{letter-spacing:.22em;text-transform:uppercase;color:var(--gold);opacity:.72;margin-top:24px;font-size:11px;animation:2.4s ease-in-out infinite es-pulse}@keyframes es-pulse{0%,to{opacity:.4}50%{opacity:.92}}#fpsmeter{z-index:70;text-shadow:0 1px 2px #000000e6;background:#0406099e;border-left:2px solid;flex-direction:column;align-items:flex-start;padding:5px 10px 4px;font-family:ui-monospace,SF Mono,Menlo,monospace;display:flex;position:absolute;top:14px;left:16px}#fpsmeter .fm-main{font-variant-numeric:tabular-nums;font-size:15px;line-height:1.1}#fpsmeter .fm-sub{opacity:.7;letter-spacing:.02em;font-size:10px;line-height:1.3}#fpsmeter.fm-good{color:#9fe6a0}#fpsmeter.fm-ok{color:#e8c96a}#fpsmeter.fm-bad{color:#e0655a}#objective{z-index:65;opacity:.9;flex-direction:column;align-items:center;gap:1px;display:flex;position:absolute;bottom:108px;left:50%;transform:translate(-50%)}#objective svg{filter:drop-shadow(0 2px 4px #000000d9);width:34px;height:34px}#objective .ob-label{letter-spacing:.26em;color:var(--gold);opacity:.8;text-shadow:0 1px 2px #000;font-size:9px}#objective .ob-dist{color:var(--text);opacity:.78;font-variant-numeric:tabular-nums;text-shadow:0 1px 2px #000;font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:11px}