/* Nexus Lab counters, glance layer (owner 2026-11-08: "a better, easier look, not written text"). Markup: api/lib/nexus_lab_counter_glance.php.
   Portrait cards (whole card is the link), short tags with mask icons keyed by data-k, tip chips. Green on near-black, logical properties only. */
.nxl3 .nxsc-grid{grid-template-columns:repeat(auto-fill,minmax(168px,1fr));gap:10px}
.nxl3 .nxsc-grid>.nxsc-row{display:block;padding:0;border:0;background:none}
.nxl3 .nxsc-card{display:grid;grid-template-columns:48px minmax(0,1fr);align-items:center;align-content:start;gap:8px 10px;block-size:100%;padding:10px;border:1px solid rgba(69,248,130,.22);border-radius:14px;background:linear-gradient(160deg,rgba(69,248,130,.08),rgba(5,12,8,.82) 60%);color:inherit;text-decoration:none;transition:border-color .15s,transform .15s}
.nxl3 .nxsc-card:hover{border-color:rgba(69,248,130,.6);transform:translateY(-1px)}
.nxl3 .nxsc-card:focus-visible{outline:2px solid #45f882;outline-offset:2px}
.nxl3 .nxsc-card .nxl3-plate{inline-size:48px;border-radius:12px;box-shadow:0 0 0 1px rgba(69,248,130,.4)}
.nxl3 .nxsc-card__ini{display:grid;place-items:center;inline-size:48px;aspect-ratio:1;border-radius:12px;background:rgba(69,248,130,.12);color:#45f882;font-weight:800;font-size:1.2rem}
.nxl3 .nxsc-card__t{display:contents}
.nxl3 .nxsc-card__t b{font-weight:800;font-size:1rem;line-height:1.2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.nxl3 .nxsc-card:hover b{color:#45f882}
.nxl3 .nxsc-card__t .nxsc-tags,.nxl3 .nxsc-card__t small{grid-column:1/-1}
.nxl3 .nxsc-card__t small{font-size:.78rem;line-height:1.35;color:var(--l3-text-2,#b9c9bf);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.nxsc-tags{display:flex;flex-wrap:wrap;gap:4px}
.nxsc-tag,.nxl3 .nxp-ml__t .nxp-ml__w[data-k]{display:inline-flex;align-items:center;gap:4px;inline-size:max-content;padding-block:2px;padding-inline:6px 9px;border:1px solid rgba(69,248,130,.32);border-radius:999px;background:rgba(69,248,130,.13);color:#d4fae0;font-size:.74rem;font-weight:700;line-height:1.5;white-space:nowrap}
.nxsc-tag::before,.nxl3 .nxp-ml__w[data-k]::before,.nxl3 .nxsc-tip::before,.nxl3 .nxsc-need .nxp-needs__t b::before{content:"";flex:none;inline-size:13px;block-size:13px;background:#45f882;-webkit-mask:var(--nxg-i) center/contain no-repeat;mask:var(--nxg-i) center/contain no-repeat}
/* tip chips: How to counter X */
.nxl3 .nxsc-tips{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:8px}
.nxl3 .nxsc-tip{display:grid;grid-template-columns:auto minmax(0,1fr);column-gap:10px;align-items:center;padding-block:10px;padding-inline:12px;border:1px solid rgba(69,248,130,.22);border-radius:12px;background:rgba(5,12,8,.78)}
.nxl3 .nxsc-tip::before{grid-row:1/3;inline-size:22px;block-size:22px}
.nxl3 .nxsc-tip b{font-size:.92rem;line-height:1.25}
.nxl3 .nxsc-tip span{font-size:.8rem;line-height:1.3;color:var(--l3-text-2,#b9c9bf)}
/* items that counter: label with icon, ability name, item icons */
.nxl3 .nxsc-need .nxp-needs__t b{display:inline-flex;align-items:center;gap:6px}
.nxl3 .nxsc-need .nxp-needs__t b::before{inline-size:15px;block-size:15px}
/* icons (stroke, 24 grid) */
[data-k=lockdown]{--nxg-i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='5' y='11' width='14' height='10' rx='2'/%3E%3Cpath d='M8 11V7a4 4 0 0 1 8 0v4'/%3E%3C/svg%3E")}
[data-k=dash]{--nxg-i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 12h11M15 6l6 6-6 6M3 8h5M3 16h5'/%3E%3C/svg%3E")}
[data-k=sustain]{--nxg-i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 20s-8-4.6-8-10.5A4.5 4.5 0 0 1 12 7a4.5 4.5 0 0 1 8 2.5C20 15.4 12 20 12 20z'/%3E%3Cpath d='M12 10v5M9.5 12.5h5'/%3E%3C/svg%3E")}
[data-k=antiheal]{--nxg-i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 20s-8-4.6-8-10.5A4.5 4.5 0 0 1 12 7a4.5 4.5 0 0 1 8 2.5C20 15.4 12 20 12 20z'/%3E%3Cpath d='M3 3l18 18'/%3E%3C/svg%3E")}
[data-k=range]{--nxg-i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.4' stroke-linecap='round'%3E%3Ccircle cx='12' cy='12' r='7'/%3E%3Cpath d='M12 2v5M12 17v5M2 12h5M17 12h5'/%3E%3C/svg%3E")}
[data-k=burst]{--nxg-i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.4' stroke-linejoin='round'%3E%3Cpath d='M13 2 4 14h7l-1 8 9-12h-7z'/%3E%3C/svg%3E")}
[data-k=dive]{--nxg-i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3v13M6 10l6 6 6-6M4 21h16'/%3E%3C/svg%3E")}
[data-k=tank],[data-k=resist]{--nxg-i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.4' stroke-linejoin='round'%3E%3Cpath d='M12 3l8 3v6c0 5-3.5 8-8 9-4.5-1-8-4-8-9V6z'/%3E%3C/svg%3E")}
[data-k=tank]{--nxg-i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3l8 3v6c0 5-3.5 8-8 9-4.5-1-8-4-8-9V6z'/%3E%3Cpath d='M13 7l-3 5h4l-3 5'/%3E%3C/svg%3E")}
[data-k=slow],[data-k=clock]{--nxg-i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M12 7v5l3 2'/%3E%3C/svg%3E")}
[data-k=push]{--nxg-i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 6l6 6-6 6M13 6l6 6-6 6'/%3E%3C/svg%3E")}
[data-k=early]{--nxg-i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.4' stroke-linecap='round'%3E%3Cpath d='M3 19h18M7 19a5 5 0 0 1 10 0M12 5v4M5 10l2 2M19 10l-2 2'/%3E%3C/svg%3E")}
[data-k=block]{--nxg-i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.4' stroke-linejoin='round'%3E%3Crect x='3' y='5' width='18' height='14' rx='1'/%3E%3Cpath d='M3 12h18M9 5v7M15 12v7'/%3E%3C/svg%3E")}
[data-k=silence]{--nxg-i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 9v6h4l5 4V5L8 9z'/%3E%3Cpath d='M16 9l5 6M21 9l-5 6'/%3E%3C/svg%3E")}
[dir=rtl] [data-k=dash]::before,[dir=rtl] [data-k=push]::before{transform:scaleX(-1)}
/* League champion Matchups tab: denser card grid, tags up front, reasons under "Why" */
.nx-lab-lol .nxl-lol .nxl-mu-cols .rl60-match-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:8px}
.nx-lab-lol .nxl-lol .rl60-mini-match.nxl-mu{padding:12px;gap:10px}
.nx-lab-lol .nxl-lol .rl60-mini-match.nxl-mu .nxsc-tags{margin-block:8px 2px}
.nx-lab-lol .nxl-lol .rl60-mini-match.nxl-mu .nxl-more summary{font-size:12.5px}
@media (max-width:480px){.nxl3 .nxsc-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.nxl3 .nxsc-card{padding:9px;gap:7px 9px}.nxl3 .nxsc-card__t b{font-size:.92rem}.nxl3 .nxsc-tips{grid-template-columns:minmax(0,1fr)}}