.showcase{background:var(--ink);color:var(--paper);padding-bottom:9px}.showcase-top{justify-content:space-between;align-items:center;gap:16px;min-height:62px;display:flex}.showcase-top h2{letter-spacing:-.02em;font-size:22px;line-height:1.3}.roster-layout{width:var(--site-width);gap:12px;margin-inline:auto;display:flex}.roster{scrollbar-width:none;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;background:#cdd6c7;flex:1;gap:0;min-width:0;padding:0;display:flex;overflow-x:auto}.roster::-webkit-scrollbar{display:none}.fighter-card{scroll-snap-align:start;text-align:center;background:0 0;border:0;flex:0 0 20%;min-width:0;height:294px;padding:0;position:relative;overflow:hidden;outline-offset:-3px!important}.fighter-art{justify-content:center;align-items:flex-start;height:255px;padding:12px 10px 0;display:flex;overflow:hidden}.fighter-art img{object-fit:contain;object-position:top;filter:drop-shadow(3px 4px 4px #0002);transform-origin:top;width:auto;max-width:100%;height:140%;transition:transform .2s}.fighter-card:hover .fighter-name{color:var(--acid)}.fighter-card:hover .fighter-art img{transform:scale(1.035)}.fighter-name{background:var(--ink);height:39px;color:var(--paper);text-transform:uppercase;justify-content:center;align-items:center;padding:5px;font-size:15px;font-weight:700;line-height:1.1;display:flex}.fighter-card.selected .fighter-name{color:var(--acid)}.carousel-controls{flex-shrink:0;align-items:center;gap:8px;display:flex}.carousel-controls button{color:var(--paper);background:0 0;border:1px solid #ffffff3a;width:36px;height:36px;font-size:19px;line-height:1}.carousel-controls button:hover{color:var(--acid);border-color:var(--acid)}.carousel-controls #autoplay{font-size:16px}.slide-count{color:#a7b0b3;margin-inline:3px 8px;font-size:12px}.slide-count b{color:var(--paper)}@media (max-width:1100px){.fighter-card{flex-basis:33.3333%}}@media (max-width:760px){.roster-layout{display:block}.roster{gap:0}.fighter-card{flex-basis:50%;height:288px}.fighter-art{height:249px}.carousel-controls{gap:6px}.slide-count{margin-inline:0}.carousel-controls button{width:34px;height:34px}}@media (max-width:440px){.fighter-name{font-size:13px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition:none!important;animation:none!important}}.showcase{padding-bottom:24px}.showcase-top{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"heading tools""filters filters";align-items:end;gap:18px 24px;padding-block:36px 20px;display:grid}.showcase-heading{grid-area:heading;min-width:0}.showcase-top h1{font:var(--site-title);letter-spacing:var(--site-title-tracking);flex-wrap:wrap;align-items:baseline;gap:4px 12px;display:flex}.roster-count{font:400 18px/1 var(--site-sans);color:#b7c2c4}.showcase-hint{color:#c2c8c7;margin-top:10px;font-size:15px}.showcase-top .roster-filters{grid-area:filters;min-height:40px}.showcase-tools{grid-area:tools;justify-content:end;align-items:center;display:flex}.roster-layout{--roster-columns:6;--roster-card-height:294px;display:block;position:relative}.roster{--roster-columns:inherit;grid-auto-flow:column;grid-template-rows:repeat(2,var(--roster-card-height));grid-auto-columns:calc(100% / var(--roster-columns));background:0 0;gap:20px 0;display:grid;position:relative}.roster .fighter-card{height:var(--roster-card-height);scroll-snap-align:none;background:0 0;width:100%}.roster .fighter-art{background:var(--card-color,#cdd6c7);position:relative}@media (max-width:1100px){.roster-layout{--roster-columns:3}}@media (max-width:760px){.showcase-top{grid-template-columns:minmax(0,1fr);grid-template-areas:"heading""filters";gap:14px;padding-block:24px 16px}.showcase-hint{font-size:14px}.showcase-tools{display:none}.roster-layout{--roster-paged:0;--roster-columns:2;--roster-card-height:264px}.roster{grid-template-rows:none;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-flow:row;grid-auto-rows:var(--roster-card-height);scroll-snap-type:none;gap:12px;overflow:visible}.roster .fighter-art{height:225px}}.community-card .fighter-art{align-items:center;padding:16px 12px 0}.community-card .fighter-art img{object-fit:contain;object-position:center bottom;transform-origin:bottom;width:100%;height:100%}.community-card .fighter-art img[hidden]{display:none}.community-card .fighter-name{overflow-wrap:anywhere;font-size:14px}.community-badge{z-index:1;background:var(--ink);width:26px;height:26px;color:var(--acid);place-items:center;display:grid;position:absolute;top:10px;left:10px}.roster .world-card .fighter-art{background:radial-gradient(130% 80% at 50% 100%,#f8dc86 0,#efdfac 46%,#e3dac0 100%)}.skeleton-card{pointer-events:none}.skeleton-figure,.fighter-card.is-loading .fighter-art:before{content:"";background:radial-gradient(circle at 50% 16%,#b6c1b1 0 14%,#0000 14.5%),radial-gradient(50% 62% at 50% 100%,#b6c1b1 0 99%,#0000 100%);width:min(46%,150px);height:80%;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.skeleton-card .fighter-art:after,.fighter-card.is-loading .fighter-art:after{content:"";background:linear-gradient(100deg,#0000 30%,#fff6 50%,#0000 70%) 0 0/250% 100%;animation:1.4s linear infinite roster-sheen;position:absolute;inset:0}.fighter-card.is-loading .fighter-art img{z-index:1;position:relative}.skeleton-line{background:#ffffff24;width:44%;height:10px;display:block}.is-loading .community-placeholder{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}@keyframes roster-sheen{0%{background-position:100% 0}to{background-position:-150% 0}}@media (prefers-reduced-motion:reduce){.skeleton-card .fighter-art:after,.fighter-card.is-loading .fighter-art:after{animation:none}}.community-placeholder{color:var(--ink);padding:20px;font-size:12px}.mascot .fighter-art{align-items:flex-end;padding:16px 12px 8px}.mascot .fighter-art img{object-fit:contain;object-position:center bottom;transform-origin:bottom;width:100%;height:100%}.roster-status{color:#c2c8c7;padding-block:10px;font-size:12px}.roster-status:empty{display:none}.roster-status button{color:var(--acid);background:0 0;text-decoration:underline}.world-preview-entry{color:#071923;background:#e8e8d6;border:1px solid #cfd4be;align-items:center;gap:18px;width:min(1344px,100% - 40px);margin:0 auto 24px;padding:12px;font-size:14px;font-weight:700;text-decoration:none;display:flex}.world-preview-entry img{object-fit:cover;object-position:75% center;width:96px;height:60px}.world-preview-entry:hover{background:#e0e6cd}.roster-filters{flex-wrap:wrap;gap:8px;display:flex}.roster-filter{min-height:40px;color:var(--paper);background:0 0;border:1px solid #f5f2e93d;align-items:center;gap:8px;padding:0 14px;font-size:14px;font-weight:700;transition:background .15s,color .15s,border-color .15s;display:inline-flex}.roster-filter-count{color:#b7c2c4;font-weight:400}.roster-filter-count:empty{display:none}.roster-filter:hover{border-color:var(--acid);color:var(--acid)}.roster-filter[aria-pressed=true]{background:var(--acid);color:var(--ink);border-color:var(--acid)}.roster [hidden]{display:none!important}.roster-filter[aria-pressed=true] .roster-filter-count{color:var(--ink)}.community-badge.premium-badge{background:var(--acid);color:var(--ink)}@media (max-width:760px){.roster-filter,.showcase-top .roster-filters{min-height:44px}}