:root{color-scheme:dark;--bg: #10161f;--panel-bg: rgba(16, 22, 31, .84);--panel-bg-solid: #131a25;--panel-border: rgba(141, 245, 236, .5);--panel-border-soft: rgba(93, 111, 131, .32);--accent: #f6b566;--accent-deep: #dd8f3d;--accent-2: #5fe3da;--ink: #dce7ee;--ink-dim: #8496a7;--hp: #c22b21;--hp-hi: #ff6b5e;--power: #4a7fb5;--power-hi: #8fc1ee;--good: #93a780;--enemy: #ff4136;--slate: #4d5e71;--gold-soft: rgba(231, 183, 95, .35);--line: var(--panel-border-soft);--radius: 8px;--radius-sm: 5px;--hud-inset: 14px;--hud-card-w: 326px;--hotbar-clear: 97px;--comms-h: min(248px, calc(100dvh - 200px) );--death-veil: rgba(40, 8, 8, .55);--damage-vignette: rgba(160, 30, 20, .28);--hud-font: "Segoe UI", Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, sans-serif}body{font-family:var(--hud-font)}button,input,select,textarea{font-family:inherit}.hud-overlay{position:fixed;inset:0;z-index:10;pointer-events:none;font-family:var(--hud-font);color:var(--ink)}.panel{position:absolute;pointer-events:auto;background:var(--panel-bg);border:1px solid var(--panel-border-soft);border-radius:var(--radius);backdrop-filter:blur(4px);box-shadow:0 8px 24px #04080e73,inset 0 1px #dce7ee0a}.num{font-variant-numeric:tabular-nums;font-weight:700}.prole,.region,.comms-head h2{font-size:9px;font-weight:800;letter-spacing:.8px;text-transform:uppercase}.bar{position:relative;height:13px;border-radius:4px;background:#dce7ee12;overflow:hidden;box-shadow:inset 0 0 0 1px #04080e73}.bar i{position:absolute;inset:0 auto 0 0;display:block;border-radius:4px}.bar b{position:relative;display:block;font-size:9px;font-weight:700;line-height:13px;text-align:center;color:#fff;text-shadow:0 1px 1px rgba(0,0,0,.85);letter-spacing:.4px}.bar.hp i{background:linear-gradient(180deg,var(--hp-hi),var(--hp));transition:width .18s ease}.bar.power i{background:linear-gradient(180deg,var(--power-hi),var(--power));transition:width .18s ease}.bar.power.channeling i{animation:power-channel-pulse .6s ease-in-out infinite}@keyframes power-channel-pulse{0%,to{filter:brightness(1)}50%{filter:brightness(1.45) saturate(1.2)}}.bar.power.interrupted i{animation:power-interrupt-flicker .55s ease-out}@keyframes power-interrupt-flicker{0%,40%{background:linear-gradient(180deg,#ff6b5e,#b3271c);filter:brightness(1.25)}20%,60%{background:linear-gradient(180deg,var(--power-hi),var(--power));filter:brightness(.9)}to{background:linear-gradient(180deg,var(--power-hi),var(--power));filter:brightness(1)}}.hud-col-tl{position:absolute;top:var(--hud-inset);left:var(--hud-inset);display:flex;flex-direction:column;gap:8px;pointer-events:none}.hud-col-tl .panel{position:static;pointer-events:auto;box-sizing:border-box;width:var(--hud-card-w)}.player{width:300px;padding:10px 12px;display:flex;gap:10px}.portrait{position:relative;width:54px;height:54px;flex:0 0 auto;padding:0;border:0;cursor:pointer;font-family:inherit;border-radius:var(--radius-sm);background:linear-gradient(150deg,#3a4654,#1b2430);box-shadow:inset 0 0 0 1px #dce7ee1a;display:grid;place-items:center;font-size:25px;color:var(--accent-2)}.portrait:hover{box-shadow:inset 0 0 0 1px #5fe3da73}.portrait-tod{position:absolute;right:2px;bottom:2px;min-width:18px;padding:0 3px;border-radius:3px;font-size:9px;font-weight:600;line-height:1.35;letter-spacing:.02em;color:var(--ink);background:#10161fe0;box-shadow:inset 0 0 0 1px #f6b56659;pointer-events:none}.portrait-tod[hidden]{display:none}.settings-panel{--settings-top: 158px;top:var(--settings-top);left:14px;width:300px;padding:12px 14px;display:flex;flex-direction:column;gap:8px;box-sizing:border-box;max-height:calc(100vh - var(--settings-top) - var(--hud-inset));z-index:6}.settings-body{display:flex;flex-direction:column;gap:8px;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding-right:4px;margin-right:-4px;scrollbar-width:thin;scrollbar-color:rgba(220,231,238,.28) transparent;scroll-padding-block-end:30px}.settings-body::-webkit-scrollbar{width:8px}.settings-body::-webkit-scrollbar-track{background:#060a1059;border-radius:4px}.settings-body::-webkit-scrollbar-thumb{background:#dce7ee42;border-radius:4px}.settings-body::-webkit-scrollbar-thumb:hover{background:#dce7ee66}.settings-body[data-more=true]:after{content:"";position:sticky;display:block;bottom:0;height:26px;margin-top:-26px;pointer-events:none;background:linear-gradient(to top,var(--panel-bg),transparent)}.settings-panel[hidden]{display:none}.settings-head{margin:0;font-size:11px;font-weight:800;letter-spacing:.8px;text-transform:uppercase;color:var(--ink-dim)}.settings-group{display:flex;flex-direction:column;gap:6px}.settings-label{font-size:9px;font-weight:800;letter-spacing:.8px;text-transform:uppercase;color:var(--ink-dim)}.settings-options{display:flex;flex-wrap:wrap;gap:5px}.settings-opt{padding:5px 9px;border:1px solid rgba(220,231,238,.14);border-radius:var(--radius-sm);background:#dce7ee0f;color:var(--ink);font-family:inherit;font-size:11px;font-weight:700;cursor:pointer}.settings-opt:hover{border-color:#5fe3da73}.settings-opt.active{background:#5fe3da29;border-color:var(--accent-2);color:var(--accent-2)}.settings-note{margin:0;font-size:10px;color:var(--ink-dim)}.settings-options-stack{flex-direction:column;align-items:stretch}.settings-opt-aa{text-align:left}.settings-opt-aa small{display:block;margin-top:2px;font-size:10px;font-weight:500;color:var(--ink-dim)}.settings-opt-aa.active small{color:inherit;opacity:.85}.settings-tod-row{display:flex;align-items:center;gap:8px}.settings-tod-slider{flex:1;min-width:0;accent-color:var(--accent-2)}.settings-tod-readout{font-size:11px;font-weight:700;color:var(--ink);min-width:56px;text-align:right;font-variant-numeric:tabular-nums}.settings-audio-row{display:flex;align-items:center;gap:8px}.settings-audio-name{font-size:11px;color:var(--ink);opacity:.85;min-width:68px}.settings-audio-slider{flex:1;min-width:0;accent-color:var(--accent-2)}.settings-audio-slider:disabled{opacity:.4}.settings-audio-readout{font-size:11px;font-weight:700;color:var(--ink);min-width:34px;text-align:right;font-variant-numeric:tabular-nums}.player .stack{flex:1;min-width:0;display:flex;flex-direction:column;gap:6px;justify-content:center}.player-id{display:flex;flex-direction:column;gap:1px}.pname-row{display:flex;align-items:center;gap:6px;min-width:0}.pname{font-weight:700;font-size:14px;letter-spacing:.3px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.player .prole{color:#5fe3dacc;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.level-chip{flex:0 0 auto;padding:1px 6px;border-radius:var(--radius-sm);border:1px solid var(--gold-soft);background:#e7b75f1f;color:var(--accent);font-size:9px;font-weight:700;letter-spacing:.6px}.gold-chip{display:inline-flex;align-items:center;gap:4px;flex:0 0 auto;padding:1px 6px 1px 4px;border-radius:var(--radius-sm);border:1px solid var(--gold-soft);background:#e7b75f1f;color:var(--accent);font-size:9px;font-weight:700;letter-spacing:.6px;font-variant-numeric:tabular-nums}.gold-coin{width:8px;height:8px;border-radius:50%;background:radial-gradient(circle at 32% 28%,#ffe3a3,var(--accent) 55%,var(--accent-deep));box-shadow:inset 0 0 0 1px #5a3a0c8c}.gold-chip.gold-gain{animation:gold-gain-pulse .5s ease-out}@keyframes gold-gain-pulse{0%{transform:scale(1);box-shadow:0 0 #f6b5668c}35%{transform:scale(1.16);box-shadow:0 0 10px 2px #f6b56680}to{transform:scale(1);box-shadow:0 0 #f6b56600}}.bar.xp{height:9px}.bar.xp i{background:linear-gradient(180deg,#ffd28a,var(--accent-deep));transition:width .25s ease}.bar.xp b{line-height:9px;font-size:8px;color:#ffffffdb}.bar.xp.level-up i{animation:level-up-sweep .9s ease-out}.level-chip.level-up{animation:level-up-chip .9s ease-out}@keyframes level-up-sweep{0%{filter:brightness(2.1) saturate(1.4)}to{filter:brightness(1)}}@keyframes level-up-chip{0%{transform:scale(1);box-shadow:0 0 #f6b566b3;background:#f6b5668c}30%{transform:scale(1.3);box-shadow:0 0 14px 4px #f6b5668c}to{transform:scale(1);box-shadow:0 0 #f6b56600;background:#e7b75f1f}}.target-frame{width:300px;padding:8px 12px;border-left:3px solid var(--panel-border-soft)}.target-frame[data-affiliation=hostile]{border-left-color:var(--enemy)}.target-frame[data-affiliation=friendly]{border-left-color:var(--accent-2)}.target-frame .stack{display:flex;flex-direction:column;gap:6px}.target-frame[data-dead=true] .bar.hp i{filter:grayscale(.9) brightness(.7)}.target-frame[data-tier=normal] .level-chip{border-color:var(--panel-border-soft);background:#dce7ee12;color:var(--ink-dim)}.target-frame[data-tier=elite] .level-chip{border-color:var(--accent);background:#f6b5663d;color:var(--accent);box-shadow:0 0 8px #f6b56647}.target-frame[data-tier=boss]{border-left-width:5px;border-left-color:var(--hp-hi)}.target-frame[data-tier=boss] .level-chip{border-color:var(--hp-hi);background:#ff6b5e3d;color:var(--hp-hi);letter-spacing:.9px}.hud-col-tr{position:absolute;top:var(--hud-inset);right:var(--hud-inset);width:208px;display:flex;flex-direction:column;align-items:stretch;gap:8px;pointer-events:none}.hud-col-tr .panel{position:static;box-sizing:border-box;pointer-events:auto}.minimap{padding:8px;display:flex;flex-direction:column;gap:6px}.map-head{display:flex;align-items:center;justify-content:space-between;gap:8px}.map-wrap{position:relative}.map-orient-toggle{position:absolute;top:4px;right:4px;z-index:1;min-width:26px;height:16px;padding:0 4px;font-size:8px;font-weight:800;letter-spacing:.4px;text-transform:uppercase;color:var(--ink-dim);background:#090d1499;border:1px solid var(--panel-border-soft);border-radius:var(--radius-sm);cursor:pointer;line-height:1}.map-orient-toggle:hover{color:var(--accent-2);border-color:#5fe3da73}.map-orient-toggle[data-mode=rotating]{color:var(--accent-2)}.region{color:var(--ink-dim);padding:2px 6px;border-radius:var(--radius-sm);border:1px solid var(--panel-border-soft)}.region[data-zone=safe]{color:var(--good);border-color:#93a78066}.region.loc-primary{cursor:pointer;flex:1;display:flex;align-items:center;justify-content:space-between;gap:6px;min-width:0}.loc-primary-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.loc-caret{color:var(--ink-dim);flex:0 0 auto;font-size:8px}.region.loc-primary:hover{color:var(--accent-2);border-color:#5fe3da73}.region.loc-primary[data-expanded="1"]{color:var(--accent-2)}.loc-badge{font-size:9px;letter-spacing:.4px;text-transform:uppercase;color:var(--accent);padding:1px 2px}.loc-detail{display:flex;flex-direction:column;gap:3px;padding:5px 6px;font-size:10px;background:#090d1459;border:1px solid var(--panel-border-soft);border-radius:var(--radius-sm)}.loc-detail[hidden]{display:none}.loc-row{display:flex;justify-content:space-between;gap:8px;line-height:1.35}.loc-k{color:var(--ink-dim);flex:0 0 auto;text-transform:uppercase;font-size:8px;letter-spacing:.5px;padding-top:1px}.loc-v{color:var(--ink);text-align:right;min-width:0;overflow-wrap:anywhere;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.loc-row[data-key=latlon] .loc-v,.loc-row[data-key=cell] .loc-v{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:9.5px;color:var(--accent-2)}.loc-actions{display:flex;gap:6px;margin-top:2px}.loc-btn{flex:1;height:20px;font-size:9px;font-weight:800;letter-spacing:.4px;text-transform:uppercase;color:var(--ink-dim);background:#090d1459;border:1px solid var(--panel-border-soft);border-radius:var(--radius-sm);cursor:pointer;line-height:1}.loc-btn:hover{color:var(--accent-2);border-color:#5fe3da73}.conn{display:inline-flex;align-items:center;gap:5px;font-size:9px;color:var(--ink-dim)}.player .pname-row .conn{margin-left:auto;flex:0 0 auto}.conn-dot{width:7px;height:7px;border-radius:50%;background:var(--slate)}.conn[data-state=online] .conn-dot{background:var(--good);box-shadow:0 0 6px #93a780b3}.minimap canvas{display:block}.stats-chip,.help-chip{display:flex;flex-direction:column}.stats-head,.help-head{display:flex;align-items:center;gap:7px;padding:5px 8px;border:0;background:transparent;color:var(--ink);font-family:var(--hud-font);cursor:pointer;text-align:left}.stats-pill{flex:1;font-size:10px;letter-spacing:.4px;color:var(--ink-dim)}.stats-pill-sim,.stats-pill-unit{color:var(--ink-dim)}.stats-pill .num{font-size:11px;color:var(--ink)}.chip-chevron{flex:0 0 auto;font-size:9px;color:var(--ink-dim);transition:transform .15s ease}.stats-head:hover .chip-chevron,.help-head:hover .chip-chevron{color:var(--accent-2)}[data-collapsed=false]>.stats-head .chip-chevron,[data-collapsed=false]>.help-head .chip-chevron{transform:rotate(180deg)}.stats-rows,.help-binds{margin:0;padding:2px 8px 7px;display:flex;flex-direction:column;gap:2px;border-top:1px solid var(--panel-border-soft)}.stats-rows[hidden],.help-binds[hidden]{display:none}.stats-row,.help-bind{display:flex;align-items:baseline;justify-content:space-between;gap:10px}.stats-row dt,.help-bind dt{font-size:9px;font-weight:800;letter-spacing:.4px;text-transform:uppercase;color:var(--ink-dim)}.stats-row dd,.help-bind dd{margin:0;font-size:11px;text-align:right;color:var(--ink)}.stats-row:first-child,.help-bind:first-child{padding-top:4px}.help-mark{flex:0 0 auto;width:15px;height:15px;display:grid;place-items:center;border-radius:50%;border:1px solid var(--panel-border-soft);font-size:10px;font-weight:800;color:var(--accent-2)}.help-label{flex:1;color:var(--ink-dim)}.help-bind dd{font-size:10px;color:#dce7eedb}.help-bind dt{text-transform:none;font-size:10px;letter-spacing:.2px;color:var(--accent-2);white-space:nowrap}.map-modal{box-sizing:border-box;left:50%;top:50%;transform:translate(-50%,-50%);z-index:12;padding:10px 12px 12px;display:flex;flex-direction:column;gap:8px;max-width:calc(100vw - 28px);max-height:calc(100vh - 28px)}.map-modal[hidden]{display:none}.map-modal-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.map-modal-head h3{margin:0;font-size:10px;font-weight:800;letter-spacing:1.4px;text-transform:uppercase;color:var(--ink-dim)}.map-modal-actions{display:flex;align-items:center;gap:6px}.map-modal-close{width:20px;height:20px;padding:0;display:grid;place-items:center;font:700 13px/1 var(--hud-font);color:var(--ink-dim);background:transparent;border:1px solid var(--panel-border-soft);border-radius:4px;cursor:pointer}.map-modal-close:hover{color:var(--accent);border-color:var(--accent)}#map-modal-canvas,.map-modal canvas{display:block;width:min(72vw,72vh);height:min(72vw,72vh);max-width:100%;border-radius:var(--radius-sm);background:#0d1216;box-shadow:inset 0 0 0 1px #dce7ee0f;cursor:crosshair}#map-modal-canvas[data-gm-mode=true]{cursor:crosshair}.map-modal-coords{font-size:11px;font-variant-numeric:tabular-nums;font-weight:700;color:var(--accent-2);text-align:center;min-height:1.2em;letter-spacing:.04em}.map-modal-hint{font-size:10px;color:var(--ink-dim);text-align:center}.hotbar-panel{position:absolute;bottom:var(--hud-inset);left:50%;transform:translate(-50%);padding:8px;z-index:1}.hotbar{display:flex;gap:8px}.cast-toast{position:absolute;bottom:calc(100% + 10px);left:50%;transform:translate(-50%);padding:4px 12px;font-size:12px;font-weight:700;letter-spacing:.04em;white-space:nowrap;color:var(--ink);background:#10161feb;border-radius:var(--radius-sm);box-shadow:inset 0 0 0 1px var(--slate);pointer-events:none;opacity:0}.cast-toast.show{animation:cast-toast-fade 1.4s ease-out forwards}.coach{position:absolute;bottom:calc(var(--hud-inset) + var(--hotbar-clear) + 10px);left:50%;transform:translate(-50%);z-index:2;display:flex;flex-direction:column;align-items:center;gap:5px;padding:10px 14px 8px;border:1px solid var(--panel-border-soft);border-radius:var(--radius);background:#10161fe6;box-shadow:0 6px 18px #00000059;pointer-events:none;animation:coach-in .35s ease-out both}.coach[hidden]{display:none}.coach-grid{display:grid;grid-template-columns:auto auto;align-items:center;column-gap:9px;row-gap:6px}.coach-keys{display:flex;justify-content:flex-end;gap:5px}.coach-cap{min-width:19px;padding:2px 5px;border:1px solid var(--panel-border-soft);border-bottom-width:2px;border-radius:var(--radius-sm);background:#263240e6;color:var(--accent-2);font-family:var(--hud-font);font-size:10px;font-weight:800;letter-spacing:.4px;text-align:center}.coach-cap-wide{letter-spacing:.2px}.coach-say{font-size:11px;color:var(--ink-dim)}.coach-dismiss{margin-top:3px;padding:3px 10px;border:1px solid var(--panel-border-soft);border-radius:var(--radius-sm);background:transparent;color:var(--ink-dim);font-family:var(--hud-font);font-size:10px;letter-spacing:.4px;cursor:pointer;pointer-events:auto}.coach-dismiss:hover{color:var(--ink);border-color:var(--accent-2)}@keyframes coach-in{0%{opacity:0;transform:translate(-50%) translateY(6px)}to{opacity:1;transform:translate(-50%) translateY(0)}}@keyframes cast-toast-fade{0%{opacity:0;transform:translate(-50%) translateY(4px)}12%,70%{opacity:1;transform:translate(-50%) translateY(0)}to{opacity:0;transform:translate(-50%) translateY(0)}}.slot{position:relative;width:66px;height:60px;padding:0;border-radius:var(--radius-sm);border:1px solid rgba(16,22,31,.65);background:radial-gradient(circle at 50% 30%,var(--el-hi),var(--el-lo));cursor:pointer;color:#fff;font-family:var(--hud-font);display:flex;flex-direction:column;align-items:center;justify-content:flex-start;isolation:isolate;filter:saturate(.72) brightness(.8);transition:transform .12s ease,box-shadow .12s ease,filter .12s ease;touch-action:none}.slot:hover,.slot:focus-visible{transform:translateY(-3px);filter:saturate(.9) brightness(.95);outline:none}.slot.active{transform:translateY(-2px);filter:none;box-shadow:inset 0 0 0 2px var(--accent),0 4px 14px #f6b56647}.slot .icon{position:absolute;z-index:0;inset:0;width:100%;height:100%;object-fit:cover;border-radius:inherit;pointer-events:none;user-select:none}.slot .glyph{position:relative;z-index:2;font-size:23px;line-height:1;margin-top:7px;filter:drop-shadow(0 1px 1px rgba(0,0,0,.7))}.slot .key{position:absolute;z-index:2;top:3px;left:3px;min-width:14px;padding:0 3px;font-size:10px;font-weight:800;line-height:14px;text-align:center;color:var(--ink);background:#10161fd9;border-radius:3px;box-shadow:inset 0 0 0 1px #dce7ee29}.slot.active .key{color:#10161f;background:var(--accent);box-shadow:none}.slot .label{position:absolute;z-index:2;bottom:4px;left:1px;right:1px;font-size:8px;font-weight:700;line-height:1.08;letter-spacing:0;text-align:center;text-transform:uppercase;color:#ffffffeb;max-height:18px;white-space:normal;overflow-wrap:break-word;overflow:hidden;text-shadow:0 1px 2px rgba(0,0,0,.9)}.slot .cd-text{position:absolute;z-index:3;inset:0;display:grid;place-items:center;font-size:15px;font-weight:800;color:#f3fbff;text-shadow:0 1px 3px rgba(0,0,0,.9);pointer-events:none}.slot .cooldown{position:absolute;z-index:1;inset:0;border-radius:inherit;background:conic-gradient(rgba(9,13,20,.68) var(--cd-angle, 0deg),rgba(9,13,20,0) 0deg);opacity:0;pointer-events:none}.slot.cooling .cooldown{opacity:1}.slot.cd-done{animation:cd-ready .26s ease-out}.slot.denied{animation:denied-shake .16s ease-out}.slot.instant{box-shadow:inset 0 0 0 1px #5fe3da59;cursor:pointer}.slot.instant .key{color:var(--el-hi)}.slot.socket{background:#0a0f168c;border:1px dashed rgba(220,231,238,.22);box-shadow:inset 0 2px 6px #0006;filter:none;cursor:default}.slot.socket:hover,.slot.socket:focus-visible{transform:none;filter:none}.slot[data-cast=power]{outline:2px dashed var(--slate);outline-offset:-2px}@keyframes cd-ready{35%{filter:saturate(1) brightness(1.3);box-shadow:inset 0 0 0 2px #8df5ecb3,0 0 14px #5fe3da59}}@keyframes denied-shake{25%{transform:translate(-2px)}50%{transform:translate(2px)}75%{transform:translate(-1px)}}.el-laser{--el-hi: #79e9ec;--el-lo: #1e4a52}.el-nova{--el-hi: #7fdfec;--el-lo: #1f4e60}.el-stasis{--el-hi: #8fb7e8;--el-lo: #2e4a74}.el-repair{--el-hi: #93d0a0;--el-lo: #2f5340}.el-beam{--el-hi: #f6c65f;--el-lo: #7c521e}.el-utility{--el-hi: #5fe3da;--el-lo: #1e524e}.el-mobility{--el-hi: #b9a7f2;--el-lo: #443a6e}.el-item{--el-hi: #5d6f83;--el-lo: #29323f}.tip{position:absolute;bottom:calc(100% + 12px);left:50%;transform:translate(-50%) translateY(6px);z-index:6;width:208px;display:flex;flex-direction:column;gap:7px;padding:9px 11px;text-align:left;text-transform:none;letter-spacing:normal;color:var(--ink);background:linear-gradient(180deg,rgba(24,32,44,.98),var(--panel-bg-solid));border:1px solid var(--panel-border-soft);border-radius:var(--radius);box-shadow:0 10px 26px #0000008c,inset 0 1px #dce7ee0d;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .12s ease,transform .12s ease,visibility .12s}.tip:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:6px solid transparent;border-top-color:var(--panel-border-soft)}.slot:hover .tip,.slot:focus-visible .tip,.bag-cell:hover .tip,.bag-cell:focus-visible .tip{opacity:1;visibility:visible;transform:translate(-50%) translateY(0)}.tip-head{display:flex;align-items:baseline;justify-content:space-between;gap:8px;padding-bottom:6px;border-bottom:1px solid rgba(93,111,131,.35)}.tip-name{font-size:13px;font-weight:800;color:#f3fbff;letter-spacing:.2px}.tip-type{flex:none;font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.4px;padding:2px 6px;border-radius:999px;color:#10161f;background:var(--el-hi, var(--accent-2))}.tip-stats{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:3px}.tip-stats li{display:flex;align-items:baseline;justify-content:space-between;gap:10px;font-size:11px;line-height:1.3}.tip-stats .tk{color:var(--ink-dim);text-transform:uppercase;font-size:9px;letter-spacing:.4px}.tip-stats .tv{font-weight:700;color:var(--ink);text-align:right}.tip-stats li.hot .tv{color:var(--accent)}.tip-desc{font-size:11px;line-height:1.4;color:#dce7eedb}.tip-note{font-size:10px;line-height:1.4;font-style:italic;color:#dce7ee9e}.comms{left:var(--hud-inset);bottom:var(--hud-inset);z-index:2;display:grid;grid-template-rows:auto minmax(0,1fr) auto;width:min(330px,calc(100vw - 28px));height:var(--comms-h);min-width:260px;min-height:150px;overflow:hidden;background:#0d121a61;border-color:transparent;transition:background .15s ease,border-color .15s ease,box-shadow .15s ease}.comms:hover,.comms.chat-active{background:var(--panel-bg);border-color:var(--panel-border-soft);box-shadow:0 8px 24px #04080e66}.comms-head{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:end;gap:8px;padding:8px 8px 0 10px;border-bottom:1px solid var(--panel-border-soft);opacity:.76}.comms:hover .comms-head,.comms.chat-active .comms-head{opacity:1}.comms-head h2{margin:0 0 8px;color:var(--ink-dim)}.tabs{display:flex;gap:4px;min-width:0}.tabs button{flex:1;min-width:0;border:0;border-bottom:2px solid transparent;background:transparent;color:var(--ink-dim);padding:6px 3px;font-size:10px;font-family:var(--hud-font);cursor:pointer}.tabs button.active{color:var(--accent-2);border-bottom-color:var(--accent-2)}.chat-toggle{width:24px;height:24px;margin-bottom:4px;display:grid;place-items:center;border:1px solid transparent;border-radius:var(--radius-sm);background:transparent;color:var(--ink-dim);font-size:12px;line-height:1;cursor:pointer}.chat-toggle:hover{color:var(--ink);border-color:var(--panel-border-soft)}.chat-log{display:flex;flex-direction:column;gap:2px;min-height:0;margin:0;padding:8px 10px 10px;overflow:auto;list-style:none;text-shadow:0 1px 2px rgba(0,0,0,.95)}.chat-log[data-filter=talk] .chat-line:not(.chat-talk),.chat-log[data-filter=logs] .chat-line:not(.chat-system){display:none}.chat-line{display:block;padding:1px 0;font-size:12px}.chat-line .who{color:var(--accent-2);font-size:12px;font-weight:700}.chat-line .who:after{content:": ";color:var(--ink-dim);font-weight:500}.chat-line p{display:inline;margin:0;font-size:12px;line-height:1.34;overflow-wrap:anywhere}.chat-system{color:#8496a7e6}.chat-system .who,.chat-system p{color:var(--ink-dim);font-style:italic}.chat-system .who:after{content:" "}.chat-party .who{color:var(--power-hi)}.chat-refused{color:var(--accent);padding-left:6px;border-left:2px solid var(--accent-deep);font-style:normal;overflow-wrap:anywhere}.chat-log[data-filter=talk] .chat-line.chat-refused,.chat-log[data-filter=logs] .chat-line.chat-refused{display:block}.chat-form{display:none;grid-template-columns:minmax(0,1fr) auto;gap:6px;padding:0 10px 10px}.comms.chat-active .chat-form{display:grid}.chat-form input{min-width:0;padding:6px 8px;border-radius:var(--radius-sm);border:1px solid var(--panel-border-soft);background:#090d14d9;color:var(--ink);font-family:var(--hud-font);font-size:12px}.chat-form input:focus{outline:none;border-color:var(--accent-2)}.chat-form button{padding:6px 10px;border-radius:var(--radius-sm);border:1px solid var(--panel-border-soft);background:var(--panel-bg-solid);color:var(--ink-dim);font-family:var(--hud-font);font-size:11px;cursor:pointer}.chat-form button:hover{color:var(--accent-2);border-color:var(--accent-2)}.command{bottom:var(--hud-inset);right:var(--hud-inset);padding:8px;display:flex;flex-direction:column;align-items:flex-end;gap:8px}.cmd-row{display:flex;gap:8px}@media(max-width:1520px){.command .cmd-row{flex-wrap:wrap;justify-content:flex-end;max-width:268px}}@media(max-width:1240px){.comms,.command{bottom:calc(var(--hud-inset) + var(--hotbar-clear))}.comms{--comms-h: min(248px, calc(100dvh - 200px - var(--hotbar-clear)))}#stream-health{bottom:calc(var(--hud-inset) + var(--hotbar-clear) + var(--comms-h) + 8px)}}#stream-health{position:fixed;left:var(--hud-inset);bottom:calc(var(--hud-inset) + var(--comms-h) + 8px);z-index:3;max-width:min(340px,calc(100vw - 28px));padding:7px 11px;border-radius:var(--radius-sm);font-family:var(--hud-font);font-size:11px;line-height:1.45;pointer-events:none;backdrop-filter:blur(4px)}#stream-health[data-temp=neutral]{background:#0a0e12db;color:var(--ink);outline:1px solid var(--panel-border-soft)}#stream-health[data-temp=alert]{background:#3c1010e0;color:#ffd7d7;outline:1px solid rgba(255,120,120,.35)}.cmd-btn{position:relative;width:44px;height:44px;border-radius:var(--radius-sm);display:grid;place-items:center;font-size:19px;color:var(--ink);background:#dce7ee0a;border:1px solid var(--panel-border-soft);cursor:pointer;transition:border-color .12s ease,transform .12s ease,box-shadow .12s ease,background .12s ease}.cmd-btn .cic{line-height:1;filter:drop-shadow(0 1px 1px rgba(0,0,0,.6))}.cmd-btn .cmd-tod{position:absolute;right:2px;bottom:2px;min-width:16px;padding:0 2px;border-radius:3px;font-size:8px;font-weight:600;line-height:1.3;letter-spacing:.02em;color:var(--ink);background:#10161fe6;box-shadow:inset 0 0 0 1px #f6b56659;pointer-events:none}.cmd-btn .cmd-tod[hidden]{display:none}.cmd-btn:not(:disabled):hover{border-color:var(--panel-border);background:#5fe3da14;transform:translateY(-2px)}.cmd-btn:not(:disabled):active{transform:translateY(0)}.cmd-btn.hot,.cmd-btn[aria-pressed=true]{box-shadow:inset 0 0 0 2px var(--accent);color:var(--accent);background:#f6b56614;border-color:transparent}.cmd-btn[data-tip]:after{content:attr(data-tip);position:absolute;bottom:calc(100% + 8px);right:0;width:max-content;max-width:180px;padding:4px 8px;font-size:10px;line-height:1.3;color:var(--ink);background:var(--panel-bg-solid);border:1px solid var(--panel-border-soft);border-radius:var(--radius-sm);box-shadow:0 4px 12px #00000073;opacity:0;transform:translateY(3px);transition:opacity .12s ease,transform .12s ease;pointer-events:none;z-index:5}.cmd-btn[data-tip]:hover:after{opacity:1;transform:translateY(0)}.bag-panel{box-sizing:border-box;right:var(--hud-inset);bottom:calc(var(--hud-inset) + 84px);width:434px;max-height:calc(100vh - var(--hud-inset) - 84px - var(--hud-inset));padding:10px 12px 12px;display:flex;flex-direction:column;gap:8px;z-index:6;overflow:visible}.bag-panel[hidden]{display:none}.bag-head{display:flex;align-items:center;gap:8px;cursor:grab;touch-action:none}.bag-panel h3{margin:0;flex:1;font-size:10px;font-weight:800;letter-spacing:1.4px;text-transform:uppercase;color:var(--ink-dim)}.bag-cap{font-size:9px;font-weight:800;letter-spacing:.6px;color:var(--ink-dim)}.bag-close,.settings-close{font:inherit;font-size:12px;line-height:1;padding:1px 6px 3px;border-radius:6px;background:var(--panel-bg-solid);border:1px solid var(--panel-border-soft);color:var(--ink-dim);cursor:pointer}.bag-close:hover,.settings-close:hover{color:var(--accent);border-color:var(--accent)}.settings-headrow{display:flex;align-items:center;gap:8px}.settings-headrow .settings-head{flex:1}.bag-grid{display:grid;gap:6px;min-height:0;overflow-y:auto;overscroll-behavior:contain}.bag-cell{position:relative;aspect-ratio:1 / 1;display:flex;align-items:center;justify-content:center;padding:0;border-radius:7px;background:#0a0f168c;border:1px solid var(--panel-border-soft);box-shadow:inset 0 2px 6px #0006;color:var(--ink);font-family:var(--hud-font);cursor:pointer;touch-action:none}.bag-cell:hover,.bag-cell:focus-visible{border-color:var(--accent);outline:none}.bag-cell.selected{border-color:var(--accent);box-shadow:inset 0 2px 6px #0006,0 0 0 1px var(--accent)}.bag-cell-icon{width:82%;height:82%;display:block;pointer-events:none;filter:drop-shadow(0 2px 2px rgba(0,0,0,.35))}.bag-cell-glyph{font-size:20px;color:var(--accent);pointer-events:none}.bag-cell-ability{background:radial-gradient(circle at 50% 35%,var(--el-hi),var(--el-lo));border-color:#ffffff24}.bag-cell-tile{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border-radius:inherit;pointer-events:none;user-select:none}.bag-cell-item-tile{border-color:#ffffff1f;background:#0c0f16}.bag-cell-ability .bag-cell-glyph{color:#f3fbff;filter:drop-shadow(0 2px 3px rgba(0,0,0,.55));margin-bottom:6px}.bag-cell-name{position:absolute;left:2px;right:2px;bottom:2px;font-size:7px;font-weight:800;letter-spacing:.4px;text-transform:uppercase;text-align:center;color:#f3fbff;text-shadow:0 1px 2px rgba(0,0,0,.85);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;pointer-events:none}.bag-cell-qty,.slot .qty{position:absolute;top:2px;right:2px;min-width:13px;padding:0 3px;border-radius:6px;background:#060a10d1;border:1px solid rgba(255,255,255,.16);font-size:9px;font-weight:800;line-height:13px;text-align:center;font-variant-numeric:tabular-nums;color:#f3fbff;text-shadow:0 1px 2px rgba(0,0,0,.9);pointer-events:none}.bag-cell .tip{width:190px;bottom:calc(100% + 10px);z-index:7}.bag-move-hint{font-size:10px;font-weight:700;color:var(--accent);min-height:12px}.inv-drag-ghost{position:fixed;z-index:40;width:34px;height:34px;margin:-17px 0 0 -17px;display:flex;align-items:center;justify-content:center;border-radius:7px;background:#0a0f16d9;border:1px solid var(--accent);box-shadow:0 6px 16px #00000080;font-size:18px;color:var(--accent);pointer-events:none}.inv-drag-ghost img{width:82%;height:82%}.frame-grip{height:8px;margin:-2px 2px 5px;border-radius:4px;background:repeating-linear-gradient(90deg,rgba(220,231,238,.22) 0 3px,transparent 3px 7px);opacity:.55;cursor:grab;touch-action:none;transition:opacity .12s ease;align-self:stretch}.frame-grip:hover{opacity:1}.player-context-menu{position:fixed;z-index:40;min-width:160px;padding:6px 0;display:flex;flex-direction:column;gap:0}.player-context-menu[hidden]{display:none!important}.player-context-menu .pcm-name{margin:0;padding:4px 12px 6px;font-size:11px;font-weight:700;color:var(--accent);border-bottom:1px solid var(--panel-border-soft)}.player-context-menu .pcm-item{appearance:none;border:0;background:transparent;color:var(--ink);text-align:left;padding:7px 12px;font:12px var(--hud-font);cursor:pointer}.player-context-menu .pcm-item:hover:not(:disabled){background:#5fe3da1f;color:var(--accent-2)}.player-context-menu .pcm-item:disabled{color:var(--ink-dim);cursor:default;opacity:.55}.player-context-menu .pcm-item{align-items:flex-start;display:flex;flex-direction:column}.player-context-menu .pcm-reason{color:#dce1e69e;font-size:10px;line-height:1.25}.death-veil{position:fixed;inset:0;background:var(--death-veil);z-index:11;display:none;align-items:center;justify-content:center;pointer-events:none;color:#f2d9d0;font:16px var(--hud-font);letter-spacing:.6px}.death-veil{--death-fade-ms: .6s;opacity:1}.death-veil.fading{opacity:0;transition:opacity var(--death-fade-ms) ease-out}.death-card{display:flex;flex-direction:column;align-items:center;gap:7px;text-align:center;text-shadow:0 2px 10px rgba(0,0,0,.8);padding:26px 52px;border-radius:14px;background:radial-gradient(ellipse at center,#0c04049e,#0c04046b 55%,#0c040400)}.death-headline{font-size:26px;font-weight:600;letter-spacing:3px}.death-killer{font-size:17px;color:#ffd9c8}.death-setback{font-size:15px;color:#e0bdb1;letter-spacing:1px}body.death-recap .panel.player .stack .bar,body.death-recap .panel.player .conn{opacity:0}body.death-recap .panel.player{filter:saturate(.35) brightness(.72)}.panel.player .stack .bar,.panel.player .conn{transition:opacity .14s ease-out}.panel.player{transition:filter .14s ease-out}.damage-vignette{position:fixed;inset:0;box-shadow:inset 0 0 120px 40px var(--damage-vignette);z-index:9;opacity:0;pointer-events:none;transition:opacity .12s}.auth-veil{position:fixed;inset:0;z-index:50;display:grid;place-items:center;background:radial-gradient(circle at 50% 35%,#1b2430eb,#090d14f5);font-family:var(--hud-font);color:var(--ink)}.auth-panel{position:relative;width:min(340px,calc(100vw - 32px));padding:18px 20px 20px;display:flex;flex-direction:column;gap:10px}.auth-eyebrow{margin:0;color:#5fe3dacc}.auth-title{margin:0;font-size:20px;font-weight:800;letter-spacing:.3px;color:#f3fbff}.auth-copy{margin:0;font-size:12px;line-height:1.45;color:var(--ink-dim)}.auth-tabs{display:flex;gap:4px}.auth-tabs button{flex:1;border:0;border-bottom:2px solid transparent;background:transparent;color:var(--ink-dim);padding:6px 3px;font:700 11px var(--hud-font);letter-spacing:.4px;cursor:pointer}.auth-tabs button.active{color:var(--accent-2);border-bottom-color:var(--accent-2)}.auth-form{display:flex;flex-direction:column;gap:10px}.auth-form label{display:flex;flex-direction:column;gap:4px;font-size:10px;font-weight:800;letter-spacing:.6px;text-transform:uppercase;color:var(--ink-dim)}.auth-form input{padding:8px 10px;border-radius:var(--radius-sm);border:1px solid var(--panel-border-soft);background:#090d14d9;color:var(--ink);font:13px var(--hud-font)}.auth-form input:focus{outline:none;border-color:var(--accent-2)}.auth-hint{font-size:10px;font-weight:500;letter-spacing:normal;text-transform:none;color:var(--ink-dim);display:none}.auth-form[data-mode=signup] .auth-hint{display:block}.auth-submit{padding:8px 10px;border-radius:var(--radius-sm);border:1px solid var(--gold-soft);background:#e7b75f24;color:var(--accent);font:800 12px var(--hud-font);letter-spacing:.5px;cursor:pointer}.auth-submit:hover:not(:disabled){border-color:var(--accent);background:#e7b75f38}.auth-submit:disabled{opacity:.55;cursor:default}.auth-error{margin:0;min-height:1.2em;font-size:11px;font-weight:700;color:var(--hp-hi)}.auth-guest{align-self:center;border:0;background:transparent;color:var(--ink-dim);font:11px var(--hud-font);text-decoration:underline;cursor:pointer}.auth-guest:hover{color:var(--accent-2)}.account-chip{display:flex;align-items:center;gap:7px;padding:5px 8px}.account-chip-label{color:var(--ink-dim)}.account-chip-name{font-size:11px;font-weight:700;max-width:110px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.account-chip-action{padding:3px 7px;border-radius:var(--radius-sm);border:1px solid var(--panel-border-soft);background:var(--panel-bg-solid);color:var(--ink-dim);font:700 10px var(--hud-font);cursor:pointer}.account-chip-action:hover{color:var(--accent-2);border-color:var(--accent-2)}