.counter-tool{align-items:start;gap:24px;display:grid}.counter-picker{grid-template-columns:minmax(0,1fr);gap:14px;min-width:0;display:grid}.counter-picker .result-count{margin:2px 0 0}.counter-grid{grid-template-columns:repeat(auto-fill,minmax(88px,1fr));gap:12px 10px;display:grid}.counter-pick{text-align:center;border:1px solid #0000;border-radius:14px;justify-items:center;gap:7px;padding:8px 4px 10px;transition:background .2s,border-color .2s;display:grid}.counter-pick:hover{background:#ffffff0a}.counter-pick[aria-pressed=true]{border-color:rgb(var(--cyan-rgb) / .7);background:rgb(var(--cyan-rgb) / .1)}.counter-pick-face{width:72px;height:72px;position:relative}.counter-pick-face img{object-fit:cover;border:2px solid rgb(var(--c-rgb,255 255 255) / .35);background:var(--bg-2);border-radius:16px;width:72px;height:72px}.counter-pick[aria-pressed=true] .counter-pick-face img{border-color:var(--cyan)}.counter-pick-face .mini-tag{height:22px;padding:0 6px;font-size:12px;position:absolute;top:-6px;right:-8px}.counter-pick-name{max-width:100%;font:700 14px/1.15 var(--f-hud);letter-spacing:.02em;color:var(--text-2);overflow-wrap:break-word}.counter-pick[aria-pressed=true] .counter-pick-name{color:#fff}.counter-result{border-radius:var(--radius-l);border:1px solid var(--line-2);background:var(--panel-2);min-width:0;scroll-margin-top:calc(var(--header-h) + 12px);gap:16px;padding:clamp(16px,2vw,22px);display:grid}.counter-idle{text-align:center;color:var(--text-3);justify-items:center;gap:10px;padding:36px 12px;display:grid}.counter-idle svg{color:var(--cyan)}.counter-idle h2{font:900 34px/1 var(--f-display);text-transform:uppercase;color:var(--text)}.counter-idle p{max-width:340px;font-size:16px}.counter-head{isolation:isolate;border-radius:var(--radius-l) var(--radius-l) 0 0;border-bottom:1px solid rgb(var(--c-rgb,var(--cyan-rgb)) / .4);align-items:flex-end;min-height:170px;margin:calc(-1*clamp(16px,2vw,22px)) calc(-1*clamp(16px,2vw,22px)) 0;padding:clamp(16px,2vw,22px);display:flex;position:relative;overflow:hidden}.counter-head-art{z-index:-2;object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.counter-head:before{content:"";z-index:-1;background:linear-gradient(0deg, #080614f5 8%, #08061473 60%, #08061426), linear-gradient(90deg, rgb(var(--nerf-rgb) / .18), transparent 60%);position:absolute;inset:0}.counter-back{background:#080712b8;position:absolute;top:12px;right:12px}.counter-head-copy .hud{background:rgb(var(--nerf-rgb) / .92);color:#0a0716;border-radius:6px;padding:5px 8px;font-size:12px;display:inline-block}.counter-head-copy h2{font:900 clamp(48px, 7vw, 64px) / .86 var(--f-display);text-transform:uppercase;margin-top:4px}.counter-head-chips{flex-wrap:wrap;gap:6px;margin-top:10px;display:flex}.counter-h{font:900 30px/1 var(--f-display);text-transform:uppercase;color:#fff;flex-wrap:wrap;align-items:center;gap:8px 10px;display:flex}.counter-h svg{color:var(--c)}.counter-h small{font:700 12px/1 var(--f-hud);letter-spacing:.14em;color:var(--text-3);margin-left:auto}.counter-list{gap:10px;display:grid}.counter-card{border:1px solid var(--line);background:#ffffff08;border-radius:16px;grid-template-columns:64px minmax(0,1fr) auto;align-items:center;gap:14px;padding:10px 12px 10px 10px;display:grid}.counter-card-face img{object-fit:cover;border:2px solid rgb(var(--c-rgb,var(--nerf-rgb)) / .7);border-radius:14px;width:64px;height:64px}.counter-card-copy{gap:5px;min-width:0;display:grid}.counter-card-copy b{font:900 26px/.9 var(--f-display);text-transform:uppercase}.counter-card-tags{flex-wrap:wrap;gap:5px;display:flex}.counter-card-tags .mini-tag{height:22px;font-size:12px}.counter-card-tags .mini-tag .lane-icon{width:13px;height:13px}.counter-card-copy small{color:var(--text-3);font-size:14px;line-height:1.35}.counter-card-cta{min-height:44px}.counter-sub h3{font:700 13px/1.2 var(--f-hud);letter-spacing:.14em;text-transform:uppercase;color:var(--c);align-items:center;gap:8px;margin-bottom:10px;display:flex}.counter-sub-faces{flex-wrap:wrap;gap:10px;display:flex}.counter-sub-faces a{text-align:center;justify-items:center;gap:4px;width:64px;display:grid}.counter-sub-faces img{border:2px solid rgb(var(--c-rgb) / .65);border-radius:12px;width:48px;height:48px}.counter-sub-faces span{font:600 12px/1.2 var(--f-hud);color:var(--text-2)}@media (min-width:1024px){.counter-tool{grid-template-columns:minmax(0,1fr) minmax(0,500px)}.counter-result{top:calc(var(--header-h) + 16px);max-height:calc(100vh - var(--header-h) - 32px);overscroll-behavior:contain;position:sticky;overflow-y:auto}}@media (max-width:1023px){.counter-tool.has-result .counter-result{order:-1}.counter-tool:not(.has-result) .counter-result{display:none}}@media (max-width:480px){.counter-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px 4px}.counter-pick-face,.counter-pick-face img{width:64px;height:64px}.counter-pick-name{letter-spacing:0;font-size:13px}.counter-card{grid-template-columns:56px minmax(0,1fr)}.counter-card-face img{width:56px;height:56px}.counter-card-cta{grid-column:1/-1;width:100%}}.counter-az{border-radius:var(--radius-l)}.counter-az>summary{cursor:pointer;list-style:none}.counter-az>summary::-webkit-details-marker{display:none}.counter-az[open]>summary{margin-bottom:18px}.counter-az-letters{flex-wrap:wrap;gap:6px;margin-bottom:18px;display:flex}.counter-az-letters a{border:1px solid var(--line-2);min-width:40px;height:40px;font:700 15px/1 var(--f-hud);border-radius:10px;place-items:center;display:grid}.counter-az-letters a:hover{border-color:var(--cyan);color:var(--cyan)}.counter-az-group{border-top:1px solid var(--line);scroll-margin-top:calc(var(--header-h) + 16px);grid-template-columns:40px minmax(0,1fr);gap:12px;padding:14px 0;display:grid}.counter-az-group h3{font:900 30px/1 var(--f-display);color:var(--cyan)}.counter-az-group ul{gap:8px;font-size:16px;line-height:1.55;display:grid}.counter-az-group a:hover{color:var(--cyan)}.counter-az-group small{color:var(--text-3)}