.server-rankings{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-block:1px solid var(--line);margin-top:6px;padding:22px 0;gap:24px}
.server-ranking-section{margin:0 0 28px}.server-ranking-section h2{font-size:17px;margin:0 0 16px}.server-ranking-section .server-rankings{border-top:0;padding-top:0}
.server-rank{display:block;min-width:0;padding:0 24px 0 0;border-right:1px solid var(--line)}
.server-rank:last-child{border:0;padding-right:0}.rank-heading{display:flex;align-items:center;gap:9px;font-size:12px;color:var(--muted)}.rank-heading>.icon:last-child{margin-left:auto;width:14px}.rank-heading>.icon:first-child{color:#bb8b28}
.rank-by_votes .rank-heading>.icon:first-child{color:var(--green)}.rank-by_online .rank-heading>.icon:first-child{color:#4598ca}
.server-rank>div{display:flex;align-items:baseline;gap:10px;margin:8px 0 3px}.server-rank strong{font-size:27px;line-height:1.3;font-variant-numeric:tabular-nums;color:var(--ink)}.server-rank>div>span,.server-rank small{font-size:11px;color:var(--muted)}.server-rank:hover strong{color:var(--green)}
.server-rank-unlisted{display:flex;align-items:center;gap:8px;margin:18px 0;font-size:12px}
.server-profile .metric-grid{border-top:0;margin-top:0}.server-profile .metric-grid strong{font-variant-numeric:tabular-nums}.server-profile .metric-grid span{line-height:1.6}
.server-profile .copy-ip .icon{display:block}.server-profile .chart-frame canvas{max-width:100%}
.server-profile .server-page-grid{grid-template-columns:minmax(0,1fr) 286px;gap:32px}.server-page-grid>main,.server-page-grid>aside{min-width:0}
.server-section-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}.server-section-heading h2,.server-section-heading h3{font-size:17px;margin:0}.server-section-heading>span{font-size:12px;color:var(--muted)}
.gallery-controls{display:flex;align-items:center;gap:6px}.gallery-controls>span{font-size:11px;color:var(--muted);margin-right:6px}.gallery-controls .icon-button{border:1px solid var(--line);background:var(--surface)}
.server-gallery-track{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 14px)/2);gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:thin;padding-bottom:9px}
.server-gallery-image{display:block;position:relative;aspect-ratio:16/10;overflow:hidden;border-radius:6px;background:var(--soft);scroll-snap-align:start}.server-gallery-image img{display:block;width:100%;height:100%;object-fit:cover}.server-gallery-image>span{position:absolute;right:10px;bottom:10px;display:grid;place-items:center;width:30px;height:30px;background:#101619c9;border-radius:4px;color:#fff}.server-gallery-image:hover>span{background:#078754}
.server-lightbox{width:min(1160px,calc(100% - 32px));max-width:none;padding:14px;background:var(--surface);color:var(--ink);border:1px solid var(--line);border-radius:8px;max-height:94dvh}.server-lightbox::backdrop{background:#080c10e6}.lightbox-toolbar{display:flex;align-items:center;justify-content:space-between;min-height:36px;font-size:12px}.lightbox-stage{display:grid;grid-template-columns:36px minmax(0,1fr) 36px;gap:10px;align-items:center}.lightbox-stage img{display:block;width:100%;height:70dvh;object-fit:contain;touch-action:pan-y}.server-lightbox p{margin:10px 46px 0;font-size:12px;overflow-wrap:anywhere}.server-lightbox p:empty{display:none}body:has(.server-lightbox[open]){overflow:hidden}
.server-socials{display:grid;gap:8px}.server-social{display:flex;align-items:center;gap:10px;padding:8px 0;color:var(--ink);min-width:0}.social-mark{display:grid;place-items:center;width:34px;height:34px;border-radius:6px;background:var(--soft);color:var(--muted);flex:none}.server-social strong{font-size:12px;font-weight:600}.server-social>.icon{margin-left:auto;width:14px;color:var(--muted)}.social-telegram .social-mark{background:#238bbe1c;color:#268fbf}.social-vk .social-mark{background:#3484e81c;color:#398ce0}.social-discord .social-mark{background:#8174de1c;color:#9483e8}
.server-side-link{display:flex;align-items:center;gap:8px;margin-top:15px;font-size:12px;color:var(--green)}.server-side-link .icon{width:15px}.server-points .server-section-heading>.icon{color:#ba8d32}.points-total{display:flex;align-items:baseline;gap:9px}.points-total strong{font-size:32px;font-variant-numeric:tabular-nums}.points-total span{font-size:11px;color:var(--muted)}.server-points p{font-size:11px;line-height:1.7;margin:8px 0 14px}.points-batches{list-style:none;padding:0;margin:0 0 16px;max-height:240px;overflow:auto}.points-batches li{display:flex;align-items:baseline;gap:10px;padding:9px 0;border-top:1px solid var(--line)}.points-batches strong{font-size:12px;flex:none}.points-batches span{font-size:10px;color:var(--muted);margin-left:auto;text-align:right}.server-points .block{width:100%;font-size:12px}
.related-server{padding:15px 0;border-bottom:1px solid var(--line)}.related-server:last-child{border-bottom:0;padding-bottom:0}.related-server:first-of-type{padding-top:0}.related-identity{display:grid;grid-template-columns:42px minmax(0,1fr);align-items:center;gap:11px}.related-identity img{border-radius:6px;background:var(--soft);image-rendering:pixelated}.related-identity>div{min-width:0}.related-identity strong{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere;font-size:12px;line-height:1.55}.related-identity span{display:block;color:var(--muted);font-size:10px;line-height:1.6;margin-top:3px;overflow-wrap:anywhere}.related-status{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:5px 0 0 53px;min-height:30px;font-size:12px}.related-status>span{display:flex;align-items:center;gap:6px}.related-status small{font-size:10px;color:var(--muted)}.related-status .copy-ip{padding:0;width:30px;height:30px;justify-content:center;background:var(--soft)}.related-status .copy-ip .icon{width:14px;height:14px}
.server-social-editor{margin:24px 0;padding-top:22px;border-top:1px solid var(--line)}.server-social-editor legend{font-size:16px;padding:0 12px 0 0}.server-gallery-editor{margin-top:36px;border-top:1px solid var(--line);padding-top:28px;scroll-margin-top:100px}.gallery-editor-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:20px 0}.gallery-editor-item{background:var(--surface);border:1px solid var(--line);border-radius:6px;overflow:hidden}.gallery-editor-item>img{display:block;width:100%;height:auto;aspect-ratio:16/10;object-fit:cover}.gallery-item-actions{display:flex;align-items:center;gap:5px;padding:8px;margin:0}.gallery-item-actions>span{margin-right:auto;font-size:12px;color:var(--muted)}.gallery-remove{color:#c65d55}.gallery-item-actions button:disabled{opacity:.3;cursor:default}.gallery-upload{max-width:680px}.gallery-upload input[type=file]{width:100%;font-size:12px;padding:12px}.gallery-upload-preview{display:flex;gap:10px;overflow:auto}.gallery-upload-preview:empty{display:none}.gallery-upload-preview img{width:100px;height:64px;object-fit:cover;border-radius:4px}.gallery-flash{padding:12px 0;color:var(--green);font-size:13px}
@media(min-width:1500px){.server-gallery-track{grid-auto-columns:calc((100% - 28px)/3)}}
@media(max-width:1000px){.server-profile .server-page-grid{grid-template-columns:minmax(0,1fr) 250px;gap:24px}.server-rankings{gap:16px}.server-rank{padding-right:16px}.gallery-editor-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:760px){.server-profile .server-page-grid{display:flex;flex-direction:column;gap:16px}.server-page-grid>aside{display:contents}.server-page-grid>main{order:3}.server-page-grid #server-address{order:1}.server-page-grid .server-community{order:2}.server-page-grid>aside>.content-panel{order:4}.server-page-grid>aside>#server-address{order:1}.server-page-grid>aside>.server-community{order:2}.server-rankings{gap:10px;padding:18px 0}.server-rank{padding-right:10px}.rank-heading{font-size:10px;gap:6px;align-items:flex-start}.rank-heading>.icon{width:14px;height:14px}.rank-heading>.icon:last-child{display:none}.server-rank strong{font-size:23px}.server-rank>div{flex-wrap:wrap;gap:2px 6px}.server-rank>div>span,.server-rank small{font-size:10px}.server-profile .metric-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.server-socials{grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 16px}.server-gallery-track{grid-auto-columns:82%;gap:10px}.gallery-editor-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.gallery-item-actions{gap:2px;padding:6px}.gallery-item-actions .icon-button{width:30px;height:30px}.server-lightbox{padding:8px;width:calc(100% - 16px)}.lightbox-stage{grid-template-columns:28px minmax(0,1fr) 28px;gap:3px}.lightbox-stage .icon-button{width:28px}.lightbox-stage img{height:60dvh}.server-lightbox p{margin-inline:8px}}
@media(prefers-reduced-motion:reduce){.server-gallery-track{scroll-behavior:auto}}
@media(max-width:760px){.server-profile .server-page-grid{align-items:stretch}.server-page-grid>main,.server-page-grid>aside>.content-panel{width:100%;max-width:100%}}