@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@500;600;700&display=swap";:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--ink:#f7f7fb;--muted:#a5a4b1;--subtle:#6c6a78;--bg:#0a0910;--panel:#121118;--panel-2:#181620;--line:#ffffff17;--lime:#b6ff38;--violet:#7765ff;--pink:#ff6fae;--yellow:#ffcf3c;--shadow:0 24px 80px #00000061;font-family:DM Sans,system-ui,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--bg)}body{min-width:320px;color:var(--ink);background:radial-gradient(circle at 15% -5%, #7765ff29, transparent 26rem), radial-gradient(circle at 90% 8%, #b6ff3814, transparent 24rem), var(--bg);margin:0}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}img{max-width:100%;display:block}::selection{background:var(--lime);color:#10110d}.shell{width:min(1240px,100% - 40px);margin-inline:auto}.site-header{z-index:50;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#0a0910b8;border-bottom:1px solid #0000;transition:border-color .25s;position:sticky;top:0}.site-header.scrolled{border-color:var(--line)}.nav{align-items:center;gap:28px;height:76px;display:flex}.brand{letter-spacing:-.02em;align-items:center;gap:11px;font:700 16px/1 Space Grotesk;display:inline-flex}.brand-mark{aspect-ratio:1;border-radius:10px;width:34px;transform:rotate(-4deg);box-shadow:0 0 24px #b6ff3824}.brand-name span{color:var(--lime)}.nav-links{align-items:center;gap:6px;margin-left:auto;display:flex}.nav-links a{color:var(--muted);border-radius:9px;padding:9px 12px;font-size:14px;font-weight:600;transition:color .2s,background .2s}.nav-links a:hover,.nav-links a[aria-current=page]{color:var(--ink);background:#ffffff0f}.nav-search{border:1px solid var(--line);color:var(--muted);background:var(--panel);cursor:pointer;border-radius:11px;align-items:center;gap:8px;padding:9px 12px;display:flex}.nav-search kbd{color:var(--subtle);border:1px solid var(--line);border-radius:5px;padding:2px 5px;font-size:11px}.hero{padding:82px 0 58px;position:relative;overflow:hidden}.eyebrow{color:var(--lime);text-transform:uppercase;letter-spacing:.14em;align-items:center;gap:8px;font:700 12px/1 Space Grotesk;display:inline-flex}.eyebrow:before{content:"";background:currentColor;width:22px;height:1px}h1,h2,h3{letter-spacing:-.045em;font-family:Space Grotesk,sans-serif}.hero h1{max-width:860px;margin:22px 0;font-size:clamp(52px,7.7vw,106px);line-height:.9}.hero h1 .ghost{color:#0000;-webkit-text-stroke:1px #ffffff61}.hero-copy{max-width:610px;color:var(--muted);margin:0 0 36px;font-size:clamp(17px,2vw,20px);line-height:1.65}.search-field{max-width:720px;position:relative}.search-field input{width:100%;height:64px;color:var(--ink);box-shadow:var(--shadow);background:#14121ceb;border:1px solid #ffffff24;border-radius:16px;outline:none;padding:0 145px 0 54px;transition:border .2s,box-shadow .2s}.search-field input:focus{box-shadow:var(--shadow), 0 0 0 4px #b6ff3814;border-color:#b6ff388c}.search-field svg{color:var(--subtle);position:absolute;top:22px;left:20px}.search-field .hint{border:1px solid var(--line);height:38px;color:var(--muted);background:#1c1a24;border-radius:9px;place-items:center;padding:0 13px;font-size:12px;font-weight:700;display:grid;position:absolute;top:13px;right:13px}.hero-orbit{pointer-events:none;border:1px solid #ffffff0f;border-radius:50%;width:470px;height:470px;animation:30s linear infinite spin;position:absolute;top:25px;right:max(-120px,50vw - 690px)}.hero-orbit:before,.hero-orbit:after{content:"";border-radius:50%;position:absolute}.hero-orbit:before{background:var(--lime);width:15px;height:15px;box-shadow:0 0 30px var(--lime);top:45px;left:72px}.hero-orbit:after{border:1px dashed #ffffff14;inset:65px}@keyframes spin{to{transform:rotate(360deg)}}.section{padding:54px 0}.section-head{justify-content:space-between;align-items:end;gap:24px;margin-bottom:26px;display:flex}.section-head h2{margin:7px 0 0;font-size:clamp(32px,4vw,54px)}.section-head p{max-width:480px;color:var(--muted);margin:0;line-height:1.6}.text-link{color:var(--lime);white-space:nowrap;font-size:14px;font-weight:700}.text-link span{transition:transform .2s;display:inline-block}.text-link:hover span{transform:translate(4px)}.category-grid{grid-template-columns:repeat(4,1fr);gap:14px;display:grid}.category-card{border:1px solid var(--line);background:linear-gradient(145deg,#ffffff0b,#ffffff05);border-radius:18px;min-height:210px;padding:22px;transition:transform .35s cubic-bezier(.2,.8,.2,1),border-color .25s;position:relative;overflow:hidden}.category-card:hover{border-color:#fff3;transform:translateY(-7px)}.category-card .count{color:var(--subtle);font-size:13px;font-weight:700}.category-card h3{margin:70px 0 5px;font-size:28px}.category-card p{color:var(--muted);margin:0;font-size:14px}.category-card .bubble{aspect-ratio:1;opacity:.92;border-radius:35px;width:118px;transition:transform .45s cubic-bezier(.2,.8,.2,1);position:absolute;top:-24px;right:-22px;transform:rotate(18deg)}.category-card:hover .bubble{transform:rotate(8deg)scale(1.08)}.category-card:first-child .bubble{background:linear-gradient(145deg, var(--lime), #70b700)}.category-card:nth-child(2) .bubble{background:linear-gradient(145deg, var(--yellow), #ff8d28);border-radius:50%}.category-card:nth-child(3) .bubble{background:linear-gradient(145deg, var(--pink), #9e4bff);clip-path:polygon(50% 0,100% 25%,84% 100%,16% 100%,0 25%)}.category-card:nth-child(4) .bubble{background:linear-gradient(145deg,#7c8cff,#5940d9);border-radius:50% 18% 50% 50%}.metric-strip{border-block:1px solid var(--line);grid-template-columns:repeat(4,1fr);display:grid}.metric{border-right:1px solid var(--line);padding:34px 24px}.metric:first-child{padding-left:0}.metric:last-child{border-right:0}.metric strong{letter-spacing:-.06em;font:700 clamp(30px,4vw,52px)/1 Space Grotesk;display:block}.metric span{color:var(--muted);font-size:13px}.page-hero{padding:68px 0 36px}.page-hero h1{margin:15px 0 12px;font-size:clamp(46px,7vw,84px);line-height:.96}.page-hero p{max-width:650px;color:var(--muted);font-size:18px;line-height:1.65}.crumbs{color:var(--subtle);align-items:center;gap:7px;font-size:13px;display:flex}.crumbs a:hover{color:var(--ink)}.catalog-tools{z-index:2;border:1px solid var(--line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#0e0d14eb;border-radius:16px;grid-template-columns:minmax(260px,1fr) auto;gap:12px;margin-bottom:14px;padding:10px;display:grid;position:relative;box-shadow:0 16px 45px #0000003d}.catalog-search{border:1px solid var(--line);height:46px;color:var(--subtle);background:#17151e;border-radius:11px;align-items:center;gap:10px;padding:0 13px;display:flex;position:relative}.catalog-search:focus-within{border-color:#b6ff387a;box-shadow:0 0 0 3px #b6ff3812}.catalog-search input{width:100%;min-width:0;height:100%;color:var(--ink);background:0 0;border:0;outline:0;padding:0}.catalog-search button{width:30px;height:30px;color:var(--muted);cursor:pointer;background:#ffffff0d;border:0;border-radius:8px;flex:none;place-items:center;padding:0;display:grid}.sort-rail{border:1px solid var(--line);background:#17151e;border-radius:11px;align-items:center;gap:4px;padding:4px;display:flex}.sort-label{color:var(--subtle);text-transform:uppercase;letter-spacing:.08em;align-items:center;gap:6px;padding:0 8px;font-size:11px;font-weight:700;display:inline-flex}.sort-rail button{height:36px;color:var(--muted);cursor:pointer;white-space:nowrap;background:0 0;border:0;border-radius:8px;padding:0 11px;font-size:12px;font-weight:700}.sort-rail button:hover{color:var(--ink);background:#ffffff0d}.sort-rail button.active{color:#10120d;background:var(--lime)}.filter-block{border:1px solid var(--line);background:#121118b8;border-radius:16px;margin:14px 0;padding:14px;overflow:hidden}.filter-heading{color:var(--ink);text-transform:uppercase;letter-spacing:.11em;justify-content:space-between;align-items:center;gap:16px;margin:0 2px 10px;font:700 12px/1 Space Grotesk;display:flex}.filter-heading button{color:var(--lime);cursor:pointer;text-transform:none;letter-spacing:0;background:0 0;border:0;padding:0;font-size:11px;font-weight:700}.filter-heading em{color:var(--subtle);text-transform:none;letter-spacing:0;font:500 11px/1 DM Sans}.filter-rail{overscroll-behavior-inline:contain;scroll-snap-type:x proximity;scrollbar-width:thin;scrollbar-color:#ffffff2e transparent;gap:8px;padding:1px 1px 7px;display:flex;overflow-x:auto}.filter-rail::-webkit-scrollbar{height:5px}.filter-rail::-webkit-scrollbar-thumb{background:#ffffff2e;border-radius:10px}.filter-chip{scroll-snap-align:start;border:1px solid var(--line);min-width:126px;height:62px;color:var(--muted);text-align:left;cursor:pointer;background:#17151e;border-radius:12px;grid-template-rows:1fr 1fr;grid-template-columns:43px 1fr auto;align-items:center;gap:0 8px;padding:8px 10px 8px 8px;transition:color .2s,border-color .2s,background .2s,transform .2s;display:grid}.filter-chip:hover{color:var(--ink);border-color:#fff3;transform:translateY(-1px)}.filter-chip.active{color:var(--ink);background:linear-gradient(135deg,#b6ff381f,#7765ff14);border-color:#b6ff3894;box-shadow:inset 0 0 0 1px #b6ff3814}.filter-chip>span:not(.filter-art){text-overflow:ellipsis;white-space:nowrap;align-self:end;min-width:0;font-size:12px;font-weight:700;overflow:hidden}.filter-chip small{color:var(--subtle);grid-column:2/4;align-self:start;font-size:10px}.filter-art{border:1px solid var(--line);background:radial-gradient(circle at 40% 30%,#7765ff40,#0000001a);border-radius:10px;grid-row:1/3;place-items:center;width:43px;height:43px;display:grid;overflow:hidden}.filter-art img{object-fit:contain;object-position:center;width:100%;height:100%;padding:4px}.filter-art i{background:var(--violet);border-radius:50%;width:18px;height:18px;box-shadow:0 0 18px}.filter-art[data-rarity=Rare] i{background:#46d982}.filter-art[data-rarity=Super\ Rare] i{background:#4c9dff}.filter-art[data-rarity=Epic] i{background:#bd67ff}.filter-art[data-rarity=Mythic] i{background:#ff5b66}.filter-art[data-rarity=Legendary] i{background:#ffd34d}.filter-art[data-rarity=Collectors] i{background:#ff71bb}.filter-all{color:#11140c;background:var(--lime);letter-spacing:.08em;font:800 9px/1 Space Grotesk}.collection-filter .filter-chip{min-width:164px}.results-count{min-height:35px;color:var(--muted);align-items:center;gap:4px;padding:0 4px;font-size:13px;display:flex}.results-count strong{color:var(--ink)}.cosmetic-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;display:grid}.cosmetic-card{border:1px solid var(--line);background:var(--panel);contain:layout paint;border-radius:16px;grid-template-rows:auto 1fr;min-width:0;transition:transform .32s cubic-bezier(.2,.8,.2,1),border-color .2s,box-shadow .32s;display:grid;overflow:hidden}.cosmetic-card:hover{z-index:2;border-color:#b6ff3859;transform:translateY(-6px);box-shadow:0 20px 44px #00000052}.card-art{aspect-ratio:1;background:radial-gradient(circle at 50% 30%,#7c8cff2b,#0000 55%),#181620;place-items:center;padding:20px;display:grid;position:relative;overflow:hidden}.card-art:after{content:"";filter:blur(15px);opacity:.35;background:#000;border-radius:50%;height:16%;position:absolute;inset:auto 10% 5%}.card-art img{z-index:1;object-fit:contain;object-position:center;width:auto;max-width:calc(100% - 38px);height:auto;max-height:calc(100% - 38px);transition:transform .4s cubic-bezier(.2,.8,.2,1);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.cosmetic-card[data-type=pin] .card-art img,.cosmetic-card[data-type=spray] .card-art img{max-width:84%;max-height:84%}.cosmetic-card[data-type=icon] .card-art img{max-width:80%;max-height:80%}.image-fallback{z-index:0;color:var(--subtle);text-transform:uppercase;letter-spacing:.1em;opacity:0;border:1px dashed #ffffff21;border-radius:50%;place-items:center;font:700 11px/1 Space Grotesk;display:grid;position:absolute;inset:20%}.card-art.is-missing .image-fallback{opacity:1}.cosmetic-card:hover .card-art img{transform:translate(-50%,-50%)scale(1.07)rotate(-1deg)}.card-body{flex-direction:column;min-height:102px;padding:14px;display:flex}.card-body h3{letter-spacing:-.02em;overflow-wrap:anywhere;margin:0 0 10px;font:700 15px/1.25 Space Grotesk}.card-meta{color:var(--muted);justify-content:space-between;gap:6px;font-size:11px;display:flex}.card-body .card-meta{margin-top:auto}.tag{border:1px solid var(--line);text-overflow:ellipsis;white-space:nowrap;border-radius:7px;align-items:center;max-width:100%;padding:5px 7px;display:inline-flex;overflow:hidden}.empty-state{text-align:center;color:var(--muted);border:1px dashed var(--line);border-radius:16px;grid-column:1/-1;padding:80px 20px}.load-more{border:1px solid var(--line);color:var(--ink);background:var(--panel-2);cursor:pointer;border-radius:10px;margin:28px auto 0;padding:12px 20px;transition:transform .2s,border-color .2s;display:block}.load-more:hover{border-color:#b6ff3873;transform:translateY(-2px)}.detail-hero{grid-template-columns:minmax(300px,.9fr) 1.1fr;align-items:center;gap:clamp(38px,7vw,90px);padding:50px 0 30px;display:grid}.detail-art{border:1px solid var(--line);background:radial-gradient(circle at 50% 35%,#7765ff4d,#0000 53%),linear-gradient(145deg,#1a1823,#100f16);border-radius:28px;place-items:center;min-height:490px;padding:45px;display:grid;position:relative;overflow:hidden}.detail-art:before{content:"";border:1px dashed #ffffff17;border-radius:50%;width:220px;height:220px;animation:26s linear infinite spin;position:absolute}.detail-art img{z-index:1;filter:drop-shadow(0 24px 22px #00000059);max-height:420px;position:relative}.detail-copy h1{margin:14px 0;font-size:clamp(44px,6vw,78px);line-height:.95}.detail-copy .lede{color:var(--muted);font-size:18px;line-height:1.65}.fact-grid{grid-template-columns:repeat(2,1fr);gap:10px;margin:28px 0;display:grid}.fact{border:1px solid var(--line);background:var(--panel);border-radius:12px;padding:15px}.fact span{color:var(--subtle);text-transform:uppercase;letter-spacing:.1em;font-size:11px;font-weight:700;display:block}.fact strong{margin-top:4px;font-size:15px;display:block}.detail-actions{flex-wrap:wrap;gap:10px;display:flex}.button{border:1px solid var(--line);background:var(--panel-2);border-radius:11px;justify-content:center;align-items:center;gap:8px;height:46px;padding:0 17px;font-size:14px;font-weight:700;transition:transform .2s,border-color .2s;display:inline-flex}.button:hover{border-color:#ffffff40;transform:translateY(-2px)}.button.primary{color:#11140b;background:var(--lime);border-color:var(--lime)}.brawler-grid{grid-template-columns:repeat(6,1fr);gap:12px;display:grid}.brawler-card{text-align:center;border:1px solid var(--line);background:var(--panel);border-radius:15px;padding:10px 10px 14px;transition:transform .25s,border-color .2s}.brawler-card:hover{border-color:#7c8cff66;transform:translateY(-5px)}.brawler-card img{aspect-ratio:1;object-fit:contain;background:#1a1823;border-radius:10px;width:100%}.brawler-card strong{margin-top:10px;font:700 14px Space Grotesk;display:block}.brawler-card span{color:var(--muted);font-size:11px}.network-card{background:linear-gradient(120deg,#b6ff3814,#7765ff14);border:1px solid #b6ff382e;border-radius:20px;justify-content:space-between;align-items:center;gap:24px;margin:70px 0 30px;padding:28px;display:flex}.network-card h2{margin:0 0 4px;font-size:24px}.network-card p{color:var(--muted);margin:0}.site-footer{border-top:1px solid var(--line);color:var(--muted);margin-top:60px;padding:50px 0 32px}.footer-top{justify-content:space-between;align-items:start;gap:30px;display:flex}.footer-links{flex-wrap:wrap;gap:18px;font-size:13px;display:flex}.footer-links a:hover{color:var(--ink)}.legal{max-width:700px;color:var(--subtle);margin-top:35px;font-size:11px;line-height:1.65}.legal a{color:var(--muted);text-underline-offset:2px;text-decoration:underline}.reveal{animation:.7s cubic-bezier(.2,.8,.2,1) both reveal}@keyframes reveal{0%{opacity:0;filter:blur(5px);transform:translateY(16px)}}@media (width<=1000px){.category-grid{grid-template-columns:repeat(2,1fr)}.cosmetic-grid{grid-template-columns:repeat(4,1fr)}.brawler-grid{grid-template-columns:repeat(5,1fr)}.hero-orbit{opacity:.5}.detail-hero{gap:35px}.detail-art{min-height:410px}}@media (width<=760px){.shell{width:min(100% - 24px,1240px)}.nav{height:66px}.nav-links,.nav-search kbd,.nav-search span{display:none}.hero{padding-top:55px}.hero-orbit{right:-300px}.category-grid,.metric-strip{grid-template-columns:1fr 1fr}.metric{border-bottom:1px solid var(--line)}.cosmetic-grid{grid-template-columns:repeat(2,1fr)}.catalog-tools{grid-template-columns:1fr}.sort-rail{overflow-x:auto}.sort-label{display:none}.filter-block{margin-block:10px;padding:11px}.filter-chip{min-width:118px}.collection-filter .filter-chip{min-width:150px}.results-count{min-height:30px}.card-art{padding:13px}.card-body{min-height:94px;padding:11px}.card-body h3{font-size:13px}.detail-hero{grid-template-columns:1fr}.detail-art{min-height:350px}.brawler-grid{grid-template-columns:repeat(3,1fr)}.network-card,.footer-top{flex-direction:column;align-items:flex-start}.section-head{flex-direction:column;align-items:start}.search-field input{padding-right:20px}.search-field .hint{display:none}}@media (width<=430px){.category-grid{grid-template-columns:1fr}.fact-grid{grid-template-columns:1fr 1fr}.brawler-grid{grid-template-columns:repeat(2,1fr)}.detail-art{min-height:300px;padding:25px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}