.meter-demo{width:100%;min-width:0;max-width:400px;margin:0}@media (width>=768px){.meter-demo{zoom:1.2}}.mx-root{--row-h:40px;--scope:var(--mx-scope-group);padding:var(--mx-pad,var(--sp-6)) var(--mx-pad,var(--sp-6)) 0;background-color:var(--mx-surface,var(--surface));background-image:var(--mx-sheen,none);border:1px solid color-mix(in srgb, var(--scope) 60%, transparent);border-radius:var(--mx-r-win,var(--r-card));box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--scope) 22%, transparent), var(--shadow-window);color:var(--text);font-family:var(--font-ui);font-size:var(--fs-12);-webkit-user-select:none;user-select:none;flex-direction:column;line-height:1.25;display:flex;position:relative;overflow:hidden}.mx-body{flex-direction:column;display:flex}.mx-titlebar{align-items:center;gap:var(--sp-6);min-height:var(--mx-title-h,24px);display:flex}.mx-target-icon{object-fit:contain;width:18px;height:18px;filter:var(--mx-art-shadow);flex:none}.mx-target{min-width:0;font-size:var(--fs-13);letter-spacing:.005em;text-overflow:ellipsis;white-space:nowrap;flex:auto;font-weight:600;overflow:hidden}.mx-badge{height:18px;padding:0 var(--sp-6);border-radius:var(--r-pill);font-size:var(--fs-11);white-space:nowrap;flex:none;align-items:center;font-weight:600;display:inline-flex}.mx-badge.is-ok{color:var(--ok);background:var(--ok-soft);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--ok) 35%, transparent)}.mx-badge[hidden]{display:none}.mx-winctl,.mx-tools{flex:none;align-items:center;gap:2px;display:inline-flex}.mx-sep{width:1px;height:14px;margin:0 var(--sp-4);background:var(--line-strong);flex:none}.mx-btn{width:var(--target-overlay);height:var(--target-overlay);border-radius:var(--r-row);color:var(--text-2);flex:none;justify-content:center;align-items:center;display:inline-flex}.mx-core img{opacity:.82;width:16px;height:16px}.mx-hp{align-items:center;gap:var(--sp-8);margin-top:var(--mx-head-gap,var(--sp-4));font-family:var(--mx-num-font,inherit);font-size:var(--fs-11);font-variant-numeric:tabular-nums;display:flex}.mx-hp-track{min-width:48px;height:var(--mx-hp-h,5px);border-radius:var(--r-pill);background:var(--mx-hp-track);flex:1 1 0;overflow:hidden}.mx-bar{width:100%;height:100%;display:block;overflow:hidden}.mx-bar rect{transition:width var(--t-bar) var(--ease)}.mx-hp-from{stop-color:var(--mx-hp-from)}.mx-hp-to{stop-color:var(--hp)}:is(.mx-hp,.mx-card-track).is-low .mx-hp-fill{fill:var(--warn)}.mx-hp-abs{min-width:0;color:var(--text-2);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.mx-hp-pct{text-align:end;min-width:38px;font-weight:600}.mx-timers{align-items:center;gap:var(--sp-8);height:16px;margin-top:var(--mx-head-gap,var(--sp-4));color:var(--text-2);font-size:var(--fs-11);font-variant-numeric:tabular-nums;display:flex}.mx-timer{white-space:nowrap;align-items:center;gap:4px;min-width:0;display:inline-flex}.mx-timer svg,.mx-clock svg{opacity:.8}.mx-timer-value{color:var(--text);font-family:var(--mx-num-font,inherit);font-size:var(--fs-12);font-weight:600}.mx-summary{justify-content:space-between;align-items:center;gap:var(--sp-12);margin-top:var(--mx-head-gap-2,var(--sp-6));padding-bottom:var(--mx-head-gap-2,var(--sp-6));border-bottom:1px solid var(--line);display:flex}.mx-kpi{align-items:baseline;gap:var(--sp-8);min-width:0;display:flex}.mx-kpi-value{font-family:var(--mx-kpi-font,var(--font-display));font-size:var(--mx-kpi-fs,var(--fs-20));letter-spacing:-.01em;font-variant-numeric:tabular-nums;white-space:nowrap;font-weight:600;line-height:1}.mx-kpi-value small,.mx-card-value small,.mx-dps small,.mx-pct small{font-family:var(--font-ui);font-size:var(--fs-11);letter-spacing:0;margin-inline-start:1px}.mx-kpi-value small,.mx-card-value small{color:var(--text-2);font-weight:500}.mx-kpi-meta{align-items:center;column-gap:var(--sp-8);min-width:0;height:14px;color:var(--text-2);font-family:var(--mx-num-font,inherit);font-size:var(--fs-11);font-variant-numeric:tabular-nums;white-space:nowrap;flex-wrap:wrap;display:inline-flex;overflow:hidden}@media (width<=331px){.mx-kpi-meta{display:none}}@media (width<=479px){.mx-ping [data-md=ping],.mx-focus-art{display:none}.mx-focus-btn{padding:0 3px 0 4px}}.mx-clock{align-items:center;gap:3px;display:inline-flex}.mx-cards,.mx-seg,.mx-me-tag,.mx-root:not(.vis-faixas) .mx-by-name{display:none}.mx-cards{gap:var(--sp-4);margin-top:var(--sp-8);grid-template-columns:repeat(3,minmax(0,1fr))}.vis-painel .mx-cards--painel,.vis-faixas .mx-cards--faixas{display:grid}.mx-card{min-width:0;padding:var(--sp-6) var(--sp-8);border-radius:var(--mx-r-row,var(--r-row));background:var(--tile);font-variant-numeric:tabular-nums;flex-direction:column;gap:2px;display:flex}.mx-card-label,.mx-card-sub,.mx-card-value{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.mx-card-label,.mx-card-sub{color:var(--text-2);font-size:var(--fs-11)}.mx-card-value{font-family:var(--font-display);font-size:var(--fs-15);font-weight:600;line-height:1.2}.mx-card-track{border-radius:var(--r-pill);background:var(--mx-hp-track);height:4px;margin-top:3px;display:block;overflow:hidden}.vis-painel .mx-seg{margin-top:var(--sp-8);display:block}.ui-seg{border-radius:var(--r-card);background:var(--mx-seg-bg);box-shadow:inset 0 0 0 1px var(--line);gap:2px;padding:3px;display:flex}.ui-seg__opt{min-width:0;min-height:24px;padding:0 var(--sp-12);border-radius:var(--r-row);color:var(--text-2);font-size:var(--fs-12);white-space:nowrap;flex:1 1 0;justify-content:center;align-items:center;font-weight:600;display:inline-flex}.ui-seg__opt.is-on{background:var(--mx-tab-on);color:var(--text);box-shadow:var(--mx-seg-on-shadow)}.ui-seg__opt.is-on:before{content:"";background:var(--accent);border-radius:50%;flex:none;width:6px;height:6px;margin-inline-end:7px}.mx-list{gap:var(--mx-row-gap,2px);margin:var(--mx-head-gap-2,var(--sp-6)) 0 0;flex-direction:column;display:flex}.mx-row{--cc:var(--mx-neutral);--mx-c-rank:calc(16px + var(--sp-8));--mx-c-emb:calc(var(--mx-emblem,28px) + var(--sp-8));--mx-c-pct:calc(46px + var(--sp-8));grid-template-columns:var(--mx-c-rank) var(--mx-c-emb) minmax(0, 1fr) auto var(--mx-c-pct);min-height:var(--row-h);padding:var(--mx-row-pt,3px) var(--sp-8) var(--mx-row-pb,3px) var(--sp-6);border-radius:var(--mx-r-row,var(--r-row));background:var(--mx-row-bg,var(--tile));box-shadow:var(--mx-row-edge,none);align-items:center;display:grid;position:relative;overflow:hidden}.mx-row>:not(.mx-fill){z-index:1;position:relative}.mx-row>.mx-rank{grid-column:1;margin-inline-end:var(--sp-8)}.mx-row>.mx-emblem{grid-column:2}.mx-row>.mx-id{grid-column:3}.mx-row>.mx-dps{grid-column:4}.mx-row>.mx-pct{grid-column:5;margin-inline-start:var(--sp-8)}.mx-row[data-role=tank]{--cc:var(--role-tank)}.mx-row[data-role=dps]{--cc:var(--role-dps)}.mx-row[data-role=healer]{--cc:var(--role-healer)}.mx-fill{top:var(--mx-bar-t,0px);bottom:var(--mx-bar-b,0px);width:calc(100% - var(--mx-bar-l,0px) - var(--mx-bar-r,0px));height:var(--mx-bar-h,100%);pointer-events:none;position:absolute;inset-inline-start:var(--mx-bar-l,0px)}.mx-root:not(.vis-vidro,.skin-vidro) .mx-fill rect{fill:var(--mx-fill,color-mix(in srgb, var(--cc) 36%, transparent))}.mx-root:not(.vis-vidro,.skin-vidro) .mx-row.is-self .mx-fill rect{fill:var(--mx-fill-self,color-mix(in srgb, var(--cc) 42%, transparent))}.mx-g-from{stop-color:color-mix(in srgb, var(--cc) 8%, transparent)}.mx-g-to{stop-color:color-mix(in srgb, var(--cc) 48%, transparent)}.is-self .mx-g-from{stop-color:color-mix(in srgb, var(--cc) 12%, transparent)}.is-self .mx-g-to{stop-color:color-mix(in srgb, var(--cc) 56%, transparent)}.mx-row.is-self{box-shadow:inset 0 0 0 1.5px color-mix(in srgb, var(--me) 72%, transparent)}.mx-row.is-self .mx-name,.mx-row.is-self .mx-rank{font-weight:700}.mx-row.is-self .mx-rank{color:var(--text)}.mx-rank{color:var(--mx-on-fill);font-family:var(--mx-num-font,inherit);font-size:var(--fs-11);font-variant-numeric:tabular-nums;text-align:end}.mx-emblem{width:var(--mx-emblem,28px);height:var(--mx-emblem,28px);border-radius:var(--mx-r-emblem,var(--r-chip));background:var(--mx-sink);object-fit:contain;display:block}.mx-id{min-width:0;flex-direction:column;gap:2px;padding-inline-end:calc(var(--sp-8) * 2);display:flex}.mx-name{font-size:var(--fs-13);text-overflow:ellipsis;text-shadow:var(--mx-text-shadow);white-space:nowrap;font-weight:500;overflow:hidden}.mx-sub{column-gap:var(--sp-8);height:14px;color:var(--mx-on-fill);font-family:var(--mx-num-font,inherit);font-size:var(--fs-11);font-variant-numeric:tabular-nums;text-shadow:var(--mx-text-shadow-soft);white-space:nowrap;flex-wrap:wrap;display:flex;overflow:hidden}.mx-gs{align-items:center;gap:.2em;display:inline-flex}.mx-gs img{filter:brightness(1.35);width:auto;height:1.25em}.mx-name-deaths{color:var(--danger);font-size:var(--fs-12);vertical-align:-1px;align-items:center;gap:2px;margin-inline-start:var(--sp-6);font-weight:600;display:inline-flex}.mx-name-deaths.is-zero{display:none}.mx-death-mark{background-color:currentColor;width:13px;height:13px;mask:url(data:image/svg+xml,%3Csvg%20xmlns=%27http://www.w3.org/2000/svg%27%20viewBox=%270%200%2016%2016%27%3E%3Cpath%20fill=%27white%27%20fill-rule=%27evenodd%27%20d=%27M8%201C4.7%201%202.5%203.3%202.5%206.4c0%201.8.8%203%201.9%203.8V13c0%20.6.4%201%201%201h.9v-1.4h1.1V14h1.2v-1.4h1.1V14h.9c.6%200%201-.4%201-1v-2.8c1.1-.8%201.9-2%201.9-3.8C13.5%203.3%2011.3%201%208%201ZM5.6%206c.9%200%201.6.7%201.6%201.5S6.5%209%205.6%209%204%208.3%204%207.5%204.7%206%205.6%206Zm4.8%200c.9%200%201.6.7%201.6%201.5S11.3%209%2010.4%209%208.8%208.3%208.8%207.5%209.5%206%2010.4%206ZM8%209.3l1%201.7H7l1-1.7Z%27/%3E%3C/svg%3E) 50%/contain no-repeat}.mx-dps{min-width:50px;font-family:var(--mx-num-font,inherit);font-size:var(--mx-dps-fs,var(--fs-13));font-variant-numeric:tabular-nums;text-align:end;text-shadow:var(--mx-text-shadow);white-space:nowrap;font-weight:600}.mx-dps small,.mx-pct small{color:var(--mx-on-fill);font-weight:400}.mx-pct{color:var(--mx-on-fill);font-family:var(--mx-num-font,inherit);font-size:var(--fs-12);font-variant-numeric:tabular-nums;text-align:end;text-shadow:var(--mx-text-shadow-soft);white-space:nowrap}.mx-foot{justify-content:space-between;align-items:center;gap:var(--sp-8);margin-top:var(--sp-6);padding:var(--sp-4) 0 var(--sp-6);border-top:1px solid var(--line);display:flex}.mx-controls{align-items:center;gap:var(--sp-4);flex:0 auto;min-width:0;display:inline-flex}.mx-focus-btn{min-width:0;height:var(--target-overlay);border-radius:var(--mx-r-ctl,var(--r-row));background:var(--mx-ctl-bg,var(--mx-sink));box-shadow:inset 0 0 0 1px var(--line);color:var(--text-2);align-items:center;gap:1px;padding:0 3px 0 2px;display:inline-flex}.mx-focus-art{object-fit:contain;width:20px;height:20px;filter:var(--mx-art-shadow);flex:none}.mx-focus-label{min-width:0;color:var(--text);font-size:var(--fs-11);text-overflow:ellipsis;white-space:nowrap;margin-block:-2px;padding:2px 1px 2px 3px;font-weight:600;line-height:1;overflow:hidden}.mx-focus-btn svg{flex-shrink:0}.mx-scope-btn{padding:0 3px 0 6px}.mx-scope-btn .mx-focus-label{color:var(--scope)}.mx-tabs{height:var(--target-overlay);border-radius:var(--mx-r-ctl,var(--r-row));background:var(--mx-ctl-bg,var(--mx-sink));box-shadow:inset 0 0 0 1px var(--line);flex:none;gap:1px;padding:2px;display:inline-flex}.mx-tab{border-radius:var(--mx-r-tab,var(--r-chip));min-width:32px;color:var(--text-2);font-size:var(--fs-11);letter-spacing:.04em;font-weight:600;line-height:max(var(--lh-floor), 1);justify-content:center;align-items:center;padding:0 6px;display:inline-flex}.mx-tab.is-on{color:var(--text);background:var(--mx-tab-on);box-shadow:var(--mx-tab-on-shadow), inset 0 -2px 0 var(--accent)}.mx-status{min-width:0;color:var(--text-2);font-size:var(--fs-11);white-space:nowrap;flex:none;align-items:center;display:inline-flex}.mx-ping{font-family:var(--mx-num-font,inherit);font-variant-numeric:tabular-nums;align-items:center;gap:4px;display:inline-flex}.mx-ping-bars{height:9px;color:var(--ok);align-items:flex-end;gap:1px;display:inline-flex}.mx-ping-bars i{background:currentColor;border-radius:1px;width:2px;display:block}.mx-ping-bars i:first-child{height:3px}.mx-ping-bars i:nth-child(2){height:6px}.mx-ping-bars i:nth-child(3){height:9px}.mx-root.vis-vidro,.mx-root.skin-vidro{--mx-surface:var(--mx-glass-vidro);--mx-sheen:var(--mx-sheen-vidro);--mx-r-win:14px;--mx-r-ctl:var(--r-pill);--mx-r-tab:var(--r-pill);--mx-ctl-bg:var(--mx-ctl-vidro);--mx-row-bg:var(--mx-row-vidro);--mx-row-edge:var(--mx-row-edge-vidro)}.mx-root.vis-vidro{--mx-r-row:9px;--mx-r-emblem:6px;--mx-pad:8px;--mx-hp-h:6px}.mx-root.vis-denso{--row-h:34px;--mx-pad:4px;--mx-title-h:22px;--mx-head-gap:2px;--mx-head-gap-2:4px;--mx-hp-h:3px;--mx-kpi-font:var(--font-mono);--mx-kpi-fs:var(--fs-15);--mx-num-font:var(--font-mono);--mx-dps-fs:var(--fs-12);--mx-row-gap:0px;--mx-row-pt:1px;--mx-row-pb:4px;--mx-r-row:4px;--mx-row-bg:transparent;--mx-emblem:22px;--mx-r-emblem:3px;--mx-bar-r:8px;--mx-bar-t:auto;--mx-bar-b:2px;--mx-bar-h:2px}.mx-root.vis-painel{--row-h:44px;--mx-pad:8px;--mx-r-row:8px;--mx-r-emblem:5px;--mx-head-gap-2:8px;--mx-dps-fs:var(--fs-15);--mx-r-ctl:var(--r-row)}.mx-root.vis-faixas{--row-h:46px;--mx-emblem:30px;--mx-r-row:5px;--mx-r-emblem:4px;--mx-head-gap-2:var(--sp-8);--mx-dps-fs:var(--fs-15)}.mx-root.vis-painel.skin-vidro{--mx-r-ctl:var(--r-pill)}.mx-fill rect{rx:var(--mx-r-row,var(--r-row))}.vis-denso .mx-row{--mx-bar-l:calc(var(--sp-6) + var(--mx-c-rank) + var(--mx-c-emb));--mx-fill:color-mix(in srgb, var(--cc) 78%, var(--mx-bar-tint));--mx-fill-self:color-mix(in srgb, var(--cc) 70%, var(--mx-bar-tint))}.vis-denso .mx-fill rect{rx:1px}.vis-denso :is(.mx-name,.mx-dps,.mx-pct,.mx-sub){text-shadow:none}.vis-denso .mx-row.is-self{background:var(--tile);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--me) 55%, transparent)}.vis-denso :is(.mx-pct,.mx-rank,.mx-sub){color:var(--text-2)}.vis-painel :is(.mx-kpi-value,.mx-meta-total,.mx-hp){display:none}.vis-painel .mx-row{grid-template-columns:var(--mx-c-rank) var(--mx-c-emb) minmax(0, 1fr) auto;grid-template-rows:auto auto}.vis-painel .mx-row>:is(.mx-rank,.mx-emblem,.mx-id){grid-row:1/3}.vis-painel .mx-row>.mx-dps{grid-area:1/4;align-self:end;line-height:1.1}.vis-painel .mx-row>.mx-pct{grid-area:2/4;align-self:start;margin-inline-start:0;line-height:1.2}.vis-painel .is-self .mx-me-tag{height:16px;border-radius:var(--r-chip);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--me) 55%, transparent);color:var(--me);font-size:var(--fs-11);text-shadow:none;vertical-align:1px;align-items:center;margin-inline-start:var(--sp-6);padding:0 5px;font-weight:600;display:inline-flex}.vis-faixas .mx-card{padding:var(--sp-6) 10px;border-radius:var(--r-row)}.vis-faixas .mx-card-label{font-size:var(--fs-12)}.vis-faixas .mx-card-value{font-size:17px;line-height:1.25}.vis-faixas :is(.mx-kpi-value,.mx-clock,.mx-meta-total){display:none}.vis-faixas .mx-summary{border-bottom:0;justify-content:flex-start;padding-bottom:0}.vis-faixas .mx-tools{margin-inline-start:auto}.vis-faixas .mx-name{font-weight:600}.vis-faixas .mx-pct{color:var(--text);font-size:var(--fs-13)}.vis-faixas .mx-pct small{font-size:inherit;color:inherit;margin-inline-start:0}.vis-faixas .mx-sub .mx-deaths,.vis-faixas .mx-focus-art{display:none}.vis-faixas .mx-focus-btn{padding:0 3px 0 4px}.meter-demo__caption{align-items:center;gap:var(--sp-8);margin-top:var(--sp-12);color:var(--text-2);font-size:var(--fs-13);line-height:1.4;display:flex}.meter-demo__caption:before{content:"";background:var(--accent);width:6px;height:6px;box-shadow:0 0 0 2px var(--accent-soft);border-radius:50%;flex:none}@media (width>=768px){.meter-demo__caption{font-size:calc(var(--fs-13) / 1.2)}}@media (prefers-reduced-motion:reduce){.mx-bar rect{transition:none}}@media (prefers-reduced-motion:no-preference){.mx-fill rect{transform-box:fill-box;animation:grow-x var(--t-block) var(--ease) var(--t-reveal) both}.mx-item:nth-child(2) .mx-fill rect{animation-delay:calc(var(--t-reveal) + var(--t-stagger))}.mx-item:nth-child(n+3) .mx-fill rect{animation-delay:calc(var(--t-reveal) + 2 * var(--t-stagger))}}.meter-demo__head{justify-content:space-between;align-items:center;gap:var(--sp-12);color:var(--text-2);font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;margin-bottom:10px;font-size:11px;display:flex}.meter-demo__live{align-items:center;gap:6px;display:flex}.meter-demo__live:before{content:"";background:var(--ok);border-radius:50%;width:6px;height:6px}