.hud-root{z-index:5;pointer-events:none;font-family:var(--font-ui);color:var(--fg);transform:scale(var(--ui-scale,1));transform-origin:0 0;width:calc(100% / var(--ui-scale,1));height:calc(100% / var(--ui-scale,1));position:fixed;inset:0}.hud-root button{pointer-events:auto;font-family:var(--font-ui);color:inherit;cursor:pointer;background:0 0;border:none}.glass-panel{pointer-events:auto;background:linear-gradient(160deg, var(--glass-hi), var(--glass));border:1px solid var(--edge);border-top-color:var(--edge-top);border-radius:var(--r-3);-webkit-backdrop-filter:blur(18px)saturate(160%);box-shadow:0 12px 40px #00000073,inset 0 1px #ffffff0a}.hud-panel-label{align-items:center;gap:var(--s-2);margin-bottom:var(--s-2);letter-spacing:.14em;text-transform:uppercase;color:var(--fg-faint);font-size:11px;font-weight:600;display:flex}.hud-panel-label__spacer{flex:1}.hud-panel-label__count,.hud-chat-channel-note{color:var(--fg-muted)}.hud-dot{background:var(--fg-faint);border-radius:50%;flex:none;width:6px;height:6px}.hud-dot.on{background:var(--good)}.hud-dot.idle{background:var(--warn)}.hud-dot.off{background:var(--fg-faint)}.hud-dot.acc{background:var(--fg-muted)}.hud-num{font-family:var(--font-mono);font-variant-numeric:tabular-nums}.hud-dock{right:var(--s-4);bottom:var(--s-4);z-index:28;pointer-events:none;position:fixed}.hud-launchers{pointer-events:auto;align-items:flex-end;gap:var(--s-2);padding:var(--s-2);background:linear-gradient(160deg, var(--glass-hi), var(--glass));border:1px solid var(--edge);border-top-color:var(--edge-top);border-radius:var(--r-3);-webkit-backdrop-filter:blur(18px)saturate(160%);flex-direction:column;display:flex;box-shadow:0 12px 40px #00000073,inset 0 1px #ffffff0a}.hud-launchers__row{gap:6px;display:flex}.hud-launchers__row--secondary{padding-top:var(--s-2);border-top:1px solid var(--hair)}.hud-lbtn{border-radius:var(--r-2);border:1px solid var(--hair);transition:color var(--dur-1) var(--ease), background var(--dur-1) var(--ease), transform var(--dur-1) var(--ease);background:#00000038;justify-content:center;align-items:center;display:flex;position:relative}.hud-lbtn:hover{color:var(--fg);transform:translateY(-1px)}.hud-lbtn--primary{width:42px;height:42px;color:var(--fg);border-color:var(--hair-strong)}.hud-lbtn--primary:after{content:"";background:var(--accent);opacity:.55;width:4px;height:4px;transition:opacity var(--dur-1) var(--ease);border-radius:50%;position:absolute;top:4px;right:4px}.hud-lbtn--primary:hover:after{opacity:1}.hud-lbtn--primary svg{width:22px;height:22px}.hud-lbtn--secondary{width:34px;height:34px;color:var(--fg-faint);background:#00000024}.hud-lbtn--secondary:hover{color:var(--fg-muted)}.hud-lbtn--secondary svg{width:18px;height:18px}.hud-lbtn.active{color:var(--accent-ink);background:var(--accent);border-color:var(--accent-strong)}.hud-lbtn.active:after{background:var(--accent-ink);opacity:.5}.hud-players{top:var(--s-4);left:var(--s-4);z-index:20;width:232px;padding:var(--s-3);position:fixed}.hud-players__head{margin-bottom:var(--s-2);align-items:center;gap:6px;display:flex}.hud-players__count{color:var(--fg);font-size:12px;font-weight:700}.hud-players__title{letter-spacing:.14em;text-transform:uppercase;color:var(--fg-muted);font-size:10px}.hud-players__ctl{border-radius:var(--r-1);width:26px;height:26px;color:var(--fg-muted);border:1px solid var(--hair);transition:color var(--dur-1) var(--ease), border-color var(--dur-1) var(--ease);background:#00000038;justify-content:center;align-items:center;display:inline-flex}.hud-players__ctl:hover{color:var(--accent);border-color:color-mix(in srgb, var(--accent) 40%, transparent)}.hud-players__ctl svg{width:15px;height:15px}.hud-players__list{flex-direction:column;display:flex}.hud-prow{align-items:center;gap:var(--s-2);height:26px;padding:0 var(--s-2);border-radius:var(--r-1);cursor:default;transition:background var(--dur-1) var(--ease);display:flex}.hud-prow:hover{background:#ffffff0a}.hud-prow__glyph{width:16px;height:16px;color:var(--fg-faint);flex:none;display:inline-flex}.hud-prow__glyph svg{width:16px;height:16px}.hud-prow__name{white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;font-size:13px;overflow:hidden}.hud-prow.you .hud-prow__name{color:var(--fg)}.hud-prow__you{color:var(--fg-faint);font-size:10px}.hud-prow__lvl{color:var(--fg-muted);font-size:11px}.hud-chat{left:var(--s-4);bottom:var(--s-4);z-index:20;width:420px;max-width:32vw;padding:var(--s-3);position:fixed}.hud-chat-log{height:240px;padding-right:var(--s-1);margin-bottom:var(--s-2);scrollbar-width:thin;flex-direction:column;gap:3px;display:flex;overflow-y:auto}.hud-chat-line{white-space:pre-wrap;word-break:break-word;font-size:13px;line-height:1.45}.hud-chat-tag{letter-spacing:.08em;text-transform:uppercase;color:var(--ch,var(--fg-faint));opacity:.75;margin-right:5px;font-size:9px}.hud-chat-pm{color:var(--ch,var(--accent));margin-right:5px;font-size:10px;font-style:italic}.hud-chat .hud-chat-from{color:var(--ch,var(--fg-muted));font-family:inherit;font-weight:600;font-size:inherit;cursor:pointer;background:0 0;border:none;margin-right:6px;padding:0}.hud-chat-from:hover{text-decoration:underline}.hud-chat-text{color:var(--fg)}.hud-chat-line.me .hud-chat-from{color:var(--accent)}.hud-chat-line.is-combat{--clog-name:#ffce85;--clog-target:#5db4ff;--clog-verb:#79917a;--clog-spell:#b07cff;--clog-num:#ff6b6b;--clog-num-crit:#ffb454;--clog-num-heal:#ff6bb0;--clog-num-ap:#5db4ff;--clog-num-mp:#4fd6a0;--clog-death:#ff6b6b;--clog-wash:#4fd6a024;--clog-wash-mid:#4fd6a00d;--clog-edge:#4fd6a08c;background:linear-gradient(90deg, var(--clog-wash) 0%, var(--clog-wash-mid) 55%, transparent 100%);border-left:2px solid var(--clog-edge);border-radius:var(--r-1);padding:2px 4px 2px 7px}.clog-name{color:var(--clog-name);font-weight:600}.clog-target{color:var(--clog-target);font-weight:600}.clog-verb{color:var(--clog-verb)}.clog-spell{color:var(--clog-spell);font-weight:600}.clog-num{color:var(--clog-num);font-weight:700}.clog-num--crit{color:var(--clog-num-crit)}.clog-num--heal{color:var(--clog-num-heal)}.clog-num--ap{color:var(--clog-num-ap)}.clog-num--mp{color:var(--clog-num-mp)}.clog-death{color:var(--clog-death);font-weight:600}.hud-chat-filters{flex-wrap:wrap;gap:4px;display:flex}.hud-chat .hud-chat-filter{letter-spacing:.06em;text-transform:uppercase;color:var(--ch,var(--fg-muted));border:1px solid var(--hair);border-radius:var(--r-1);cursor:pointer;background:#ffffff0a;padding:1px 5px;font-size:8px}.hud-chat-filter.is-off{color:var(--fg-faint);opacity:.4;text-decoration:line-through}.hud-chat-pmbar{color:var(--accent);padding:2px var(--s-2);margin-bottom:var(--s-1);border-radius:var(--r-1);border:1px solid var(--hair);background:#4a9eff1a;justify-content:space-between;align-items:center;font-size:11px;display:flex}.hud-chat-pmbar button{color:var(--fg-muted);font:inherit;cursor:pointer;background:0 0;border:none;font-size:10px}.hud-chat-pmbar button:hover{color:var(--fg)}.hud-chat-form{align-items:center;gap:var(--s-2);height:30px;padding:0 var(--s-2);border-radius:var(--r-1);border:1px solid var(--hair);background:#00000057;display:flex}.hud-chat-selector{flex:none;position:relative}.hud-chat .hud-chat-canal{letter-spacing:.08em;text-transform:uppercase;color:var(--ch,var(--fg-faint));border:1px solid var(--hair);border-radius:var(--r-1);cursor:pointer;background:#ffffff0d;align-items:center;gap:3px;padding:3px 6px;font-size:9px;display:flex}.hud-chat-canal:disabled{opacity:.55;cursor:default}.hud-chat-caret{opacity:.7;font-size:7px}.hud-chat-menu{z-index:30;border-radius:var(--r-2);background:var(--glass-hi);border:1px solid var(--hair-strong);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);flex-direction:column;min-width:110px;padding:3px;display:flex;position:absolute;bottom:calc(100% + 4px);left:0}.hud-chat .hud-chat-menu-item{text-align:left;letter-spacing:.04em;color:var(--ch,var(--fg));border-radius:var(--r-1);cursor:pointer;background:0 0;border:none;padding:5px 8px;font-size:11px}.hud-chat-menu-item:hover{background:#ffffff12}.hud-chat-social{z-index:40;border-radius:var(--r-2);background:var(--glass-hi);border:1px solid var(--hair-strong);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);pointer-events:auto;flex-direction:column;min-width:168px;padding:4px;display:flex;position:fixed}.hud-chat-social-head{color:var(--accent);border-bottom:1px solid var(--hair);margin-bottom:3px;padding:4px 8px 6px;font-size:11px;font-weight:600}.hud-chat-social-item{text-align:left;color:var(--fg);border-radius:var(--r-1);cursor:pointer;background:0 0;border:none;padding:6px 8px;font-size:12px}.hud-chat-social-item:hover:not(:disabled){background:#ffffff12}.hud-chat-social-item:disabled{color:var(--fg-faint);opacity:.45;cursor:not-allowed}.hud-chat-input{min-width:0;color:var(--fg);font:inherit;background:0 0;border:none;outline:none;flex:1;font-size:12px}.hud-chat-input::placeholder{color:var(--fg-faint)}.hud-bottom{left:50%;bottom:var(--s-4);z-index:22;justify-content:center;align-items:flex-end;gap:var(--s-3);pointer-events:none;display:flex;position:fixed;transform:translate(-50%)}.hud-fightctl{pointer-events:auto;gap:var(--s-1);flex-direction:column;align-items:stretch;padding-bottom:2px;display:flex}.hud-fightctl .hud-fightctl__btn{pointer-events:auto;border-radius:var(--r-2);letter-spacing:.15em;text-transform:uppercase;cursor:pointer;border:1px solid var(--edge);border-top-color:var(--edge-top);min-width:104px;transition:transform var(--dur-2) var(--ease), opacity var(--dur-2) var(--ease), border-color var(--dur-2) var(--ease);padding:9px 16px;font-size:13px;font-weight:700;box-shadow:0 8px 22px #0000006b}.hud-fightctl .hud-fightctl__btn:hover:not(:disabled){transform:translateY(-2px)}.hud-fightctl .hud-fightctl__btn:disabled{opacity:.4;cursor:not-allowed}.hud-fightctl .hud-fightctl__end,.hud-fightctl .hud-fightctl__ready{color:var(--accent-ink);border-color:var(--accent-strong);box-shadow:0 8px 22px var(--accent-glow);background:linear-gradient(135deg,#8b6914,#c8963c,#8b6914)}.hud-fightctl .hud-fightctl__end:hover:not(:disabled),.hud-fightctl .hud-fightctl__ready:hover:not(:disabled){box-shadow:0 10px 26px var(--accent-glow), 0 0 20px #c8963c59}.hud-fightctl .hud-fightctl__ready.is-ready{color:var(--fg-muted);border-color:var(--edge);box-shadow:none;cursor:default;background:linear-gradient(160deg,#12121a,#0a0a0f)}.hud-fightctl .hud-fightctl__abandon{color:#f87171;background:linear-gradient(165deg,#12121a,#0a0a0f);border-color:#f8717180;min-width:104px;padding:7px 16px;font-size:12px;font-weight:600}.hud-fightctl .hud-fightctl__abandon:hover{color:#fca5a5;background:linear-gradient(165deg,#1a1212,#0a0a0f);border-color:#f87171}.hud-fightctl .hud-fightctl__report{min-width:104px;color:var(--fg-muted);letter-spacing:.1em;background:linear-gradient(165deg,#12121a,#0a0a0f);border-color:#c8963c4d;padding:5px 12px;font-size:10px;font-weight:600;box-shadow:0 5px 14px #00000052}.hud-fightctl .hud-fightctl__report:hover{color:var(--fg);border-color:var(--accent-strong);background:linear-gradient(165deg,#17151a,#0a0a0f)}.hud-placement{z-index:24;border-radius:var(--r-3);border:1px solid var(--edge);border-top-color:var(--edge-top);text-align:center;pointer-events:none;background:linear-gradient(165deg,#12121a,#0a0a0f);flex-direction:column;align-items:center;gap:2px;padding:10px 28px 12px;display:flex;position:fixed;top:86px;left:50%;transform:translate(-50%);box-shadow:0 16px 44px #0000008c}.hud-placement__title{letter-spacing:.08em;text-transform:uppercase;color:var(--accent);font-size:13px;font-weight:700}.hud-placement__timer{font-family:var(--font-mono);font-variant-numeric:tabular-nums;color:var(--fg);font-size:34px;font-weight:700;line-height:1.04}.hud-placement__timer.is-urgent{color:var(--bad);animation:1s steps(2,jump-none) infinite hud-placement-pulse}.hud-placement__hint{color:var(--fg-muted);font-size:12px}.hud-placement.is-wrong{border-color:var(--bad);animation:.4s ease-in-out hud-placement-shake}.hud-placement.is-wrong .hud-placement__hint{color:var(--bad)}@keyframes hud-placement-shake{0%,to{transform:translate(-50%)}20%{transform:translate(calc(-50% - 6px))}40%{transform:translate(calc(6px - 50%))}60%{transform:translate(calc(-50% - 4px))}80%{transform:translate(calc(4px - 50%))}}.hud-turnbanner{z-index:25;border:1px solid var(--accent);pointer-events:none;background:linear-gradient(165deg,#12121a,#0a0a0f);border-radius:0;padding:12px 40px;animation:1.5s ease-out forwards hud-turn-flash;position:fixed;top:96px;left:50%;transform:translate(-50%);box-shadow:0 0 32px #c8963c66,0 16px 44px #0000008c}.hud-turnbanner__title{letter-spacing:.22em;text-transform:uppercase;color:var(--accent);text-shadow:0 0 18px #c8963c99;font-size:22px;font-weight:700}@keyframes hud-turn-flash{0%{opacity:0;transform:translate(-50%)translateY(-8px)scale(.96)}14%{opacity:1;transform:translate(-50%)translateY(0)scale(1)}80%{opacity:1}to{opacity:0;transform:translate(-50%)translateY(0)scale(1)}}@keyframes hud-placement-pulse{0%,to{opacity:1}50%{opacity:.4}}.hud-fightctl__watching{letter-spacing:.06em;text-transform:uppercase;color:var(--accent);align-self:center;font-size:12px;font-weight:600}.hud-fightctl__countdown{font-family:var(--font-mono);font-variant-numeric:tabular-nums;letter-spacing:.18em;text-transform:uppercase;white-space:nowrap;color:var(--accent);background:linear-gradient(165deg,#12121a,#0a0a0f);border:1px solid #c8963c73;align-self:center;padding:3px 12px;font-size:11px;font-weight:700}.hud-vitals{pointer-events:auto;gap:var(--s-2);padding:var(--s-3) var(--s-3) 0;flex-direction:column;width:400px;display:flex;overflow:hidden}.hud-vitals__top{align-items:center;gap:var(--s-3);display:flex}.hud-vitals__bust{border-radius:var(--r-2);border:1px solid var(--hair-strong);width:42px;height:42px;color:var(--fg);background:radial-gradient(circle at 38% 30%,#33485f,#0e141d);flex:none;justify-content:center;align-items:center;font-size:17px;font-weight:700;display:flex}.hud-vitals__main{flex-direction:column;flex:1;gap:5px;min-width:0;display:flex}.hud-vitals__id{justify-content:space-between;align-items:baseline;gap:var(--s-2);display:flex}.hud-vitals__name{color:var(--fg);white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:600;overflow:hidden}.hud-vitals__lvl{color:var(--accent);flex:none;font-size:11px}.hud-hpbar{border-radius:var(--r-1);border:1px solid var(--hair);background:#00000073;height:16px;position:relative;overflow:hidden}.hud-hpbar__fill{border-radius:inherit;height:100%;transition:width var(--dur-3) var(--ease);background:linear-gradient(90deg,#7a1f1f,#ff5a5a)}.hud-hpbar__num{color:var(--fg);text-shadow:0 1px 2px #000c;justify-content:flex-end;align-items:center;padding-right:7px;font-size:10px;font-weight:600;display:flex;position:absolute;inset:0}.hud-vitals__stats{align-items:center;gap:var(--s-2);flex:none;display:flex}.hud-stat{border-radius:var(--r-2);border:1px solid var(--hair);background:#0000004d;align-items:center;gap:5px;padding:5px 9px;display:inline-flex}.hud-stat__icon{width:15px;height:15px;display:inline-flex}.hud-stat__icon svg{width:15px;height:15px}.hud-stat__val{color:var(--fg);text-align:right;min-width:9px;font-size:14px;font-weight:700}.hud-stat--ap .hud-stat__icon{color:var(--accent)}.hud-stat--mp .hud-stat__icon{color:var(--good)}.hud-stat--reserve{cursor:pointer;color:var(--fg-muted);transition:border-color var(--dur-2) var(--ease)}.hud-stat--reserve .hud-stat__icon{color:var(--fg-muted)}.hud-stat--reserve:not(:disabled):hover{border-color:var(--accent-glow)}.hud-stat--reserve:disabled{opacity:.55;cursor:default}.hud-xpbar{height:4px;margin:0 calc(-1 * var(--s-3));background:#00000080;overflow:hidden}.hud-xpbar__fill{background:linear-gradient(90deg, var(--accent-dim), var(--accent));height:100%;transition:width var(--dur-3) var(--ease)}.hud-hand,.hud-spellbar,.hud-turns,.hud-fightctl,.hud-placement{--accent:#c8963c;--accent-strong:#c8963c;--accent-ink:#17130a;--accent-glow:#c8963c59;--bad:#f87171;--warn:#fbbf24;--fg:#e8e4dc;--fg-muted:#6b7280;--fg-faint:#6b7280;--edge:#1e1e2e;--edge-top:#c8963c59;--hair:#1e1e2e;--slate:#1e1e2e;--surface-1:#0a0a0f;--surface-2:#12121a;--font-ui:"JetBrains Mono", monospace;--font-mono:"JetBrains Mono", monospace;--r-1:0;--r-2:0;--r-3:0;--deck-ico:52px;font-family:var(--font-mono)}.hud-hand-host{z-index:23;pointer-events:none;position:fixed;bottom:112px;left:50%;transform:translate(-50%)}.hud-spellbar{--sock:50px;--sockgap:4px;--sockcols:6;left:calc(50% + 140px + ((var(--sockcols) - 6) * (var(--sock) + var(--sockgap))) / 2);z-index:23;align-items:flex-end;gap:var(--s-3);pointer-events:none;max-width:96vw;display:flex;position:absolute;bottom:16px;transform:translate(-50%)}@media (width>=1651px){.hud-spellbar{left:50%}}.hud-spellbar .gw-vitals{position:static;bottom:auto;left:auto;transform:none}.hud-spellbar.hud-spellbar--optE,.hud-spellbar.hud-spellbar--optF{background:linear-gradient(#0e0e14f0,#07070bf5);border:1px solid #0009;border-radius:10px;flex-direction:column;align-items:stretch;gap:0;padding:8px 10px;box-shadow:0 14px 34px #0000008c,inset 0 1px #ffffff0a}.hud-spellbar2__top{align-items:stretch;gap:12px;display:flex}.hud-vbox{flex:none;align-items:center;gap:8px;padding:8px 10px;display:flex}.hud-spellbar2__gridwrap{flex:none;align-items:center;gap:8px;display:flex}.hud-spellbar2__gridcol{flex-direction:column;gap:6px;display:flex}.hud-gem2{width:var(--gsz,50px);height:var(--gsz,50px);flex:none;place-items:center;display:grid;position:relative}.hud-gem2__rim,.hud-gem2__fill{clip-path:polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%);position:absolute;inset:0}.hud-gem2__rim{background:#0009}.hud-gem2__fill{background:linear-gradient(155deg, var(--gem-lt) 0%, var(--gem-mid) 48%, var(--gem-dk) 100%);inset:3px}.hud-gem2__fill:after{content:"";clip-path:inherit;background:radial-gradient(60% 40% at 34% 20%,#ffffff8c,#0000 62%);position:absolute;inset:0}.hud-gem2 span{z-index:1;font-variant-numeric:tabular-nums;color:#fff;text-shadow:0 1px 2px #0009;font-size:12px;font-weight:700;position:relative}.hud-gem2--hp span{text-shadow:1px 0 #000000d9,-1px 0 #000000d9,0 1px #000000d9,0 -1px #000000d9,0 2px 2px #0000008c;font-size:16px}.hud-gem2__frac{flex-direction:column;align-items:center;gap:2px;line-height:1;display:flex}.hud-gem2__frac-n{font-variant-numeric:tabular-nums;color:#fff;text-shadow:1px 0 #000000d9,-1px 0 #000000d9,0 1px #000000d9,0 -1px #000000d9,0 2px 2px #0000008c;font-size:13px;font-weight:700}.hud-gem2__frac-bar{background:#ffffffd9;width:22px;height:2px;box-shadow:0 1px 1px #0009}.hud-gem2--ap{--gem-lt:#a9d4ff;--gem-mid:#3f8fe2;--gem-dk:#123a63}.hud-gem2--mp{--gem-lt:#b6f5b0;--gem-mid:#3fbf4e;--gem-dk:#14471c}.hud-gem2--stat{--gsz:36px}.hud-gem2--stat span{font-size:11px}.hud-gem-bezel{--gsz:72px;width:calc(var(--gsz) + 8px);height:calc(var(--gsz) + 8px);background:linear-gradient(#040405,#0e0e15);border-radius:50%;flex:none;place-items:center;display:grid;box-shadow:inset 0 5px 10px #000000d1,inset 0 -2px 3px #ffffff0d,inset 0 0 0 1px #ffffff0a}.hud-gem-bezel .hud-gem2{filter:drop-shadow(0 3px 5px #0000008c)}button.hud-gem-bezel{font:inherit;color:inherit;appearance:none;cursor:pointer;pointer-events:auto;transition:box-shadow var(--dur-2) var(--ease);border:none;padding:0}button.hud-gem-bezel:hover,button.hud-gem-bezel:focus-visible{box-shadow:inset 0 5px 10px #000000d1, inset 0 -2px 3px #ffffff0d, inset 0 0 0 1px #ffffff0a, 0 0 0 2px var(--accent-glow)}button.hud-gem-bezel:focus-visible{outline:none}.hud-gem2__facets{clip-path:polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%);background:conic-gradient(from -30deg,#ffc7c7 0deg 57deg,#200808 57deg 60deg,#e2453f 60deg 117deg,#200808 117deg 120deg,#a3282a 120deg 177deg,#200808 177deg 180deg,#6b1414 180deg 237deg,#200808 237deg 240deg,#8f1f22 240deg 297deg,#200808 297deg 300deg,#d43e3e 300deg 357deg,#200808 357deg 360deg);position:absolute;inset:3px}.hud-gem2__spec{z-index:1;background:radial-gradient(circle at 68% 60%,#fff 0% 8%,#0000 42%),radial-gradient(at 32% 30%,#fffc,#0000 68%);width:30%;height:20%;position:absolute;top:9%;left:16%;transform:rotate(-15deg)}.hud-vbox__hp{flex:none;position:relative}.hud-vbox__side{flex-direction:column;gap:6px;display:flex}.hud-socketgrid{grid-template-columns:repeat(var(--sockcols,6), var(--sock,50px));grid-auto-rows:var(--sock,50px);gap:var(--sockgap,4px);display:grid;position:relative}.hud-socketgrid .hud-socket.weapon{grid-row:1/span 2;height:auto}.hud-socket__hint{left:calc(var(--sock) + var(--sockgap));z-index:2;border:1px solid var(--edge);border-top-color:var(--edge-top);color:#6b7280;letter-spacing:.18em;text-transform:uppercase;background:linear-gradient(165deg,#12121a,#0a0a0f);border-radius:0;width:fit-content;max-width:150px;margin:0 auto;padding:6px 8px;font-size:9px;line-height:1.3;position:absolute;top:50%;right:0;transform:translateY(-50%)}.hud-socket{width:var(--sock,58px);height:var(--sock,58px);background:linear-gradient(#0c0c11,#18181f);border:1px solid #00000080;border-radius:0;flex:none;place-items:center;display:grid;position:relative;overflow:hidden;box-shadow:inset 0 3px 6px #000000a6,inset 0 -1px #ffffff0d}.hud-socket__key{z-index:2;color:#fff6;text-shadow:0 1px 2px #000c;font-size:9px;font-weight:700;position:absolute;top:3px;left:5px}.hud-socket.empty{border-color:#ffffff12}.hud-socket.empty .hud-socket__key{color:#ffffff38}.hud-socket__gem{color:#fff;text-shadow:0 1px 2px #00000080;background:radial-gradient(circle at 35% 28%, color-mix(in srgb, var(--el) 85%, #fff), color-mix(in srgb, var(--el) 60%, #000) 75%);border-radius:0;place-items:center;width:100%;height:100%;font-size:15px;font-weight:800;display:grid;position:relative;overflow:hidden;box-shadow:0 2px 5px #0006,inset 0 1px 1px #ffffff59}.hud-socket__gem-shine{filter:blur(1.5px);background:#ffffff80;border-radius:50%;width:42%;height:26%;position:absolute;top:8%;left:18%;transform:rotate(-20deg)}.hud-socket__cost{z-index:2;color:#fff;background:#0009;border-radius:3px;padding:0 3px;font-size:10px;font-weight:700;position:absolute;bottom:2px;right:3px}.hud-socket__cd-overlay{z-index:2;pointer-events:none;color:var(--fg);text-shadow:0 2px 4px #000000e6,0 0 10px #000000b3;place-items:center;font-size:20px;font-weight:700;display:grid;position:absolute;inset:0}.hud-socket.weapon .hud-socket__gem--weapon{aspect-ratio:1;color:#17130a;background:radial-gradient(circle at 35% 28%,#f5d0a9,#8b6914 75%);border-radius:22%;place-items:center;width:66%;height:auto;display:grid;box-shadow:0 2px 5px #0006,inset 0 1px 1px #ffffff59}button.hud-socket{font:inherit;color:inherit;appearance:none;cursor:pointer;pointer-events:auto;transition:transform var(--dur-2) var(--ease), border-color var(--dur-2) var(--ease), box-shadow var(--dur-2) var(--ease);padding:0}button.hud-socket:focus,button.hud-socket:focus-visible{outline:none}.hud-socket:not(.disabled):hover{border-color:var(--accent);z-index:5;transform:translateY(-3px);box-shadow:inset 0 3px 6px #000000a6,0 0 16px #c8963c59}.hud-socket.armed{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent), inset 0 3px 6px #000000a6, 0 0 18px #c8963c80}.hud-socket.crit-glow{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent), inset 0 0 10px #c8963c73, inset 0 3px 6px #000000a6, 0 0 14px #c8963ccc;animation:2.4s ease-in-out infinite hud-crit-glow}@keyframes hud-crit-glow{50%{box-shadow:0 0 0 1px var(--accent), inset 0 0 14px #c8963c99, inset 0 3px 6px #000000a6, 0 0 24px #c8963c}}.hud-socket.disabled{cursor:not-allowed}.hud-socket.disabled .hud-socket__gem{opacity:.35;filter:grayscale()}.hud-socket.disabled .hud-socket__cost{color:var(--bad)}.hud-xpstrip2{background:#00000080;border-radius:4px;width:100%;height:6px;margin-top:8px;overflow:hidden}.hud-xpstrip2 span{background:linear-gradient(90deg,#7a8f1f,#d4e157);height:100%;display:block}.hud-xprow{align-items:center;gap:8px;margin-top:8px;display:flex}.hud-xprow .hud-xpstrip2{flex:1;margin-top:0}.hud-xplvl{color:#d4e157;flex:none;font-size:11px;font-weight:700;line-height:1}.hud-hand{grid-auto-rows:var(--deck-ico);pointer-events:none;gap:6px;display:grid}.hud-hand__empty{pointer-events:none;letter-spacing:.06em;color:var(--fg-faint);padding:0 var(--s-2);white-space:nowrap;grid-column:1/-1;align-self:center;font-size:10px}.hud-spellico{pointer-events:auto;width:var(--deck-ico);height:var(--deck-ico);border-radius:var(--r-3);border:1px solid var(--edge);border-top-color:var(--edge-top);color:var(--fg-muted);cursor:pointer;transform-origin:bottom;animation:deck-box-in var(--dur-3) var(--ease) backwards;transition:transform var(--dur-2) var(--ease), border-color var(--dur-2) var(--ease), box-shadow var(--dur-2) var(--ease), filter var(--dur-2) var(--ease);background:linear-gradient(165deg,#12121a,#0a0a0f);place-items:center;padding:0;display:grid;position:relative;overflow:hidden;box-shadow:0 8px 20px #00000080,inset 0 1px #ffffff0a}@keyframes deck-box-in{0%{opacity:0;transform:translateY(10px)}}.hud-spellico:hover:not(.disabled){border-color:var(--accent);z-index:5;transform:translateY(-4px)scale(1.05);box-shadow:0 14px 30px #0009,0 0 18px #c8963c59}.hud-spellico.armed{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent), 0 12px 30px #0009, 0 0 20px #c8963c73;animation:spellico-armed 1.6s var(--ease) infinite}@keyframes spellico-armed{50%{box-shadow:0 0 0 1px var(--accent), 0 12px 30px #0009, 0 0 26px #c8963c99}}.hud-spellico.disabled{filter:saturate(.45)brightness(.78);cursor:not-allowed;background:linear-gradient(165deg,#101015,#0a0a0f)}.hud-spellico.weapon{color:var(--accent);border-color:color-mix(in srgb, var(--accent) 45%, var(--edge));background:radial-gradient(circle at 50% 30%,#c8963c29,#0000 70%),linear-gradient(165deg,#14130f,#0a0a0f)}.hud-spellico__key{z-index:2;color:var(--fg-muted);text-shadow:0 1px 2px #000c;font-size:9px;font-weight:700;line-height:1;position:absolute;top:2px;left:3px}.hud-spellico.armed .hud-spellico__key{color:var(--accent)}.hud-spellico__strip{z-index:1;height:3px;position:absolute;top:0;left:0;right:0}.hud-spellico__art{place-items:center;width:100%;height:100%;display:grid}.hud-spellico__img{object-fit:cover;width:100%;height:100%}.hud-spellico__fallback{width:100%;height:100%;font-family:var(--font-ui);color:color-mix(in srgb, var(--el,var(--accent)) 78%, #fff);background:radial-gradient(circle at 50% 38%, color-mix(in srgb, var(--el,var(--accent)) 34%, transparent), transparent 72%);place-items:center;font-size:22px;font-weight:800;line-height:1}.hud-spellico__cost{z-index:2;color:var(--fg);background:#0a0a0fd1;border-radius:2px;padding:0 3px;font-size:11px;font-weight:700;line-height:1.3;position:absolute;bottom:1px;right:2px}.hud-spellico.disabled .hud-spellico__cost{color:var(--bad)}.hud-turns{left:var(--s-3);z-index:22;top:calc(var(--s-4) / var(--ui-scale,1));bottom:calc((var(--gw-chat-h,320px) + var(--gw-chat-bottom,10px) + var(--s-3)) / var(--ui-scale,1));justify-content:safe center;align-items:stretch;gap:var(--s-2);scrollbar-width:thin;scrollbar-color:#c8963c66 transparent;pointer-events:none;flex-direction:column;padding-right:20px;display:flex;position:fixed;overflow-y:auto;box-shadow:inset 0 -10px 8px -8px #00000073}.hud-turns::-webkit-scrollbar{width:6px}.hud-turns::-webkit-scrollbar-track{background:0 0}.hud-turns::-webkit-scrollbar-thumb{background:#c8963c66}.hud-turns::-webkit-scrollbar-thumb:hover{background:#c8963c99}.hud-turn{pointer-events:auto;align-items:center;gap:var(--s-2);border-radius:var(--r-3);border:1px solid var(--edge);border-top-color:var(--edge-top);width:236px;transition:transform var(--dur-2) var(--ease), border-color var(--dur-2) var(--ease), box-shadow var(--dur-2) var(--ease);background:linear-gradient(165deg,#12121a,#0a0a0f);flex-direction:row;padding:6px;display:flex;position:relative;box-shadow:0 12px 30px #00000073,inset 0 1px #ffffff0a}.hud-turn.active{z-index:3;transform:translate(6px)scale(1.04);box-shadow:0 16px 40px #0000008c}.hud-turn__body{flex-direction:column;flex:auto;gap:5px;min-width:0;display:flex}.hud-turn.active.ally{border-color:#4a9eff}.hud-turn.active.enemy{border-color:var(--bad)}.hud-turn.dead{opacity:.4;filter:saturate(.3)grayscale(.4)}.hud-turn__portrait{border-radius:var(--r-2);width:40px;height:40px;color:var(--fg);border:2px solid var(--slate);background:linear-gradient(150deg,#14141c,#0a0a0f);justify-content:center;align-self:center;align-items:center;font-size:20px;font-weight:700;display:flex}.hud-turn.ally .hud-turn__portrait{border-color:color-mix(in srgb, #4a9eff 55%, var(--slate))}.hud-turn.enemy .hud-turn__portrait{border-color:color-mix(in srgb, var(--bad) 55%, var(--slate))}.hud-turn.active.ally .hud-turn__portrait{border-color:#4a9eff}.hud-turn.active.enemy .hud-turn__portrait{border-color:var(--bad)}.hud-turn.active.active-a{background:linear-gradient(165deg,#4a3714,#171208);border-color:#c8963c;box-shadow:0 0 22px #c8963c8c,0 16px 40px #0009,inset 0 1px #f5d0a929}.hud-turn.active.active-a .hud-turn__name{color:#f5d0a9}.hud-turn.active.active-a .hud-turn__portrait{border-color:#c8963c;box-shadow:0 0 12px #c8963c80}.hud-turn.active.active-b{border-color:#c8963c;transform:translate(6px)scale(1.08);box-shadow:0 0 16px #c8963c6b,0 18px 44px #0009}.hud-turn.active.active-b .hud-turn__portrait{filter:brightness(1.35);border-color:#c8963c;box-shadow:0 0 14px #c8963c99}.hud-turn__id{justify-content:space-between;align-items:baseline;gap:6px;display:flex}.hud-turn__name{color:var(--fg);text-transform:uppercase;letter-spacing:.06em;white-space:nowrap;text-overflow:ellipsis;font-size:11px;font-weight:600;overflow:hidden}.hud-turn__lvl{color:var(--fg-muted);text-transform:uppercase;letter-spacing:.08em;flex:none;font-size:9px}.hud-turn__hp{border-radius:var(--r-1);border:1px solid var(--hair);background:#00000073;height:13px;position:relative;overflow:hidden}.hud-turn__hp-fill{height:100%;transition:width var(--dur-3) var(--ease);background:linear-gradient(90deg,#5c1a1a,#f87171)}.hud-turn__hp-num{color:var(--fg);text-shadow:0 1px 2px #000000d9;justify-content:flex-end;align-items:center;padding-right:5px;font-size:9px;font-weight:600;display:flex;position:absolute;inset:0}.hud-turn__timer{border-radius:var(--r-1);border:1px solid var(--hair);background:#00000073;height:10px;position:relative;overflow:hidden}.hud-turn__timer-fill{background:linear-gradient(90deg, #8b6914, var(--accent));height:100%;transition:width .25s linear}.hud-turn__timer-fill.urgent{background:linear-gradient(90deg, #5c1a1a, var(--bad))}.hud-turn__timer-num{color:var(--fg);text-shadow:0 1px 2px #000000d9;justify-content:flex-end;align-items:center;padding-right:5px;font-size:8px;display:flex;position:absolute;inset:0}.hud-middle{z-index:24;pointer-events:none;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.hud-modal{pointer-events:auto;background:linear-gradient(160deg, var(--glass-hi), var(--glass));border:1px solid var(--edge);border-top-color:var(--edge-top);border-radius:var(--r-3);-webkit-backdrop-filter:blur(20px)saturate(160%);flex-direction:column;width:min(560px,92vw);max-height:78vh;display:flex;overflow:hidden;box-shadow:0 12px 40px #00000073,inset 0 1px #ffffff0a}.hud-panel-head{padding:var(--s-4) var(--s-4) var(--s-3);border-bottom:1px solid var(--hair);justify-content:space-between;align-items:center;display:flex}.hud-panel-title{letter-spacing:.02em;text-transform:capitalize;color:var(--fg);font-size:15px;font-weight:600}.hud-panel-close{border:1px solid var(--hair);border-radius:var(--r-1);width:28px;height:28px;color:var(--fg-muted);cursor:pointer;transition:color var(--dur-1) var(--ease), border-color var(--dur-1) var(--ease);background:0 0;place-items:center;padding:0;display:grid}.hud-panel-close:hover{color:var(--accent);border-color:color-mix(in srgb, var(--accent) 40%, transparent)}.hud-icon{display:block}.hud-panel-body{min-height:0;padding:var(--s-4);flex:1;overflow:auto}.hud-panel-empty{min-height:160px;color:var(--fg-faint);font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;justify-content:center;align-items:center;font-size:.72rem;display:flex}.fight-report{z-index:40}.fight-report__body{gap:var(--s-3);flex-direction:column;display:flex}.fight-report__banner{justify-content:space-between;align-items:baseline;display:flex}.fight-report__verdict{font-family:var(--font-mono);letter-spacing:.18em;text-transform:uppercase;color:var(--accent);font-size:.9rem}.fight-report__verdict.is-defeat{color:var(--bad)}.fight-report__duration{letter-spacing:.04em;text-transform:uppercase;color:var(--fg-muted);font-size:.72rem}.fight-report__teams{gap:var(--s-3);flex-direction:column;display:flex}.fight-report__team-head{letter-spacing:.1em;text-transform:uppercase;color:var(--fg-faint);justify-content:space-between;align-items:center;margin-bottom:6px;font-size:.66rem;display:flex}.fight-report__rows{flex-direction:column;gap:5px;margin:0;padding:0;list-style:none;display:flex}.fight-report__row{align-items:center;gap:var(--s-2);padding:8px var(--s-3);border-radius:var(--r-2);border:1px solid var(--hair);background:#0000003d;font-size:.8rem;display:flex}.fight-report__row.is-down{opacity:.55}.fight-report__row--me{align-items:stretch;gap:var(--s-2);padding:var(--s-3);background:var(--accent-dim);border-color:color-mix(in srgb, var(--accent) 32%, transparent);flex-direction:column}.fight-report__row-head{align-items:center;gap:var(--s-2);display:flex}.fight-report__name{color:var(--fg);flex:auto;font-weight:600}.fight-report__lvl{color:var(--fg-muted);font-size:.72rem}.fight-report__state{letter-spacing:.06em;text-transform:uppercase;color:var(--fg-faint);font-size:.64rem}.fight-report__xp-gain{color:var(--accent);font-size:.78rem;font-weight:700}.fight-report__bar{background:#0006;border-radius:99px;height:7px;overflow:hidden}.fight-report__bar-fill{background:var(--accent);height:100%;transition:width var(--dur-3) var(--ease);border-radius:99px}.fight-report__bar-fill.is-pending{background:linear-gradient(90deg, var(--accent-dim), var(--accent), var(--accent-dim));background-size:200% 100%;width:100%;animation:1.1s linear infinite fight-report-sweep}@keyframes fight-report-sweep{0%{background-position:200% 0}to{background-position:-200% 0}}.fight-report__levelup{color:var(--fg-muted);font-size:.74rem}.fight-report__loot{gap:var(--s-2);flex-wrap:wrap;margin-top:2px;display:flex}.fight-report__actions{justify-content:flex-end;display:flex}.level-up{z-index:45;width:min(420px,92vw);animation:level-up-punch var(--dur-3) var(--ease)}@keyframes level-up-punch{0%{opacity:0;transform:scale(.9)translateY(8px)}60%{transform:scale(1.02)}to{opacity:1;transform:scale(1)translateY(0)}}.level-up__body{align-items:center;gap:var(--s-3);text-align:center;flex-direction:column;display:flex}.level-up__badge{width:64px;height:64px;font-family:var(--font-mono);font-variant-numeric:tabular-nums;color:var(--accent);background:var(--accent-dim);border:1px solid color-mix(in srgb, var(--accent) 45%, transparent);border-radius:var(--r-3);box-shadow:0 0 24px var(--accent-glow);place-items:center;font-size:1.6rem;display:grid}.level-up__title{color:var(--fg);font-size:1.05rem;font-weight:600}.level-up__multi{color:var(--accent)}.level-up__copy{color:var(--fg-muted);margin:0;font-size:.82rem}.level-up__rewards{gap:var(--s-2);grid-template-columns:1fr 1fr;width:100%;display:grid}.level-up__reward{padding:var(--s-3) var(--s-2);border:1px solid var(--hair);border-radius:var(--r-2);background:#00000038;flex-direction:column;gap:2px;display:flex}.level-up__reward-value{font-family:var(--font-mono);font-variant-numeric:tabular-nums;color:var(--accent);font-size:1.2rem}.level-up__reward-label{letter-spacing:.04em;text-transform:uppercase;color:var(--fg-faint);font-size:.66rem}.level-up__actions{justify-content:center;width:100%;display:flex}.fights-modal{width:min(540px,92vw)}.fights-modal__head-icon{margin-right:var(--s-2);color:var(--accent);place-items:center;display:grid}.fights-modal__head-icon svg{width:18px;height:18px}.fights-modal__body{padding:var(--s-4);gap:var(--s-3);flex-direction:column;display:flex;overflow-y:auto}.fights-modal__fight{padding:var(--s-3);border:1px solid var(--hair);border-radius:var(--r-2);gap:var(--s-3);background:#ffffff05;flex-direction:column;display:flex}.fights-modal__teams{align-items:start;gap:var(--s-3);grid-template-columns:1fr auto 1fr;display:grid}.fights-modal__vs{letter-spacing:.08em;text-transform:uppercase;color:var(--fg-faint);align-self:center;font-size:12px;font-weight:700}.fights-modal__team-label{letter-spacing:.06em;text-transform:uppercase;color:var(--fg-muted);margin-bottom:var(--s-2);font-size:11px;font-weight:600}.fights-modal__team.is-human .fights-modal__team-label{color:var(--accent)}.fights-modal__roster{flex-direction:column;gap:4px;margin:0;padding:0;list-style:none;display:flex}.fights-modal__member{justify-content:space-between;align-items:center;gap:var(--s-2);color:var(--fg);font-size:13px;display:flex}.fights-modal__member-lvl{color:var(--fg-muted);font-size:12px}.fights-modal__empty{color:var(--fg-faint);font-size:12px}.fights-modal__actions{justify-content:flex-end;display:flex}.hud-leave-persistent{z-index:9000;pointer-events:auto;position:fixed;bottom:14px;right:14px}.hud-socket__gem-art{object-fit:cover;image-rendering:auto;z-index:0;border-radius:0;width:100%;height:100%;position:absolute;inset:0}.hud-socket__gem-shine{z-index:1}.confirm-dialog__scrim{z-index:9500;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#040408b8;justify-content:center;align-items:center;animation:.16s ease-out confirm-dialog-fade;display:flex;position:fixed;inset:0}.confirm-dialog{color:#e8e4dc;background:#12121af5;border:1px solid #c8963c47;width:min(92vw,30rem);padding:1.5rem 1.5rem 1.25rem;font-family:JetBrains Mono,monospace;animation:.18s ease-out confirm-dialog-rise;box-shadow:0 0 40px #0009,0 0 24px #c8963c14}.confirm-dialog__title{letter-spacing:.2em;text-transform:uppercase;color:#c8963c;margin-bottom:.75rem;font-size:13px;font-weight:600}.confirm-dialog__msg{letter-spacing:.04em;color:#b8b4ac;margin-bottom:1.5rem;font-size:12px;line-height:1.5}.confirm-dialog__btns{justify-content:flex-end;gap:.75rem;display:flex}.confirm-dialog .confirm-dialog__btn{letter-spacing:.18em;text-transform:uppercase;cursor:pointer;background:0 0;border:1px solid #0000;padding:.55rem 1.25rem;font-family:JetBrains Mono,monospace;font-size:11px;font-weight:600;transition:box-shadow .18s,border-color .18s,color .18s,background .18s}.confirm-dialog .confirm-dialog__btn--cancel{color:#c8963c;border-color:#c8963c66}.confirm-dialog .confirm-dialog__btn--cancel:hover{color:#f5d0a9;background:#c8963c14;border-color:#c8963cb3;box-shadow:0 0 18px #c8963c2e}.confirm-dialog .confirm-dialog__btn--confirm{color:#0a0a0f;background:linear-gradient(#c8963c,#8b6914);border-color:#c8963c99}.confirm-dialog .confirm-dialog__btn--confirm:hover{box-shadow:0 0 20px #c8963c59}.confirm-dialog .confirm-dialog__btn--danger{color:#f87171;background:0 0;border-color:#f871718c}.confirm-dialog .confirm-dialog__btn--danger:hover{color:#fca5a5;background:#f871711a;border-color:#f87171;box-shadow:0 0 20px #f871714d}@keyframes confirm-dialog-fade{0%{opacity:0}to{opacity:1}}@keyframes confirm-dialog-rise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}