.skill-index-wrap{margin-top:22px}.skill-index{border-collapse:collapse;width:100%;font-size:14px}.skill-index th,.skill-index td{border-bottom:1px solid var(--line);text-align:left;vertical-align:top;padding:10px 8px}.skill-index thead th{color:var(--body);letter-spacing:.6px;text-transform:uppercase;border-bottom-width:2px;font-size:11px}.skill-index tbody th{min-width:190px;font-weight:400}.skill-index .sk-num{text-align:right;white-space:nowrap}.skill-index tbody tr{scroll-margin-top:110px}.skill-index tbody tr:target{box-shadow:inset 4px 0 0 var(--butter);background:#fff3c7}.sk-head{align-items:flex-start;gap:10px;display:flex}.sk-art{object-fit:cover;background:#e9ebd6;border-radius:12px;flex:none;width:48px;height:48px}.sk-art-blank{background:var(--el);place-items:center;display:grid;box-shadow:inset 0 -3px #0000001f}.sk-art-blank svg{opacity:.9;width:24px;height:24px}.tag-scroll{background:#d6e6fb}.sk-who{min-width:160px;font-size:13px;line-height:1.6}.sk-who a{color:var(--blue);font-weight:700}.sk-who a:hover{text-decoration:underline}.sk-who span{color:var(--body);white-space:nowrap;margin-right:8px}.chart-legend{color:var(--body);flex-wrap:wrap;align-items:center;gap:6px 10px;margin-bottom:14px;font-size:14px;font-weight:700;display:flex}.chart-legend>span{min-width:34px;height:26px;color:var(--navy);border-radius:7px;place-items:center;display:inline-grid}.chart-legend .legend-blank{border:1px solid var(--line);background:#fff}.chart-wrap{border-radius:14px;position:relative;overflow-x:auto}.el-chart{border-collapse:separate;border-spacing:2px;-webkit-user-select:none;user-select:none;font-size:13px;font-weight:800}.el-chart td{text-align:center;width:36px;height:32px;color:var(--navy);cursor:pointer;background:#fff;border-radius:6px}.el-chart .is-strong,.chart-legend .is-strong{background:#ffc79a}.el-chart .is-weak,.chart-legend .is-weak{background:#c9d9f4}.el-chart tbody th{z-index:1;background:var(--card);text-align:left;cursor:pointer;padding:0 6px 0 0;position:sticky;left:0}.el-chart tbody th .el-chip{min-width:92px}.el-col{vertical-align:bottom;cursor:pointer;padding-bottom:4px}.el-dot{background:var(--el);border-radius:50%;place-items:center;width:30px;height:30px;display:inline-grid;box-shadow:inset 0 -2px #0000001f}.el-dot svg{width:18px;height:18px}.el-corner{z-index:1;background:var(--card);color:var(--body);letter-spacing:.5px;text-transform:uppercase;text-align:left;vertical-align:bottom;font-size:10px;position:sticky;left:0}.el-corner span{display:block}.el-chart td.is-row,.el-chart td.is-col{outline:2px solid var(--butter);outline-offset:-2px;filter:brightness(1.04)}.el-chart td.is-row:not(.is-strong):not(.is-weak),.el-chart td.is-col:not(.is-strong):not(.is-weak){background:#fff6d6}.el-chart td.is-cross{outline:3px solid var(--navy);outline-offset:-3px}.el-chart th.is-row .el-chip,.el-chart th.is-col .el-dot{box-shadow:0 0 0 3px var(--navy)}.pair-intro{margin:0 0 14px}.pair-pick{flex-wrap:wrap;align-items:flex-end;gap:10px 12px;margin-bottom:18px;display:flex}.pair-pick .field{flex:0 220px}.pair-plus{height:44px;line-height:44px;font-family:var(--headline);color:var(--body);font-size:24px}.match-none{color:var(--body);font-size:14px}.mini-nimbos{flex-wrap:wrap;gap:6px;display:flex}.mini-nimbo{background:#f3f4e6;border-radius:14px;transition:transform .15s;display:block}.mini-nimbo:hover{transform:translateY(-2px)}.mini-nimbo img{width:56px;height:56px;display:block}.el-card .mini-nimbo img{width:44px;height:44px}.el-cards{grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr));gap:14px;display:grid}.el-card{border-top:6px solid var(--el);background:#f7f8ec;border-radius:18px;padding:14px 16px 16px;scroll-margin-top:110px}.el-card h3 .el-chip{font-size:16px}.el-card dl{gap:8px;margin:12px 0 0;display:grid}.el-card dl>div{grid-template-columns:82px 1fr;align-items:start;gap:8px;display:grid}.el-card dt{color:var(--body);padding-top:3px;font-size:13px;font-weight:700}.el-card dd{margin:0}.el-card-count{color:var(--body);margin:12px 0 6px;font-size:13px;font-weight:700}@media (width<=640px){.skill-index thead{display:none}.skill-index,.skill-index tbody{display:block}.skill-index tbody tr:not([hidden]){border-bottom:1px solid var(--line);flex-wrap:wrap;align-items:flex-start;gap:6px 12px;padding:12px 0;display:flex}.skill-index th,.skill-index td{border:0;padding:0}.skill-index tbody th{flex:calc(100% - 130px);min-width:0}.skill-index .sk-el{flex:none}.skill-index .sk-num{text-align:left;color:var(--body);font-size:13px}.skill-index td:nth-child(3){margin-left:58px}.skill-index td:nth-child(3):before{content:"Cost "}.skill-index td:nth-child(4):before{content:"Power "}.skill-index td:nth-child(5):before{content:"Priority "}.skill-index .sk-text,.skill-index .sk-who{flex:100%;min-width:0}.el-card dl>div{grid-template-columns:1fr;gap:4px}.pair-pick .field{flex:calc(50% - 30px)}}