.charcmp{gap:1.25rem;display:grid}[data-slot="1"]{--slot:var(--label-bright)}[data-slot="2"]{--slot:var(--gold)}[data-slot="3"]{--slot:var(--arc)}[data-slot="4"]{--slot:var(--faction-bright)}.charcmp-swatch{background:var(--slot);width:.6rem;height:.6rem;box-shadow:0 0 6px color-mix(in srgb, var(--slot) 60%, transparent);vertical-align:middle;border-radius:50%;flex:none;margin-inline-end:.45rem;display:inline-block}.charcmp-bar{flex-wrap:wrap;align-items:center;gap:.6rem;display:flex}.charcmp-cards{grid-template-columns:repeat(auto-fit,minmax(min(100%,13rem),1fr));gap:.75rem;margin:0;padding:0;list-style:none;display:grid}.charcmp-card{border:1px solid color-mix(in srgb, var(--slot) 45%, var(--border-strong));background:var(--panel-bg);box-shadow:var(--shadow-window), var(--panel-inset);border-radius:3px;align-content:start;gap:.75rem;min-width:0;padding:.9rem;display:grid;position:relative}.charcmp-card-head{grid-template-columns:auto 1fr;align-items:center;gap:.65rem;padding-inline-end:1.75rem;display:grid}.charcmp-card-head .armory-portrait{border:1px solid var(--border-strong)}.charcmp-card-name{color:var(--text-emph);overflow-wrap:anywhere;align-items:center;margin:0;font-size:1.15rem;display:flex}.charcmp-card-line{color:var(--text-desc);margin:.2rem 0 0;font-size:.875rem}.charcmp-card-figures{flex-wrap:wrap;gap:1.25rem;margin:0;display:flex}.charcmp-card-figures div{display:grid}.charcmp-card-figures dt{color:var(--text-desc);font-size:.75rem}.charcmp-card-figures dd{color:var(--text-emph);font-variant-numeric:tabular-nums;margin:0;font-size:1.4rem}.charcmp-card-links{border-top:1px solid var(--border);gap:.2rem;margin:0;padding:.5rem 0 0;list-style:none;display:grid}.charcmp-card-links a{color:var(--link);border-radius:2px;padding:.3rem .45rem;font-size:.8125rem;transition:background-color .15s,color .15s;display:block}.charcmp-card-links a:hover,.charcmp-card-links a:focus-visible{background:var(--accent-dim);color:var(--link-hover)}.charcmp-remove{border:1px solid var(--border-strong);background:var(--bg-3);width:2rem;height:2rem;color:var(--text-desc);cursor:pointer;border-radius:3px;place-items:center;padding:0;font-size:1.1rem;line-height:1;transition:border-color .15s,color .15s;display:grid;position:absolute;top:.55rem;right:.55rem}.charcmp-remove:hover,.charcmp-remove:focus-visible{border-color:var(--accent);color:var(--accent-bright)}.charcmp-picker{gap:.9rem;display:grid}.charcmp-picker h2,.charcmp-picker h3{margin:0}.charcmp-picker .armory-search{box-shadow:none;background:0 0;border:0;padding:0}.charcmp-picker button.armory-result{width:100%;font:inherit;text-align:start;cursor:pointer}.charcmp-picker button.armory-result:disabled{opacity:.5;cursor:default}.charcmp-section{padding-bottom:1.1rem}.charcmp-scroll{border:1px solid var(--border-strong);background:var(--bg-1);scrollbar-width:thin;scrollbar-color:var(--accent) var(--bg-3);border-radius:3px;overflow-x:auto}.charcmp-table{table-layout:fixed;border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%}.charcmp-table[data-count="2"]{min-width:36rem}.charcmp-table[data-count="3"]{min-width:44rem}.charcmp-table[data-count="4"]{min-width:54rem}.charcmp-table :is(th,td){border-bottom:1px solid var(--border);vertical-align:top;text-align:start;padding:.45rem .7rem;font-size:.875rem}.charcmp-table thead :is(th,td){background:var(--bg-3);color:var(--text-emph);border-bottom-color:var(--border-strong);padding-block:.7rem;font-weight:600}.charcmp-table thead th[data-slot]{overflow-wrap:anywhere}.charcmp-table :is(thead,tbody)>tr>:first-child{width:10rem}.charcmp-table td{overflow-wrap:break-word}.charcmp-zero{color:var(--text-dim);font-weight:400}.charcmp-table .charcmp-diff{width:9rem;color:var(--text-desc)}.charcmp-table tbody th{color:var(--text-main);font-weight:400}.charcmp-table tbody td{color:var(--text-emph)}.charcmp-table tbody tr:not(.charcmp-group):nth-child(2n)>*{background:color-mix(in srgb, var(--slate-row) 45%, transparent)}.charcmp-table td[data-best]{background:color-mix(in srgb, var(--success) 14%, transparent);color:var(--success);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--success) 35%, transparent);font-weight:600}.charcmp-group>*{background:var(--bg-2);border-top:1px solid var(--border-strong)}.charcmp-group th{color:var(--label);font-weight:500}.charcmp-delta{white-space:nowrap;font-size:.75rem;font-weight:400;display:block}.charcmp-diff .charcmp-delta{font-size:.875rem}.charcmp-delta[data-dir=up]{color:var(--success)}.charcmp-delta[data-dir=down]{color:var(--danger)}.charcmp-count{display:block}.charcmp-title{color:var(--item-grade);display:block}.charcmp-piece{gap:.4rem;min-width:0;display:grid}.charcmp-piece-head{align-items:center;gap:.55rem;min-width:0;display:flex}.charcmp-piece-head .armory-piece-icon{width:40px;height:40px}.charcmp-table .armory-piece-name{overflow-wrap:break-word}.charcmp-soul{color:var(--text-main);margin:0;font-size:.8125rem}.charcmp-label{color:var(--label);font-size:.75rem;display:block}.charcmp-stones{color:var(--text-main);gap:.2rem;margin:0;padding:0;font-size:.8125rem;list-style:none;display:grid}.charcmp-stones li{align-items:center;gap:.4rem;display:flex}.charcmp-stones img{border-radius:2px;flex:none}.charcmp-stone{border:1px solid color-mix(in srgb, var(--item-grade) 70%, var(--border-strong));background:radial-gradient(circle at 50% 35%, color-mix(in srgb, var(--item-grade) 40%, #161c27), #0a0e15 85%);border-radius:3px;flex:none;place-items:center;width:24px;height:24px;display:grid}.charcmp-theostone{color:var(--item-grade);align-items:center;gap:.4rem;margin:0;font-size:.8125rem;display:flex}.charcmp-theostone a{color:inherit}.charcmp-skills{gap:.25rem;margin:0;padding:0;list-style:none;display:grid}.charcmp-skills li{color:var(--text-main);border-radius:2px;grid-template-columns:28px minmax(0,1fr) auto;align-items:center;gap:.45rem;padding:.15rem .3rem;font-weight:400;display:grid}.charcmp-skills li[data-equipped]{box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--label) 45%, transparent)}.charcmp-skills li[data-best]{background:color-mix(in srgb, var(--success) 14%, transparent)}.charcmp-skills li[data-best] .charcmp-skill-level{color:var(--success);font-weight:600}.charcmp-skills img{border-radius:3px}.charcmp-skill-level{color:var(--label-bright);white-space:nowrap;font-size:.8125rem}@media (max-width:52rem){.charcmp-table :is(thead,tbody)>tr>:first-child{z-index:1;background:var(--bg-2);width:7.5rem;box-shadow:1px 0 var(--border-strong);position:sticky;left:0}.charcmp-table[data-count="2"]{min-width:42rem}.charcmp-table[data-count="3"]{min-width:54rem}.charcmp-table[data-count="4"]{min-width:66rem}.charcmp-table thead>tr>:first-child{background:var(--bg-3)}}