/* Bestenlisten-Seite mc.dnsdev.tech/stats/ – baut auf end.css auf */
.band { position: relative; overflow: hidden; isolation: isolate; padding: 18px 16px 70px; border-bottom: 1px solid var(--line); }
.band .top { max-width: 1100px; }
.back { color: var(--soft); text-decoration: none; }
.back:hover { color: var(--endstone); }
.bandinner { max-width: 1100px; margin: 34px auto 0; display: grid; gap: 10px; }
.bandinner h1 { font-size: clamp(28px, 7vw, 72px); justify-self: start; }
.stamp { margin: 0; font: 12px var(--mono); letter-spacing: .12em; text-transform: uppercase; color: var(--pearl); }

.boards { max-width: 1100px; margin: 0 auto; padding: 26px 16px 20px; display: grid; gap: 16px; }
@media (min-width: 720px) { .boards { grid-template-columns: repeat(2, 1fr); } }
@media (min-width: 1040px) { .boards { grid-template-columns: repeat(3, 1fr); } }
.note { grid-column: 1 / -1; margin: 0; color: var(--soft); font-style: italic; }

.board { background: var(--void2); border: 1px solid var(--line); border-top: 4px solid var(--accent, var(--purple)); padding: 18px 18px 14px; min-width: 0; }
.board header { display: grid; grid-template-columns: 36px 1fr; gap: 0 12px; align-items: center; margin-bottom: 12px; }
.board .icon { grid-row: span 2; width: 36px; height: 36px; display: grid; place-items: center; background: #050409; border: 1px solid var(--line); }
.board .icon svg { width: 24px; height: 24px; }
.board h2 { margin: 0; font: 600 19px/1.2 var(--serif); color: var(--endstone); }
.board .subt { margin: 0; font: 12px var(--mono); color: var(--soft); }

.rows { list-style: none; margin: 0; padding: 0; }
.rows li { display: grid; grid-template-columns: 26px 26px 1fr auto; gap: 10px; align-items: center; padding: 7px 0; border-top: 1px solid var(--line); }
.rows li:first-child { border-top: 0; }
.rank { font: 12px var(--mono); text-align: center; color: var(--soft); padding: 2px 0; }
.rows li:nth-child(-n+3) .rank { background: var(--accent, var(--purple)); color: var(--void); font-weight: 700; }
.head { width: 26px; height: 26px; image-rendering: pixelated; background: #1d1630; display: block; }
.pname { color: var(--text); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 15px; }
.val { font: 13px var(--mono); color: var(--endstone); white-space: nowrap; }
.empty { color: var(--soft); font-style: italic; font-size: 14px; padding: 6px 0; }

.wrapfoot { max-width: 1100px; margin: 0 auto; padding: 18px 16px 32px; }