.hl-head{margin-bottom:14px}.hl-zone{gap:10px;margin-bottom:14px;display:grid}.hl-bar{top:var(--header-h);z-index:30;border-radius:var(--r-l);background:var(--s1);gap:12px;padding:12px;display:grid;position:sticky}.hl-top{align-items:center;gap:10px;display:flex}.hl-search{flex:1 1 0;min-width:0;display:flex;position:relative}.hl-search svg{color:var(--muted);pointer-events:none;position:absolute;top:50%;left:14px;translate:0 -50%}.hl-search .field{border-radius:var(--r-full);width:100%;min-width:0;height:44px;padding-left:44px}.hl-bar .seg{--seg-bg:var(--s2)}.hl-view{flex:none}.hl-toggle{flex:none;display:none;position:relative}.hl-badge{border-radius:var(--r-full);background:var(--accent);min-width:20px;height:20px;color:var(--on-accent);font:800 .75rem / 1 var(--font-sans);place-items:center;padding:0 6px;display:inline-grid}.hl-filters{flex-wrap:wrap;align-items:center;gap:10px 24px;display:flex}.hl-group{align-items:center;gap:10px;min-width:0;display:flex}.hl-group .lbl,.hl-sort .lbl,.hl-lvl .lbl{font:600 var(--fs-mono) / 1.2 var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}.hl-bar .seg button .rmark{margin-left:-8px}.hl-bar .seg button .pmark{margin-left:-2px}.hl-filters .select{min-width:170px}@media (width>=1100px){.hl-filters{grid-template-columns:minmax(0,1fr);gap:10px;display:grid}.hl-filters .hl-group>.lbl{flex:none;min-width:84px}}.hl-service{height:var(--ctl-h);align-items:center;display:inline-flex}@media (width>=1100px){.hl-bar{padding:12px 16px;position:static}.hl-toggle{display:none}.hl-top .hl-search{flex:260px;max-width:380px}.hl-view{margin-left:auto}.hl-layout{--bar-h:0px!important}}@media (width<=1099px){.hl-toggle{display:inline-flex}.hl-filters{max-height:calc(100dvh - var(--header-h) - var(--dock-h) - 130px);padding-top:4px;display:none;overflow-y:auto}.hl-bar.is-open .hl-filters{display:flex}}@media (width<=619px){.hl-view .lbl{display:none}.hl-view button{padding-inline:10px}.hl-toggle,.hl-cmp-toggle{padding-inline:12px}.hl-top{flex-wrap:wrap}.hl-search{flex-basis:100%}.hl-group{flex-wrap:wrap}}.hl-meta{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 16px;min-height:40px;margin-top:6px;display:flex}.hl-count{color:var(--text-2);font-weight:700}.hl-sort{align-items:center;gap:8px;display:inline-flex}.hl-sort .select{min-width:180px}.hl-lvl{align-items:center;gap:8px;min-width:min(100%,240px);display:inline-flex}.hl-lvl .range{flex:100px;min-width:90px}.hl-n{min-width:2ch;color:var(--text);font:800 1.6rem / 1 var(--font-display);letter-spacing:var(--track-display);font-variant-numeric:tabular-nums;margin-right:2px;display:inline-block}.hl-meta-act{flex-wrap:wrap;align-items:center;gap:6px 14px;display:flex}.hl-chips{flex-wrap:wrap;gap:8px;display:flex}.hl-grid{grid-template-columns:repeat(auto-fill,minmax(clamp(150px,15vw,210px),1fr))}@media (width<=420px){.hl-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.hl-rows{gap:8px;display:grid}.hl-row{border-radius:var(--r-m);background:var(--s2);color:var(--text);transition:background var(--dur-1) var(--ease-out), transform var(--dur-2) var(--ease-out), filter var(--dur-3) var(--ease-out);grid-template-columns:64px minmax(0,1.1fr) minmax(0,1.1fr) minmax(0,1.5fr) 52px 24px;grid-template-areas:"pic name skill syn q go";align-items:center;gap:16px;padding:10px 16px 10px 14px;display:grid;position:relative;overflow:hidden}.hl-row:before{content:"";background:var(--c,var(--line-2));width:4px;transition:transform var(--dur-3) var(--ease-out);position:absolute;top:0;bottom:0;left:0;transform:scaleY(.3)}.hl-row:hover{background:var(--s3);text-decoration:none}.hl-row:hover:before,.hl-row:focus-visible:before{transform:scaleY(1)}.hl-row:active{transform:scale(.99)}.hl-row:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.hl-row.kin{outline:2px solid var(--accent);outline-offset:-2px}.hl-row.dim{filter:grayscale()brightness(.6)}.hl-row.dim:hover{filter:grayscale(.4)brightness(.9)}.hl-row>.pic{grid-area:pic}.hl-r-name{grid-area:name;gap:2px;min-width:0;display:grid}.hl-r-name b{font:800 1rem / 1.2 var(--font-display);letter-spacing:-.01em;overflow-wrap:break-word}.hl-r-name span{color:var(--text-2);font-size:.8125rem}.hl-r-name .hl-r-sub{align-items:center;gap:6px;min-width:0;display:flex}.hl-r-skill{min-width:0;color:var(--text);overflow-wrap:break-word;grid-area:skill;font-size:.875rem;font-weight:700;line-height:1.3}.hl-r-skill small{font:600 var(--fs-mono) / 1.2 var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--muted);display:block}.hl-r-syn{flex-wrap:wrap;grid-area:syn;gap:6px;min-width:0;display:flex}.hl-r-chip{border-radius:var(--r-full);background:var(--s3);color:var(--text-2);align-items:center;gap:6px;padding:3px 10px 3px 3px;font-size:.8125rem;font-weight:700;display:inline-flex}.hl-row:hover .hl-r-chip{background:var(--s2)}.hl-r-q{font:800 .9375rem / 1 var(--font-sans);grid-area:q;justify-content:flex-end;align-items:center;gap:6px;display:inline-flex}.hl-r-go{color:var(--muted);transition:transform var(--dur-2) var(--ease-out), color var(--dur-2) var(--ease-out);grid-area:go}.hl-row:hover .hl-r-go{color:var(--text);transform:translate(4px)}@media (width<=899px){.hl-row{grid-template-columns:64px minmax(0,1fr) auto 24px;grid-template-areas:"pic name q go""pic skill skill go""pic syn syn go";gap:6px 14px}.hl-r-skill:empty{display:none}}@media (prefers-reduced-motion:reduce){.hl-row,.hl-row:before,.hl-r-go{transition:none}.hl-row:hover,.hl-row:active,.hl-row:hover .hl-r-go{transform:none}}.hl-r-name b,.hl-grid .hc-name{-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.hl-row{min-width:min(320px,100%)}.hl-li{grid-template-columns:minmax(0,1fr) 48px;align-items:stretch;gap:8px;display:grid}.hl-li.no-qv{grid-template-columns:minmax(0,1fr)}.hl-cell{position:relative}.hl-qv{z-index:4;border-radius:var(--r-full);background:var(--s2);width:40px;height:40px;color:var(--text);cursor:pointer;transition:background var(--dur-1) var(--ease-out);border:0;place-items:center;padding:0;display:grid;position:absolute;top:8px;right:8px}.hl-qv.row{border-radius:var(--r-m);width:48px;height:auto;min-height:48px;position:static}.hl-qv:hover,.hl-qv[aria-expanded=true]{background:var(--accent);color:var(--on-accent)}.hl-qv:focus-visible,.hq-go:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.hl-quick{z-index:60;border:2px solid var(--c,var(--line-2));border-radius:var(--r-m);background:var(--s2);width:min(340px,100vw - 32px);max-height:calc(100vh - 32px);color:var(--text);gap:10px;padding:14px;display:grid;position:fixed;bottom:16px;right:16px;overflow-y:auto}.hq-head{grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;display:grid}.hq-name{overflow-wrap:break-word;gap:2px;min-width:0;display:grid}.hq-name b{font:800 1.0625rem / 1.2 var(--font-display)}.hq-name small,.hq-foot{color:var(--text-2);margin:0;font-size:.8125rem}.hq-tier,.hq-skill{align-items:center;gap:8px;margin:0;font-size:.875rem;font-weight:700;display:flex}.hq-skill{flex-wrap:wrap}.hq-skill small{font:600 var(--fs-mono) / 1.2 var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}.hq-nums{gap:6px;margin:0;padding:0;list-style:none;display:grid}.hq-nums li{border-radius:var(--r-s,8px);background:var(--s3);justify-content:space-between;align-items:center;gap:10px;padding:6px 10px;font-size:.875rem;display:flex}.hq-nums li span{color:var(--text-2);align-items:center;gap:8px;display:inline-flex}.hq-tr{flex-wrap:wrap;gap:6px;margin:0;display:flex}.hq-go{justify-content:center}@media (width<=599px){.hl-quick{width:auto;max-height:70vh;padding-bottom:calc(14px + env(safe-area-inset-bottom,0px));border-radius:var(--r-m) var(--r-m) 0 0;bottom:0;left:0;right:0}}.hl-empty{justify-items:center;gap:6px;padding-block:72px;display:grid}.hl-empty-act{margin-top:14px}.hl-cell{min-width:0;display:grid}@media (prefers-reduced-motion:no-preference){:root:not([data-motion=reduce]) .hl-cell:nth-child(-n+14){animation:hc-in var(--dur-3) var(--ease-out) both;animation-delay:calc(var(--n,0) * 30ms)}.hl-cell:nth-child(2){--n:1}.hl-cell:nth-child(3){--n:2}.hl-cell:nth-child(4){--n:3}.hl-cell:nth-child(5){--n:4}.hl-cell:nth-child(6){--n:5}.hl-cell:nth-child(7){--n:6}.hl-cell:nth-child(8){--n:7}.hl-cell:nth-child(9){--n:8}.hl-cell:nth-child(10){--n:9}.hl-cell:nth-child(11){--n:10}.hl-cell:nth-child(12){--n:11}.hl-cell:nth-child(13){--n:12}.hl-cell:nth-child(14){--n:13}}.hl-sum{border-radius:var(--r-l);background:var(--s1);width:fit-content;max-width:100%}.hl-sum summary{min-height:44px;font:600 var(--fs-mono) / 1.2 var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--text-2);cursor:pointer;align-items:center;gap:12px;padding:0 16px;list-style:none;display:flex}.hl-sum summary::-webkit-details-marker{display:none}.hl-sum summary:after{content:"+";font:800 1.2rem / 1 var(--font-display);color:var(--accent-ink);margin-left:auto}.hl-sum[open] summary:after{content:"−"}.hl-sum summary:hover{color:var(--text)}.hl-sum summary:focus-visible{outline:2px solid var(--focus);outline-offset:2px;border-radius:var(--r-l)}.hl-dist{gap:10px;padding:0 16px 16px;display:grid}.hl-dist-hint{color:var(--muted);margin:0;font-size:.8125rem}.hl-dist-grid{grid-template-columns:minmax(84px, max-content) repeat(var(--cols), 56px);align-items:stretch;gap:4px;display:grid;overflow-x:auto}.hd-col,.hd-row,.hd-cell{border-radius:var(--r-m);min-height:34px;font:700 .875rem / 1.1 var(--font-sans);cursor:pointer;transition:background var(--dur-1) var(--ease-out), color var(--dur-1) var(--ease-out), scale var(--dur-2) var(--ease-out);border:0}.hd-col,.hd-row{background:var(--s2);color:var(--text-2);justify-content:center;align-items:center;gap:6px;display:inline-flex}.hd-row{text-align:left;overflow-wrap:anywhere;justify-content:flex-start;gap:8px;padding-inline:8px 12px}.hd-cell{background:color-mix(in srgb, var(--c,var(--accent)) calc(var(--v) * 70%), var(--s2));color:var(--text);font-variant-numeric:tabular-nums}.hd-col:hover,.hd-row:hover{background:var(--s3);color:var(--text)}.hd-cell:hover:not(:disabled){scale:1.06}.hd-cell:active:not(:disabled){scale:.97}.hd-col:focus-visible,.hd-row:focus-visible,.hd-cell:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.hd-col[aria-pressed=true],.hd-row[aria-pressed=true]{background:var(--accent);color:var(--on-accent)}.hd-cell.on{outline:3px solid var(--accent);outline-offset:-3px}.hd-cell:disabled{cursor:default;background:var(--s2);color:var(--muted)}@media (width<=619px){.hl-sum{width:100%}.hl-dist{padding:0 10px 12px}.hl-dist-grid{grid-template-columns:minmax(64px, max-content) repeat(var(--cols), minmax(0, 1fr));gap:4px}.hd-row{padding-inline:8px;font-size:.75rem}}.hl-cmp-toggle{flex:none}.hl-cmp-toggle.on{background:var(--accent);color:var(--on-accent)}.hl-r-v{font-variant-numeric:tabular-nums}.hl-row.picked{outline:3px solid var(--accent);outline-offset:-3px}.hl-wrap.is-cmp a{cursor:copy}.hl-layout{align-items:start;gap:16px;display:grid}.hl-main{min-width:0}.hl-cmp{border-radius:var(--r-l);background:var(--s1);gap:16px;min-width:0;padding:16px;display:grid}@media (width>=1100px){.hl-layout.has-cmp{grid-template-columns:minmax(0,1fr) 380px}.hl-cmp{top:calc(var(--header-h) + var(--bar-h,72px) + 14px);max-height:calc(100dvh - var(--header-h) - var(--bar-h,72px) - 28px);position:sticky;overflow-y:auto}}@media (width<=1099px){.hl-cmp{left:0;right:0;bottom:var(--dock-h,0px);z-index:40;border-radius:var(--r-l) var(--r-l) 0 0;background:var(--s2);max-height:62dvh;animation:cmp-up var(--dur-3) var(--ease-out) both;position:fixed;overflow-y:auto}.hl-layout.has-cmp{padding-bottom:40dvh}}@keyframes cmp-up{0%{opacity:0;transform:translateY(24px)}}.cmp-head{align-items:center;gap:8px;display:flex}.cmp-head h2{font:800 1.25rem / 1 var(--font-display);letter-spacing:var(--track-display);margin-right:auto}.cmp-n{white-space:nowrap;color:var(--muted);font:600 var(--fs-mono) / 1 var(--font-mono);letter-spacing:.1em;text-transform:uppercase}.cmp-hint,.cmp-foot,.cmp-none{color:var(--text-2);font-size:.875rem;line-height:1.4}.cmp-note{border-radius:var(--r-m);background:var(--s3);color:var(--text);padding:8px 12px;font-size:.875rem;font-weight:700}.cmp-heroes{gap:8px;display:grid}.cmp-heroes li{border-radius:var(--r-m);background:var(--s2);align-items:center;gap:10px;padding:6px 6px 6px 8px;display:flex}.cmp-hn{gap:2px;min-width:0;margin-right:auto;display:grid}.cmp-hn b{font:800 .9375rem / 1.2 var(--font-display);overflow-wrap:break-word}.cmp-hn small{color:var(--text-2)}.cmp-sect{gap:10px;display:grid}.cmp-stat{gap:6px;display:grid}.cmp-sl{color:var(--text-2);align-items:center;gap:6px;font-size:.8125rem;font-weight:700;display:inline-flex}.cmp-bar{grid-template-columns:28px minmax(0,1fr) auto;align-items:center;gap:10px;display:grid}.cmp-bar .bar{border-radius:var(--r-full);background:var(--s3);height:10px;display:block;overflow:hidden}.cmp-bar .bar i{border-radius:inherit;background:var(--c,var(--text-2));transform-origin:0;width:100%;height:100%;transform:scaleX(var(--p));transition:transform var(--dur-3) var(--ease-out);display:block}.cmp-bar b{text-align:right;font-variant-numeric:tabular-nums;min-width:4ch;font-size:.875rem}.cmp-bar.top b{color:var(--accent-ink)}.cmp-bar.top .bar i{background:var(--accent)}.cmp-line{align-items:flex-start;gap:10px;display:flex}.cmp-chips{flex-wrap:wrap;gap:6px;min-width:0;display:flex}.cmp-chip{border-radius:var(--r-full);background:var(--s3);color:var(--text-2);align-items:center;gap:6px;padding:3px 10px 3px 3px;font-size:.8125rem;font-weight:700;text-decoration:none;display:inline-flex}.cmp-chip img{border-radius:var(--r-full);object-fit:cover;width:24px;height:24px}.cmp-chip.common{background:var(--accent);color:var(--on-accent)}a.cmp-chip:hover{color:var(--text);text-decoration:underline}a.cmp-chip.common:hover{color:var(--on-accent)}.cmp-chip:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.cmp-open{flex-wrap:wrap;gap:8px;display:flex}@media (prefers-reduced-motion:reduce){.hd-col,.hd-row,.hd-cell,.cmp-bar .bar i{transition:none}.hl-cmp{animation:none}}