.element-chart-page[data-v-b6e056ea]{background-color:var(--bg-slate-100-a60);min-height:80vh;color:var(--text-slate-700);border-radius:24px;padding:40px 24px;box-shadow:0 10px 40px #0000000d}@media (width<=768px){.element-chart-page[data-v-b6e056ea]{padding:20px 12px}}.page-title[data-v-b6e056ea]{text-align:center;margin-bottom:32px}.page-title h1[data-v-b6e056ea]{letter-spacing:-.03em;color:var(--text-slate-900);margin:0;font-size:26px;font-weight:800;line-height:1.1}.counters-board[data-v-b6e056ea]{max-width:1000px;margin:0 auto}.element-slider[data-v-b6e056ea]{flex-wrap:wrap;justify-content:center;align-items:center;gap:16px;margin-bottom:40px;display:flex}.slider-item[data-v-b6e056ea]{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;padding:0;transition:transform .2s}.slider-item[data-v-b6e056ea]:hover{transform:scale(1.05)}.slider-item .slider-icon-ring[data-v-b6e056ea]{border:3px solid #0000;border-radius:50%;width:60px;height:60px;padding:3px;transition:all .2s}.slider-item .slider-icon-bg[data-v-b6e056ea]{background-color:var(--bg-slate-100);border-radius:50%;justify-content:center;align-items:center;width:100%;height:100%;display:flex;box-shadow:0 2px 4px #0000001a}.slider-item .element-icon[data-v-b6e056ea]{filter:drop-shadow(0 1px 2px #00000026);width:28px;height:28px}.matchup-panels[data-v-b6e056ea]{align-items:stretch;gap:20px;display:flex}@media (width<=900px){.matchup-panels[data-v-b6e056ea]{flex-direction:column}}.panel[data-v-b6e056ea]{background:linear-gradient(to right,var(--bg-xedeff3) 50%,var(--bg-xf9fafb) 50%);border-radius:20px;flex:1;min-height:280px;padding-top:10px;position:relative;box-shadow:0 4px 12px #00000014}.panel-header[data-v-b6e056ea]{color:#fff;z-index:10;background:#3c424f;border-bottom-right-radius:16px;border-bottom-left-radius:16px;gap:8px;padding:6px 36px;font-size:15px;font-weight:700;position:absolute;top:0;left:50%;transform:translate(-50%);box-shadow:0 2px 4px #00000026}.panel-body[data-v-b6e056ea],.panel-header[data-v-b6e056ea]{align-items:center;display:flex}.panel-body[data-v-b6e056ea]{height:calc(100% - 10px);padding:30px 16px}.matchup-flow[data-v-b6e056ea]{grid-template-columns:44px minmax(70px,1fr) auto minmax(70px,1fr) 44px;place-items:center;gap:2px;width:100%;display:grid}.center-focus[data-v-b6e056ea]{z-index:2;margin:0 10px}.center-focus[data-v-b6e056ea],.center-focus .focus-ring[data-v-b6e056ea]{justify-content:center;align-items:center;display:flex}.center-focus .focus-ring[data-v-b6e056ea]{background:var(--bg-white);z-index:5;border:4px solid;border-radius:50%;width:86px;height:86px;padding:6px;box-shadow:0 4px 10px #0000001a}.center-focus .focus-core[data-v-b6e056ea]{border-radius:50%;justify-content:center;align-items:center;width:100%;height:100%;display:flex}.center-focus .focus-core img[data-v-b6e056ea]{filter:drop-shadow(0 2px 4px #00000026);width:44px;height:44px}.target-column[data-v-b6e056ea]{flex-direction:column;gap:12px}.target-column[data-v-b6e056ea],.target-icon[data-v-b6e056ea]{align-items:center;width:44px;display:flex}.target-icon[data-v-b6e056ea]{border-radius:50%;justify-content:center;height:44px;position:relative;box-shadow:0 2px 4px #0000001a}.target-icon img[data-v-b6e056ea]{filter:drop-shadow(0 1px 2px #00000026);width:24px;height:24px}.flow-arrow[data-v-b6e056ea]{color:#fff;text-shadow:0 1px 2px #00000026;z-index:1;justify-content:center;align-items:center;width:100%;height:38px;font-size:11px;font-weight:700;display:flex}.arrow-point-left[data-v-b6e056ea]{clip-path:polygon(18px 0,18px 25%,100% 25%,100% 75%,18px 75%,18px 100%,0 50%);padding-left:12px}.arrow-point-right[data-v-b6e056ea]{clip-path:polygon(0 25%,calc(100% - 18px) 25%,calc(100% - 18px) 0,100% 50%,calc(100% - 18px) 100%,calc(100% - 18px) 75%,0 75%);padding-right:12px}.arrow-bad[data-v-b6e056ea]{background:var(--bg-x848a97)}.arrow-excellent[data-v-b6e056ea]{background:#eebd65}.tooltip-anchor[data-v-b6e056ea]{cursor:pointer;position:relative}.tooltip-anchor .tooltip-text[data-v-b6e056ea]{visibility:hidden;opacity:0;color:#fff;white-space:nowrap;pointer-events:none;z-index:10;background:#1e293b;border-radius:4px;padding:4px 8px;font-size:11px;font-weight:600;transition:all .2s;position:absolute;bottom:120%;left:50%;transform:translate(-50%)}.tooltip-anchor .tooltip-text[data-v-b6e056ea]:after{content:"";border:4px solid #0000;border-top-color:#1e293b;margin-left:-4px;position:absolute;top:100%;left:50%}.tooltip-anchor:hover .tooltip-text[data-v-b6e056ea]{visibility:visible;opacity:1;bottom:110%}.matchup-table-card[data-v-b6e056ea]{border:1px solid var(--line-slate-200-a90);background:var(--bg-white-a94);border-radius:20px;max-width:1000px;margin:32px auto 0;padding:24px;box-shadow:0 10px 28px #0f172a0f}.matchup-table-heading[data-v-b6e056ea]{justify-content:space-between;gap:20px;margin-bottom:20px;display:flex}.matchup-table-heading h2[data-v-b6e056ea]{color:var(--text-slate-800);margin:0;font-size:20px}.matchup-table-heading p[data-v-b6e056ea]{color:var(--text-slate-400);margin:4px 0 0;font-size:12px}.matchup-legend[data-v-b6e056ea]{color:var(--text-slate-500);flex-wrap:wrap;align-items:center;gap:12px;font-size:12px;display:flex}.matchup-legend span[data-v-b6e056ea]{align-items:center;gap:6px;display:inline-flex}.legend-swatch[data-v-b6e056ea]{border-radius:3px;width:10px;height:10px}.legend-swatch.excellent[data-v-b6e056ea]{background:#eebd65}.legend-swatch.normal[data-v-b6e056ea]{background:var(--bg-slate-300)}.legend-swatch.bad[data-v-b6e056ea]{background:var(--bg-x848a97)}.matchup-table-scroll[data-v-b6e056ea]{overflow-x:auto}.matchup-table[data-v-b6e056ea]{border-spacing:3px;border-collapse:separate;width:100%;min-width:820px}.matchup-table td[data-v-b6e056ea],.matchup-table th[data-v-b6e056ea]{text-align:center;border-radius:8px;height:54px;padding:6px}.matchup-table thead th[data-v-b6e056ea]{color:var(--text-slate-500);font-size:11px;font-weight:700}.matchup-table thead th small[data-v-b6e056ea]{margin-top:4px;display:block}.matchup-table tbody th[data-v-b6e056ea]{z-index:2;border-right:1px solid var(--line-slate-200);background:var(--bg-white);min-width:112px;color:var(--text-slate-700);text-align:left;position:sticky;left:0}.matchup-cell[data-v-b6e056ea]{font-size:12px;font-weight:800}.matchup-cell.excellent[data-v-b6e056ea]{color:#9a6507;background:#eebd6538}.matchup-cell.normal[data-v-b6e056ea]{background:var(--bg-slate-200-a45);color:var(--text-slate-500)}.matchup-cell.bad[data-v-b6e056ea]{background:var(--bg-x848a97-a18);color:var(--text-x5f6570)}.row-element-icon[data-v-b6e056ea],.table-element-icon[data-v-b6e056ea]{border-radius:50%;justify-content:center;align-items:center;display:inline-flex}.table-element-icon[data-v-b6e056ea]{width:34px;height:34px}.row-element-icon[data-v-b6e056ea]{vertical-align:middle;width:30px;height:30px;margin-right:7px}@media (width<=700px){.matchup-table-card[data-v-b6e056ea]{padding:16px 12px}.matchup-table-heading[data-v-b6e056ea]{flex-direction:column}}@media (width<=640px){.matchup-flow[data-v-b6e056ea]{grid-template-columns:36px 1fr auto 1fr 36px}.focus-ring[data-v-b6e056ea]{width:68px;height:68px}.target-icon[data-v-b6e056ea]{width:36px;height:36px}.target-icon img[data-v-b6e056ea]{width:20px;height:20px}.flow-arrow[data-v-b6e056ea]{height:28px;font-size:9px}.arrow-point-left[data-v-b6e056ea]{clip-path:polygon(14px 0,14px 25%,100% 25%,100% 75%,14px 75%,14px 100%,0 50%);padding-left:8px}.arrow-point-right[data-v-b6e056ea]{clip-path:polygon(0 25%,calc(100% - 14px) 25%,calc(100% - 14px) 0,100% 50%,calc(100% - 14px) 100%,calc(100% - 14px) 75%,0 75%);padding-right:8px}}

.slider-item[data-v-b6e056ea]:focus-visible {
    outline: 3px solid rgba(37, 99, 235, .42);
    outline-offset: 4px;
    border-radius: 50%;
}
.tooltip-anchor[data-v-b6e056ea]:focus-visible {
    outline: 3px solid rgba(37, 99, 235, .42);
    outline-offset: 3px;
}
.tooltip-anchor[data-v-b6e056ea]:focus .tooltip-text[data-v-b6e056ea] {
    visibility: visible;
    opacity: 1;
    bottom: 110%;
}