.stats-page{padding-top:48px}.stats-page .materials-heading{margin-bottom:18px}.stats-intro{font-size:15px;line-height:1.8;color:var(--muted);margin:0 0 32px}.stats-search{max-width:680px}.stats-search label{margin-top:0}.search-row{display:flex;gap:12px}.search-row input{min-width:0}.search-row button{flex-shrink:0;min-width:90px}#stats-status{font-size:13px;line-height:1.8;color:var(--muted);margin:24px 0}#stats-status:empty{display:none}.stats-empty{margin-top:40px;padding:48px 32px;border:1px solid var(--line);background:var(--surface)}.stats-empty>span{font-size:10px;letter-spacing:.12em;color:var(--accent)}.stats-empty h2{margin:18px 0 14px}.stats-empty p{font-size:14px;line-height:1.8;color:var(--muted)}.service-tags{display:flex;flex-wrap:wrap;gap:10px;margin-top:28px}.service-tags span{font-size:11px;padding:8px 12px;border:1px solid var(--line);color:var(--accent)}.player-heading{display:flex;justify-content:space-between;align-items:baseline;gap:16px;flex-wrap:wrap;margin:36px 0 24px}.player-heading h2{font-size:32px}#stats-updated{font-size:11px;color:var(--muted);margin:0}.stats-dashboard{display:grid;grid-template-columns:260px minmax(0,1fr);gap:20px;align-items:start}.stat-card{min-width:0;border:1px solid var(--line);background:var(--surface);padding:26px}.stat-heading{display:flex;justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:24px;flex-wrap:wrap}.stat-heading h3{font-size:20px;font-weight:500;margin:0}.stat-heading>span{font-size:10px;color:var(--muted);letter-spacing:.04em}.stat-card>a{display:inline-block;margin-top:22px;color:var(--accent);font-size:12px}.skin-card{position:sticky;top:24px}.skin-stage{min-height:320px;display:grid;place-items:center;background:radial-gradient(ellipse at 50% 80%,#b7c5ff12,transparent 65%)}.skin-stage img{width:160px;height:auto;max-width:100%;image-rendering:pixelated;object-fit:contain}.skin-stage p{font-size:12px;line-height:1.8;color:var(--muted)}.provider-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.provider-cards>.stat-card:first-child{grid-column:1 / -1}.provider-cards>.stat-card:nth-child(2){grid-column:1 / -1}.tier-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.tier-item{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:12px;border:1px solid var(--line);min-width:0}.tier-item span{font-size:11px;color:var(--muted);overflow-wrap:anywhere}.tier-item strong{font-size:15px;font-weight:500;color:var(--accent);white-space:nowrap}.stat-values{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin:0}.stat-values>div{min-width:0}.stat-values dt{font-size:11px;color:var(--muted);margin-bottom:8px}.stat-values dd{font-size:20px;margin:0;overflow-wrap:anywhere}.rank-line{font-size:24px;color:var(--accent);margin:0 0 24px}.provider-state,.source-note{font-size:12px;color:var(--muted);line-height:1.8}.source-note{margin-top:20px}@media(max-width:1000px){.tier-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:700px){.stats-page{padding-top:32px}.stats-dashboard{grid-template-columns:minmax(0,1fr)}.skin-card{position:static}.skin-stage{min-height:240px}.skin-stage img{width:120px}.stat-card{padding:22px 20px}.stats-empty{padding:32px 22px}.stat-values{grid-template-columns:repeat(2,minmax(0,1fr))}.player-heading h2{font-size:26px}.search-row{gap:8px}.search-row button{min-width:72px;padding-inline:12px}.tier-grid{grid-template-columns:minmax(0,1fr)}}

.recommended-players{margin-top:32px;border-top:1px solid var(--line);padding-top:24px}.recommended-players h3{font-size:18px;font-weight:500;margin:0 0 8px}.recommended-players>p{font-size:12px;margin:0 0 18px}.recommended-players ol{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;list-style:none;padding:0;margin:0}.recommended-players li{min-width:0}.recommended-players a{display:grid;grid-template-columns:minmax(0,1fr);align-items:center;gap:14px;padding:16px;border:1px solid var(--line);border-radius:12px;color:var(--text);min-width:0;height:100%;transition:border-color .2s ease,background .2s ease}.recommended-players a:hover{border-color:var(--accent);background:var(--surface)}.recommended-players a:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.recommended-info{display:flex;flex-direction:column;align-items:flex-start;gap:10px;min-width:0}.recommended-rank{color:var(--accent);font-size:12px}.recommended-players strong{font-size:17px;font-weight:500;overflow-wrap:anywhere;max-width:100%}.recommended-count{color:var(--muted);font-size:11px}.recommended-skin{position:relative;display:grid;place-items:center;width:100%;height:174px;padding:10px;border:1px solid var(--line);border-radius:9px;background:radial-gradient(ellipse at 50% 75%,#b7c5ff20,transparent 72%);transform-origin:center;transition:transform .25s cubic-bezier(.2,.8,.2,1),box-shadow .25s ease,border-color .25s ease}.recommended-skin img{display:block;width:100%;height:100%;max-height:152px;object-fit:contain;image-rendering:pixelated;opacity:0;transition:opacity .18s ease}.recommended-skin.loaded img{opacity:1}.recommended-skin img[hidden]{display:none}.recommended-skin-status{position:absolute;inset:12px;display:grid;place-items:center;color:var(--muted);font-size:10px;line-height:1.6;text-align:center}.recommended-skin-status[hidden]{display:none}#recommended-status:empty{display:none}@media(hover:hover) and (pointer:fine){.recommended-skin:hover{transform:scale(1.1);border-color:var(--accent);box-shadow:0 8px 24px #0005;z-index:1}}.recommended-players a:focus-visible .recommended-skin{transform:scale(1.06);border-color:var(--accent)}@media(max-width:700px){.recommended-players{overflow-x:auto;padding-bottom:10px}.recommended-players ol{gap:12px;min-width:600px}.recommended-players a{grid-template-columns:minmax(0,1fr);gap:12px;padding:10px}.recommended-info{gap:6px}.recommended-players strong{font-size:13px}.recommended-skin{height:148px;padding:8px}.recommended-skin img{max-height:130px}.recommended-count{font-size:10px}}@media(prefers-reduced-motion:reduce){.recommended-skin,.recommended-skin img,.recommended-players a{transition:none}.recommended-skin:hover,.recommended-players a:focus-visible .recommended-skin{transform:none}}


.skin-stage{touch-action:pan-y;cursor:grab;user-select:none}.skin-stage.dragging{cursor:grabbing}.skin-stage:focus-visible,.skin-download:focus-visible{outline:2px solid var(--accent);outline-offset:4px}.skin-download{display:inline-block;padding:12px 14px;border:1px solid var(--line);color:var(--accent);font-size:12px}.skin-download:hover{border-color:var(--accent)}

.skin-details{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:8px 12px;border:1px solid var(--line);color:var(--accent);font-size:12px}.skin-details:hover{border-color:var(--accent)}.skin-details:focus-visible{outline:2px solid var(--accent);outline-offset:4px}

.skin-history{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:20px;margin-bottom:48px}.skin-history .skin-card{position:static}.skin-history .skin-stage{min-height:280px}.skin-history h3{font-size:16px;margin:0 0 14px}.skin-history .source-note{margin:12px 0}.skin-history .skin-download{margin-top:12px}.skin-history time{display:block}.skin-history .skin-stage img{width:140px}.skin-history .skin-stage p{padding:12px}#history-status{color:var(--muted);line-height:1.8}.stats-page>.skin-details{margin-bottom:26px}@media(max-width:480px){.skin-history{grid-template-columns:1fr}}

.skin-showcase{margin:28px 0 40px;padding:28px}.skin-showcase h2{font-size:22px;font-weight:500;margin:0}.skin-showcase .stat-heading{margin-bottom:0}#selected-stage{position:relative;display:grid;place-items:center;width:100%;height:clamp(340px,55vw,600px);touch-action:none;cursor:grab;user-select:none;background:radial-gradient(ellipse at center,#b7c5ff12,transparent 68%)}#selected-stage.dragging{cursor:grabbing}#selected-stage:focus-visible{outline:2px solid var(--accent);outline-offset:4px}#selected-model{height:100%;width:100%;object-fit:contain;min-height:0;pointer-events:none}#model-status{position:absolute;text-align:center;padding:20px;color:var(--muted);font-size:13px}.model-actions{display:flex;gap:12px;flex-wrap:wrap;align-items:center}.model-actions .skin-download{margin:0}.skin-history .skin-card{padding:12px}.skin-select{width:100%;display:flex;flex-direction:column;align-items:center;border:1px solid var(--line);background:transparent;color:var(--text);padding:16px;cursor:pointer}.skin-select:hover,.skin-select[aria-pressed=true]{border-color:var(--accent);background:#b7c5ff0a}.skin-select[aria-pressed=true]{box-shadow:inset 0 0 0 1px var(--accent)}.skin-select:focus-visible{outline:2px solid var(--accent);outline-offset:4px}.skin-badge{font-size:12px;color:var(--accent)}.skin-thumbnail{display:grid;place-items:center;min-height:220px;width:100%;font-size:12px;line-height:1.8}.skin-thumbnail img{height:220px;width:110px;object-fit:contain;image-rendering:pixelated}.skin-select-label{font-size:12px}.skin-history .source-note{padding:0 4px;font-size:11px}@media(max-width:600px){.skin-showcase{padding:18px 12px}#selected-stage{height:360px}.skin-history{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.skin-history .skin-card{padding:8px}.skin-select{padding:12px 4px}.skin-thumbnail{min-height:180px}.skin-thumbnail img{height:180px;width:90px}.model-actions{gap:8px}.model-actions button,.model-actions a{font-size:11px;padding:10px}.skin-showcase h2{font-size:18px}}

.model-display{display:flex;align-items:center;gap:12px}.model-display #selected-stage{flex:1;min-width:0}.skin-animations{display:flex;flex-direction:column;gap:10px;flex-shrink:0}.skin-animations button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;width:88px;min-height:66px;padding:8px 4px;border:1px solid var(--line);border-radius:10px;background:#b7c5ff08;color:var(--text);font:inherit;font-size:11px;cursor:pointer}.skin-animations button>span:first-child{font-size:23px;line-height:1.2}.skin-animations button:hover,.skin-animations button[aria-pressed=true]{border-color:var(--accent);background:#b7c5ff20}.skin-animations button:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.skin-animations button:disabled{opacity:.4;cursor:wait}#selected-stage canvas{position:absolute;inset:0;width:100%!important;height:100%!important;object-fit:contain;pointer-events:none}#animation-status{min-height:18px;margin:0 0 8px}@media(max-width:600px){.model-display{gap:4px}.skin-animations button{width:62px;min-height:60px;font-size:10px}.skin-animations{gap:8px}}

.skin-layer-controls{width:106px;flex-shrink:0;align-self:center}.skin-layer-controls h3{font-size:13px;font-weight:500;margin:0 0 6px;color:var(--text)}.skin-layer-controls>p{font-size:10px;color:var(--muted);margin:0 0 12px}.skin-layer-buttons{display:flex;flex-direction:column;gap:8px}.skin-layer-buttons button{display:flex;align-items:center;justify-content:space-between;gap:6px;min-height:42px;width:100%;padding:9px 8px;border:1px solid var(--line);border-radius:8px;background:transparent;color:var(--muted);font:inherit;font-size:11px;cursor:pointer}.skin-layer-buttons button[aria-pressed=true]{border-color:#b7c5ff66;color:var(--text);background:#b7c5ff12}.skin-layer-buttons button:hover:not(:disabled){border-color:var(--accent)}.skin-layer-buttons button:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.layer-state{font-size:9px;font-weight:600;color:var(--muted)}[aria-pressed=true]>.layer-state{color:var(--accent)}.skin-layer-buttons button:disabled{opacity:.4;cursor:default}@media(max-width:600px){.skin-layer-controls{width:66px}.skin-layer-controls h3{font-size:11px}.skin-layer-controls>p{font-size:9px}.skin-layer-buttons{gap:6px}.skin-layer-buttons button{flex-direction:column;justify-content:center;gap:3px;font-size:10px;min-height:42px;padding:5px 2px}.skin-layer-buttons .layer-state{font-size:8px}.skin-animations button{width:50px;font-size:9px}.skin-animations button>span:first-child{font-size:21px}}
.recommended-players a{position:relative;transform-origin:center;transition:transform .25s cubic-bezier(.2,.8,.2,1),box-shadow .25s ease,border-color .2s ease,background .2s ease}
@media(hover:hover) and (pointer:fine){.recommended-players a:hover,.recommended-players a:focus-visible{transform:scale(1.04);box-shadow:0 10px 28px #0006;z-index:2}.recommended-players a:hover .recommended-skin{transform:none;box-shadow:none;border-color:var(--accent)}}
@media(prefers-reduced-motion:reduce){.recommended-players a{transition:none}.recommended-players a:hover,.recommended-players a:focus-visible{transform:none}}
.pvphq-card{grid-column:1 / -1}.pvphq-modes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin-top:24px}.pvphq-modes section{border-top:1px solid var(--line);padding-top:18px;min-width:0}.pvphq-modes h4{font-size:14px;margin:0 0 14px}.pvphq-modes .rank-line{font-size:20px;margin-bottom:18px}.pvphq-modes .stat-values{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.pvphq-modes dd{font-size:17px}@media(max-width:700px){.pvphq-modes{grid-template-columns:minmax(0,1fr)}}
.mcsr-rank{display:flex;align-items:center;gap:10px}.mcsr-rank img{width:32px;height:32px;flex:none;image-rendering:pixelated}
.recommended-players a:hover,.recommended-players a:focus-visible,.recommended-players a:hover .recommended-skin,.recommended-players a:focus-visible .recommended-skin,.recommended-skin:hover{transform:none!important}

.recommended-players + [aria-labelledby="upload-title"]{margin-top:48px}

.recommended-players li:has(>.player-social){display:flex;flex-direction:column;border:1px solid var(--line);border-radius:12px;overflow:hidden;background:var(--surface)}
.recommended-players li:has(>.player-social)>a{border:0;border-radius:0;height:auto;flex:1}
.player-social{display:flex;flex-wrap:wrap;align-items:center;gap:10px;padding:14px 0;border-top:1px solid var(--line);margin-top:16px;min-width:0}
.recommended-players li>.player-social{margin:0;padding:12px 14px}
.player-views{width:100%;font-size:11px;color:var(--muted);overflow-wrap:anywhere}
.player-reactions{display:flex;flex-wrap:wrap;gap:8px}
.player-reaction{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-width:58px;min-height:40px;padding:8px 10px;border:1px solid var(--line);border-radius:8px;background:transparent;color:var(--muted);font-size:12px;cursor:pointer}
.player-reaction svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linejoin:round}
.player-reaction[aria-pressed=true] svg{fill:currentColor}.player-reaction.heart[aria-pressed=true]{color:#fb829c}.player-reaction.favorite[aria-pressed=true]{color:#f3cf72}
.player-reaction:focus-visible,.player-social-retry:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.player-reaction:disabled{cursor:default;opacity:.65}
.player-social-status{width:100%;font-size:10px;color:var(--muted);line-height:1.5}.player-social-status:empty{display:none}.player-social-retry{font-size:11px}

/* Highlight the complete player card, including its counters and reactions. */
.recommended-players li:has(>.player-social)>a,
.recommended-players li:has(>.player-social)>a .recommended-skin{box-shadow:none;z-index:auto}
.recommended-players li:has(>.player-social)>a .recommended-skin{border-color:var(--line)}
.recommended-players li:has(>.player-social)>a:focus-visible{outline:none}
.recommended-players li:has(>.player-social):is(:focus-within,:active){border-color:var(--accent);box-shadow:0 0 0 1px var(--accent),0 0 16px #b7c5ff30}
@media(hover:hover) and (pointer:fine){.recommended-players li:has(>.player-social):hover{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent),0 0 16px #b7c5ff30}}

.recommended-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:10px}.recommended-heading h3{margin:0}
.recommendation-sort{display:flex;gap:6px;flex-wrap:wrap;margin-left:auto}.recommendation-sort button{padding:8px 10px;min-height:36px;border:1px solid var(--line);border-radius:7px;background:transparent;color:var(--muted);font:inherit;font-size:11px;cursor:pointer}.recommendation-sort button[aria-pressed=true]{border-color:var(--accent);background:#b7c5ff18;color:var(--accent)}.recommendation-sort button:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
@media(max-width:600px){.recommendation-sort{width:100%;margin-left:0}.recommendation-sort button{flex:1;padding:8px 6px;font-size:10px}}

.recommendation-pagination{display:flex;justify-content:flex-end;align-items:center;flex-wrap:wrap;gap:12px;margin-top:24px;padding:4px 0}.recommendation-pagination button{border:1px solid var(--line);border-radius:7px;padding:10px 14px;background:transparent;color:var(--text);font:inherit;font-size:12px;cursor:pointer}.recommendation-pagination button:disabled{opacity:.4;cursor:default}.recommendation-pagination button:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.recommendation-pagination span{font-size:12px;color:var(--muted)}
@media(max-width:600px){.recommendation-pagination{gap:8px}.recommendation-pagination button{padding:10px 8px;font-size:11px}}

/* Equal front/back panels in the Skins player cards. */
.recommended-skin-pair{grid-template-columns:repeat(2,minmax(0,1fr));gap:0;padding:0;overflow:hidden}
.recommended-skin-side{position:relative;display:grid;grid-template-rows:minmax(0,1fr);place-items:center;width:100%;height:100%;min-width:0;min-height:0;padding:8px 4px}
.recommended-skin-side+ .recommended-skin-side{border-left:1px solid var(--line)}
.recommended-skin>img,.recommended-skin-side img{transform:scale(1.3);transform-origin:center}
.recommended-skin-side.loaded img{opacity:1}
.recommended-skin-side .recommended-skin-status{inset:8px 4px}
@media(max-width:700px){.recommended-skin-pair{padding:0}.recommended-skin-side{padding:6px 3px}}