/* Dedicated application shell. Kept separate to make layout changes cache-safe. */
@media (min-width: 801px) {
    body {
        padding: 0 0 0 218px !important;
    }

    .site-head {
        position: fixed !important;
        inset: 0 auto 0 0 !important;
        z-index: 100 !important;
        width: 218px !important;
        height: 100dvh !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: stretch !important;
        padding: 24px 18px !important;
        border: 0 !important;
        border-right: 1px solid var(--line) !important;
        background: #0c0f11 !important;
    }

    .site-head .brand {
        padding: 0 8px 24px !important;
        border-bottom: 1px solid var(--line) !important;
    }

    .site-head nav {
        width: 100% !important;
        height: auto !important;
        display: flex !important;
        flex-direction: column !important;
        gap: 5px !important;
        margin: 22px 0 0 !important;
    }

    .site-head nav a {
        display: flex !important;
        justify-content: flex-start !important;
        padding: 12px 13px !important;
    }

    .site-head .live-mark {
        display: block !important;
        margin-top: auto !important;
    }
}

@media (min-width: 801px) and (max-width: 1100px) {
    body { padding-left: 188px !important; }
    .site-head { width: 188px !important; }
}

/* Compact screens use the top navigation. */
@media (max-width: 800px) {
    body {
        padding: 62px 0 0 !important;
    }

    .site-head {
        position: fixed !important;
        inset: 0 0 auto !important;
        z-index: 100 !important;
        width: 100% !important;
        height: 62px !important;
        display: flex !important;
        flex-direction: row !important;
        align-items: center !important;
        padding: 8px 12px !important;
    }
}

/* Compact, structured filter panel */
.browser .filter-panel {
    position: sticky;
    top: 0;
    z-index: 20;
    display: block;
    width: 100%;
    padding: 10px;
    border: 1px solid var(--line);
    background: #0c0f11f2;
    box-shadow: 0 12px 35px #0005;
    backdrop-filter: blur(14px);
}

.filter-main,
.filter-options {
    display: flex;
    align-items: center;
    gap: 7px;
}

.filter-main { margin-bottom: 8px; }
.filter-main .search { width: clamp(260px, 28vw, 440px); flex: 0 1 440px; }
.filter-main .chips { flex-wrap: wrap; }

.filter-options {
    padding-top: 8px;
    border-top: 1px solid var(--line);
}

.filter-options label {
    display: flex;
    align-items: center;
    gap: 7px;
}

.filter-options label > span {
    color: #69737a;
    font: 600 8px var(--mono);
    letter-spacing: .08em;
    text-transform: uppercase;
}

.filter-panel select,
.filter-panel .chips button,
.filter-panel .view-switch button {
    min-height: 34px;
    border: 1px solid #2b3237;
    border-radius: 2px;
    background: #14191c;
    color: var(--muted);
}

.filter-panel select { padding: 0 28px 0 10px; font: 600 9px var(--mono); }
.filter-panel .chips button { padding: 0 13px; }
.filter-panel .chips button.active,
.filter-panel .view-switch button.active { border-color: var(--acid); background: var(--acid); color: #0b0d09; }
.filter-panel .view-switch { margin-left: auto; }
.filter-panel .view-switch button { width: 36px; }

.compact-totals {
    width: min(100%, 760px) !important;
    grid-template-columns: repeat(3, 1fr) !important;
}

.compare-toggle {
    border-radius: 2px;
    border-color: #59636a !important;
    background: #080b0de8 !important;
    font-weight: 700;
}

.server-card { border-color: #252c30; }
.server-card:hover { border-color: #718087; box-shadow: 0 8px 26px #0005; }

.compact-home { padding-top: 0 !important; }
.sidebar-stats { display:grid;grid-template-columns:1fr 1fr;gap:1px;margin-top:24px;overflow:hidden;border:1px solid var(--line);background:var(--line) }
.sidebar-stats div { min-width:0;padding:10px;background:#111518 }
.sidebar-stats div:first-child { grid-column:1/-1 }
.sidebar-stats strong { display:block;color:var(--text);font:600 18px var(--mono) }
.sidebar-stats span { display:block;margin-top:3px;color:#687279;font:600 7px var(--mono);letter-spacing:.1em;text-transform:uppercase }

@media (max-width: 1050px) {
    .browser .filter-panel { max-width: none; }
    .filter-main { align-items: stretch; flex-direction: column; }
    .filter-main .search { width: 100%; flex-basis: 42px; }
    .filter-options { flex-wrap: wrap; }
}

@media (max-width: 680px) {
    .browser .filter-panel { position: static; }
    .filter-options label { flex: 1 1 140px; }
    .filter-options label select { width: 100%; }
    .filter-panel .view-switch { margin-left: 0; }
    .sidebar-stats { display:none; }
}

/* Readable compact typography */
body { font-size: 16px; }
.site-head nav a { font-size: 13px !important; }
.live-mark { font-size: 10px; }
.sidebar-stats strong { font-size: 21px; }
.sidebar-stats span { font-size: 9px; }

.filter-panel .search input { font-size: 13px; }
.filter-panel select { font-size: 10px; }
.filter-panel .chips button { font-size: 10px; }
.filter-options label > span { font-size: 9px; }
.result-meta { font-size: 10px; line-height: 1.5; }

.server-name { font-size: 18px; }
.server-address { font-size: 11px; line-height: 1.45; }
.card-sources span { font-size: 9px; }
.card-stats span { font-size: 10px; }
.card-stats strong { font-size: 14px; line-height: 1.35; }
.card-foot a { font-size: 11px; }
.server-shot span { font-size: 10px; line-height: 1.35; }
.compare-toggle { font-size: 9px; }
.fav { font-size: 23px; }

.top-title,
.rank > span,
.rank b,
.chart-legend,
.update-time { font-size: 10px; }
.rank strong { font-size: 14px; }

@media (max-width: 680px) {
    body { font-size: 15px; }
    .server-name { font-size: 16px; }
    .card-stats strong { font-size: 13px; }
}

/* Geographic directory */
.geo-page { padding-top:32px;padding-bottom:70px }
.geo-head { display:flex;align-items:end;justify-content:space-between;margin-bottom:22px }
.geo-head h1 { margin:7px 0 0;font-size:clamp(38px,5vw,68px);letter-spacing:-.055em }
.country-index { display:grid;grid-template-columns:1fr 1fr;margin-top:18px;border:1px solid var(--line);background:var(--line);gap:1px }
.country-index a { display:grid;grid-template-columns:34px minmax(150px,1fr) 90px 85px 20px;align-items:center;gap:10px;padding:15px;background:var(--panel);color:var(--text);text-decoration:none;transition:.15s }
.country-index a:hover { background:#1a2023 }
.country-index a>b { color:#687279;font:10px var(--mono) }
.country-index strong { display:flex;align-items:center;gap:10px;min-width:0 }
.country-index strong .country-flag { margin-right:1px; }
.country-index span { color:var(--muted);font:10px var(--mono);text-align:right }
.country-index em { color:var(--acid);font-style:normal }
.country-toolbar { display:flex;justify-content:space-between;margin-top:18px;padding:14px 16px;border:1px solid var(--line);background:var(--panel);font:11px var(--mono) }
.country-toolbar a { color:var(--acid);text-decoration:none }
.country-servers { border:1px solid var(--line);border-top:0 }
.country-servers>a { display:grid;grid-template-columns:12px minmax(200px,1fr) minmax(100px,180px) 100px 20px;align-items:center;gap:13px;padding:15px 17px;border-bottom:1px solid var(--line);color:var(--text);text-decoration:none }
.country-servers>a:last-child { border:0 }.country-servers>a:hover { background:var(--panel) }
.country-servers strong,.country-servers small { display:block }.country-servers small { margin-top:4px;color:var(--muted);font:10px var(--mono) }
.country-servers>a>span { color:var(--muted);font:11px var(--mono) }.country-servers>a>b { color:var(--acid) }
@media(max-width:900px){.country-index{grid-template-columns:1fr}.geo-head{align-items:start}.country-servers>a{grid-template-columns:12px 1fr 100px 20px}.country-servers>a>span:first-of-type{display:none}}
@media(max-width:600px){.geo-page{padding-top:18px}.geo-head{display:block}.country-index a{grid-template-columns:28px 1fr 72px 18px}.country-index a span:first-of-type{display:none}.country-servers>a{grid-template-columns:10px 1fr 18px}.country-servers>a>span{display:none}.country-toolbar{gap:15px}.country-toolbar strong{text-align:right}}

/* Global interface polish */
::selection { background:var(--acid);color:#090b0d }
::-webkit-scrollbar { width:10px;height:10px }
::-webkit-scrollbar-track { background:#090b0d }
::-webkit-scrollbar-thumb { border:3px solid #090b0d;background:#394247;border-radius:10px }
a,button,select,input { transition:border-color .16s,color .16s,background-color .16s,opacity .16s }
a:focus-visible,button:focus-visible,select:focus-visible,input:focus-visible { outline:2px solid var(--acid);outline-offset:2px }
button,select { cursor:pointer }
button:disabled { cursor:not-allowed;opacity:.5 }
.site-head nav a:hover { background:#171c1f;color:#fff }
.site-head nav a.active:hover { background:var(--acid);color:#0b0d09 }
.brand-logo-only { justify-content:center }
.site-head .brand-logo-only { padding-bottom:22px }
.brand-glyph { width:82px;height:82px;flex:0 0 82px;border-radius:50%;clip-path:none;background:#090b0d;overflow:hidden }
.brand-glyph img { display:block;width:100%;height:100%;object-fit:cover }
@media(max-width:800px){.site-head .brand-logo-only{padding:0}.site-head .brand-glyph{width:44px;height:44px;flex-basis:44px}}
.subpage { padding-top:34px;padding-bottom:64px }
.subpage .page-title { max-width:none;margin-bottom:36px;padding-bottom:24px;border-bottom:1px solid var(--line) }
.subpage .page-title h1 { margin:8px 0 7px;font-size:clamp(38px,5vw,64px);line-height:1 }
.subpage .page-title p { max-width:720px;margin:0;font-size:15px;line-height:1.55 }
.section-head { gap:20px }
.section-head h2 { font-size:30px }
.section-link { color:var(--acid);font:10px var(--mono);text-decoration:none;white-space:nowrap }
.global-table>a:hover { background:#1a2023 }
.global-table strong { font-size:14px }
.global-table span { font-size:10px }
.status-grid article { border-top:2px solid #384147 }
.status-grid article:last-child { border-top-color:var(--acid) }
.player-search input { min-width:0;font-size:15px }
.player-search button { color:#0b0d09 }
.empty-state,.empty-row { line-height:1.6 }
footer { opacity:.7 }
.footer-legal { display:grid;gap:7px;text-transform:none; }
.footer-legal span:first-child { color:var(--text); }
.footer-commit { display:flex;align-items:center;align-self:flex-start;gap:9px; }
.footer-commit span { color:#69737a;font-size:8px;letter-spacing:.12em; }
.footer-commit code { padding:5px 7px;border:1px solid var(--line);border-radius:2px;background:var(--panel);color:var(--acid);font:9px var(--mono); }
.country-flag { display:inline-grid;place-items:center;width:30px;height:23px;flex:none;overflow:hidden;border:1px solid #3a4449;border-radius:2px;background:#0b0e10;vertical-align:middle; }
.country-flag img { display:block;width:28px;height:21px;object-fit:cover; }
.country-flag .flag-fallback { color:var(--acid);font:700 8px var(--mono);letter-spacing:.04em; }
.country-flag.compact { display:inline-grid;width:22px;height:17px;margin:0 2px;border:0;vertical-align:-4px; }
.country-flag.compact img { width:20px;height:15px; }
@media(max-width:800px){.subpage{padding-top:24px}.subpage .page-title{margin-bottom:26px}.ranking-grid.secondary{margin-top:38px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important}}

/* Responsive consolidation */
html,body { max-width:100%; }
img,svg,canvas { max-width:100%; }
.shell,main,section,article,.detail-main,.server-intro { min-width:0; }
.server-intro h1,.page-title h1,.geo-head h1,.fact strong { overflow-wrap:anywhere; }
.address,.server-address,.source-panel b { overflow-wrap:anywhere;word-break:break-word; }

@media(max-width:1100px){
    .server-card { grid-template-columns:128px minmax(0,1fr); }
    .server-intro { padding:32px; }
    .section-head { align-items:flex-start;flex-wrap:wrap; }
}

@media(max-width:800px){
    body { padding:62px 0 0!important; }
    .site-head { position:fixed!important;inset:0 0 auto!important;width:100%!important;height:62px!important;display:flex!important;flex-direction:row!important;align-items:center!important;padding:8px 12px!important;border:0!important;border-bottom:1px solid var(--line)!important; }
    .site-head .brand { flex:none;padding:0!important;border:0!important; }
    .site-head nav { display:flex!important;flex:1 1 auto!important;flex-direction:row!important;gap:2px!important;width:auto!important;height:auto!important;margin:0 0 0 auto!important;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:none; }
    .site-head nav::-webkit-scrollbar { display:none; }
    .site-head nav a { flex:none;justify-content:center!important;padding:9px 10px!important;white-space:nowrap; }
    .site-head .live-mark,.sidebar-stats { display:none!important; }
    .shell,footer { width:calc(100% - 28px); }
    .subpage,.server-page,.geo-page { padding-top:24px; }
    .subpage .page-title { margin-bottom:24px; }
    .pulse,.browser { padding-block:42px; }
    .compact-pulse { margin-top:36px;padding-top:30px; }
    .status-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
    .status-grid article:last-child { grid-column:1/-1; }
    .geo-head { align-items:flex-start;gap:20px; }
    .geo-head h1 { font-size:clamp(34px,8vw,52px); }
    .server-hero { grid-template-columns:minmax(210px,34%) minmax(0,1fr); }
    .server-intro h1 { font-size:clamp(32px,7vw,52px); }
    .hero-actions { flex-wrap:wrap; }
    .chart-heading { margin-top:36px; }
    .range-tabs { max-width:100%;overflow-x:auto;scrollbar-width:thin; }
    .range-tabs button { flex:none; }
    footer { gap:20px; }
}

@media(max-width:600px){
    .site-head .brand>span:last-child { display:none; }
    .site-head nav a { padding-inline:9px!important;font-size:10px!important; }
    .site-head nav a:nth-child(3),.site-head nav a:nth-child(4) { display:flex; }
    .compact-home { padding-top:12px!important; }
    .browser .filter-panel { padding:8px; }
    .filter-main .chips { flex-wrap:nowrap;overflow-x:auto;padding-bottom:2px;scrollbar-width:thin; }
    .filter-main .chips button { flex:none; }
    .filter-options { display:grid;grid-template-columns:repeat(2,minmax(0,1fr)); }
    .filter-options label { min-width:0;display:block; }
    .filter-options label>span { display:block;margin-bottom:5px; }
    .filter-options label select { width:100%; }
    .filter-panel .view-switch { align-self:end; }
    .result-meta { align-items:flex-start;gap:12px; }
    .result-meta .update-time { text-align:right; }
    .server-hero { grid-template-columns:1fr; }
    .server-hero .server-shot { min-height:190px; }
    .quick-stats { grid-template-columns:repeat(3,1fr); }
    .quick-stats div { padding:18px 12px; }
    .detail-grid { padding-top:28px; }
    .status-grid { grid-template-columns:1fr; }
    .status-grid article:last-child { grid-column:auto; }
    .geo-head { display:block; }
    .country-toolbar { align-items:flex-start;flex-direction:column; }
    .country-toolbar strong { text-align:left; }
    .country-index a { grid-template-columns:28px minmax(0,1fr) 72px 18px; }
    .country-index strong { overflow:hidden; }
    .country-index strong .country-flag { flex:none; }
    .country-index strong { text-overflow:ellipsis;white-space:nowrap; }
    .country-servers>a { grid-template-columns:10px minmax(0,1fr) 18px; }
    .player-search { grid-template-columns:minmax(0,1fr) auto; }
    .player-search button { padding-inline:16px; }
    .section-head>span { max-width:100%;color:var(--muted); }
    .chart-legend { align-items:flex-start;flex-wrap:wrap;gap:8px 16px;padding-inline:4px; }
    .chart-legend strong { width:100%;margin-left:0; }
    .compare-bar { width:calc(100% - 24px);justify-content:center;gap:7px;padding:8px; }
    .compare-bar span { margin-right:auto; }
    .toast { right:12px;bottom:12px;left:12px;max-width:none; }
    footer { align-items:flex-start;flex-direction:column;padding-block:22px; }
}

@media(max-width:420px){
    .shell,footer { width:calc(100% - 20px); }
    .site-head { padding-inline:8px!important; }
    .site-head nav a { padding-inline:8px!important; }
    .server-card { grid-template-columns:1fr; }
    .server-card .server-shot { min-height:125px; }
    .server-card .card-body { padding:15px; }
    .server-grid.compact .server-card { grid-template-columns:74px minmax(0,1fr); }
    .server-grid.compact .server-shot { min-height:120px; }
    .filter-options { grid-template-columns:1fr; }
    .filter-panel .view-switch { justify-self:start; }
    .subpage .page-title h1 { font-size:clamp(36px,13vw,48px); }
    .section-head h2 { font-size:27px; }
    .history-metrics { grid-template-columns:1fr; }
    .history-metrics div { display:grid;grid-template-columns:1fr auto;align-items:center;gap:3px 12px; }
    .history-metrics strong { grid-column:2;grid-row:1/3;margin:0; }
    .history-metrics small { grid-column:1; }
    .quick-stats { grid-template-columns:repeat(2,1fr); }
    .player-list>div { grid-template-columns:minmax(0,1fr) 48px 60px;padding-inline:12px; }
    .player-list>div>span { display:none; }
    .leaderboard>div { grid-template-columns:34px minmax(0,1fr) 60px;padding-inline:10px;gap:8px; }
    .country-index a { padding-inline:10px;gap:7px; }
    .country-index a>b { display:none; }
    .country-index a { grid-template-columns:minmax(0,1fr) 68px 18px; }
    .empty-state { padding:45px 16px; }
}

/* Human-friendly public server configuration */
.settings-section { margin-top:14px;border:1px solid var(--line);background:#0d1012; }
.settings-section>summary { list-style:none; }
.settings-section>summary::-webkit-details-marker { display:none; }
.settings-overview { display:flex;align-items:center;gap:20px;padding:17px 20px;cursor:pointer; }
.settings-overview>div { min-width:0; }
.settings-overview strong,.settings-overview small { display:block; }
.settings-overview strong { margin-top:5px;font-size:20px; }
.settings-overview small { margin-top:3px;color:var(--muted);font:9px/1.45 var(--mono); }
.settings-overview>span { margin-left:auto;padding:7px 9px;border:1px solid #394248;color:var(--acid);font:9px var(--mono);white-space:nowrap; }
.settings-overview:after { content:'+';width:18px;color:var(--muted);font:22px/1 var(--mono); }
.settings-section[open]>.settings-overview:after { content:'−'; }
.settings-section[open]>.settings-overview { border-bottom:1px solid var(--line); }
.cvar-groups { display:grid;gap:8px;padding:8px; }
.cvar-group { border:1px solid var(--line);background:var(--panel); }
.cvar-group>summary { display:flex;align-items:center;gap:20px;padding:18px 20px;cursor:pointer;list-style:none; }
.cvar-group>summary::-webkit-details-marker { display:none; }
.cvar-group>summary>div { min-width:0; }
.cvar-group>summary strong,.cvar-group>summary small { display:block; }
.cvar-group>summary strong { font-size:16px; }
.cvar-group>summary small { margin-top:4px;color:var(--muted);font:9px/1.5 var(--mono); }
.cvar-group>summary>span { display:grid;place-items:center;min-width:28px;height:28px;margin-left:auto;border:1px solid #394248;color:var(--acid);font:600 9px var(--mono); }
.cvar-group>summary:after { content:'+';width:16px;color:var(--muted);font:20px/1 var(--mono); }
.cvar-group[open]>summary:after { content:'−'; }
.cvar-group[open]>summary { border-bottom:1px solid var(--line); }
.cvar-grid { display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;background:var(--line); }
.cvar-item { min-width:0;padding:16px 18px;background:#101417; }
.cvar-item>div:first-child { display:flex;align-items:center;gap:8px; }
.cvar-item strong { font-size:13px; }
.cvar-item p { margin:8px 0;color:var(--text);font:600 12px/1.45 var(--mono);overflow-wrap:anywhere; }
.cvar-raw { margin-top:10px; }
.cvar-raw summary { display:inline-block;padding:0;color:#69747b;font:8px var(--mono);cursor:pointer; }
.cvar-raw summary:before { content:'+ ';color:#89939a; }
.cvar-raw[open] summary:before { content:'− '; }
.cvar-raw code { display:block;margin-top:6px;color:#69747b;font:8px/1.45 var(--mono);overflow-wrap:anywhere; }
.setting-state { width:7px;height:7px;flex:none;border-radius:50%;background:#657078; }
.setting-state.on { background:var(--acid);box-shadow:0 0 8px #d7ff3866; }
.setting-state.off { background:#626b70; }
.vote-options { display:flex;flex-wrap:wrap;gap:5px;margin:11px 0; }
.vote-options span { padding:5px 7px;border:1px solid #364047;border-radius:999px;background:#1b2024;color:#c4ccd0;font:8px var(--mono); }
@media(max-width:1100px){.cvar-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.settings-overview{padding:14px}.settings-overview small{display:none}.settings-overview strong{font-size:17px}.cvar-grid{grid-template-columns:1fr}.cvar-group>summary{padding:15px}.cvar-item{padding:15px}}

/* Server detail polish */
.hosting-country>strong .country-flag { width:36px;height:27px;border:0; }
.hosting-country>strong .country-flag img { width:36px;height:27px; }
.server-shot { background-color:#000;background-position:center;background-size:contain;background-repeat:no-repeat; }
.server-shot:before { content:'';position:absolute;inset:0;border:1px solid #ffffff0a;pointer-events:none; }
.server-card .server-shot,.server-page .server-hero>.server-shot { background-color:#000; }
.server-page { padding-bottom:40px; }
.server-page .back { display:inline-flex;align-items:center;min-height:34px;padding:0 10px;border:1px solid transparent;border-radius:3px; }
.server-page .back:hover { border-color:var(--line);background:var(--panel);color:var(--text); }
.server-page .server-hero { overflow:hidden;border-color:#31393e;border-radius:4px;box-shadow:0 18px 50px #0003; }
.server-page .server-intro { background:linear-gradient(135deg,#13171a,#101315); }
.server-page .server-intro .kicker { display:inline-flex;align-items:center; }
.server-page .hero-actions button,.server-page .hero-actions a { min-height:42px;display:inline-flex;align-items:center;justify-content:center;border-radius:3px; }
.server-page .hero-actions button { border:1px solid #343c41;background:#171c1f;color:var(--text);padding:0 15px;font:600 10px var(--mono); }
.server-page .hero-actions button:hover { border-color:#68747b;color:var(--acid); }
.server-page .hero-actions .join { border:1px solid var(--acid); }
.server-page .quick-stats div { transition:background-color .16s; }
.server-page .quick-stats div:hover { background:#171c1f; }
.server-page .settings-section { border-radius:4px;overflow:hidden; }
.server-page .detail-grid { gap:26px; }
.server-page .detail-main>.section-head { margin:0 0 16px;padding-bottom:13px;border-bottom:1px solid var(--line); }
.server-page .detail-main>.section-head.chart-heading { margin-top:42px; }
.server-page #top-players { scroll-margin-top:22px; }
.server-page .detail-main>.section-head h2 { margin-top:5px;font-size:28px; }
.player-list-warning { margin:-7px 0 12px;color:var(--muted);font:9px/1.5 var(--mono); }
.server-page .player-list,.server-page .leaderboard,.server-page .map-rotation,.server-page .chart-wrap { overflow:hidden;border-color:#30383d;border-radius:4px;box-shadow:0 10px 30px #0002; }
.server-page .player-list>div,.server-page .leaderboard>div { transition:background-color .15s; }
.server-page .player-list>div:hover,.server-page .leaderboard>div:not(.leaderboard-head):hover { background:#171c1f; }
.server-page .ranking-note { margin:12px 2px 0; }
.server-page .history-metrics { overflow:hidden;border-radius:4px; }
.server-page .history-metrics div { position:relative; }
.server-page .history-metrics div:before { content:'';position:absolute;inset:0 auto 0 0;width:2px;background:#3a4348; }
.server-page .history-metrics div:nth-child(2):before { background:var(--acid); }
.server-page .detail-grid>aside { align-self:start;position:sticky;top:18px; }
.server-page .detail-grid>aside>div { border-color:#30383d;border-radius:4px; }
.server-page .rank-panel { background:linear-gradient(145deg,#151a1d,#101315); }
.server-page .fact { display:grid;grid-template-columns:1fr auto;align-items:center;gap:14px;padding:17px 19px; }
.server-page .fact strong { font-size:15px;text-align:right; }
.server-page .source-panel b { background:#20262a; }
@media(max-width:1000px){.server-page .detail-grid>aside{position:static;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.server-page .detail-grid>aside>div{margin:0}.server-page .source-panel{grid-column:1/-1}}
@media(max-width:600px){.server-page .hero-actions>*{flex:1 1 140px}.server-page .hero-actions form{display:contents}.server-page .detail-main>.section-head.chart-heading{margin-top:34px}.server-page .detail-grid>aside{grid-template-columns:1fr}.server-page .source-panel{grid-column:auto}.server-page .fact{grid-template-columns:1fr}.server-page .fact strong{text-align:left}.server-page .player-list,.server-page .leaderboard,.server-page .map-rotation,.server-page .chart-wrap{border-radius:3px}}

/* Complete paginated rankings and map distribution */
.server-page .player-list strong[data-color-name],.server-page .leaderboard strong[data-color-name],.player-directory strong[data-color-name],.global-table strong[data-color-name] { color:var(--text);font-size:14px;font-weight:750;letter-spacing:.01em;text-shadow:0 1px 2px #000,0 0 4px #ffffff1f; }
.server-page .player-list strong[data-color-name] { font-size:15px; }
.server-page .player-list>div,.server-page .leaderboard>div { min-height:48px; }
.server-page .leaderboard strong[data-color-name] { min-width:0; }
.pagination { display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;margin-top:10px;padding:10px 12px;border:1px solid var(--line);border-radius:3px;background:#0f1315;font:9px var(--mono); }
.pagination a,.pagination button,.pagination>span:first-child,.pagination>span:last-child { justify-self:start;padding:8px 10px;border:1px solid #353e43;border-radius:2px;background:#171c1f;color:var(--text);text-decoration:none;font:600 9px var(--mono); }
.pagination a:last-child,.pagination button:last-child,.pagination>span:last-child { justify-self:end; }
.pagination a:hover,.pagination button:hover:not(:disabled) { border-color:var(--acid);color:var(--acid); }
.pagination .disabled,.pagination button:disabled { opacity:.35;cursor:not-allowed; }
.pagination>span:nth-child(2) { color:var(--muted);text-align:center; }
.map-distribution { display:grid;grid-template-columns:minmax(240px,36%) minmax(0,1fr);align-items:center;gap:20px;margin-bottom:12px;padding:18px;border:1px solid #30383d;border-radius:4px;background:var(--panel);box-shadow:0 10px 30px #0002; }
.map-donut { display:grid;place-items:center;min-width:0; }
.map-donut canvas { width:min(100%,320px);height:auto;aspect-ratio:1; }
.map-legend { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;background:var(--line); }
.map-legend>div { display:grid;grid-template-columns:8px minmax(0,1fr) auto;align-items:center;gap:9px;min-width:0;padding:11px;background:#101417; }
.map-legend i { width:8px;height:8px;border-radius:50%; }
.map-legend span { overflow:hidden;color:var(--text);font:10px var(--mono);text-overflow:ellipsis;white-space:nowrap; }
.map-legend b { color:var(--muted);font:600 9px var(--mono); }
.map-pagination[hidden] { display:none; }
.map-pagination button { justify-self:start; }
.map-pagination button:last-child { justify-self:end; }
@media(max-width:700px){.map-distribution{grid-template-columns:1fr}.map-donut canvas{width:min(76vw,280px)}.map-legend{grid-template-columns:1fr}}
@media(max-width:480px){.pagination{grid-template-columns:1fr 1fr}.pagination>span:nth-child(2){grid-column:1/-1;grid-row:1}.pagination a,.pagination button,.pagination>span:first-child,.pagination>span:last-child{grid-row:2}.map-distribution{padding:12px}}
@media(max-width:600px){.server-page .player-list strong[data-color-name],.server-page .leaderboard strong[data-color-name],.player-directory strong[data-color-name]{font-size:13px}}

/* Exact country distribution — replaces the approximate map */
.country-overview { display:grid;grid-template-columns:minmax(0,1.65fr) minmax(300px,.85fr);gap:12px; }
.country-overview>article { min-width:0;border:1px solid var(--line);border-radius:3px;background:var(--panel);overflow:hidden; }
.country-overview article>header { display:flex;align-items:flex-end;justify-content:space-between;gap:18px;padding:20px;border-bottom:1px solid var(--line); }
.country-overview h2 { margin:6px 0 0;font-size:25px; }
.country-overview article>header>strong { color:var(--acid);font:600 25px var(--mono);white-space:nowrap; }
.country-overview article>header>strong small { color:var(--muted);font-size:8px;text-transform:uppercase; }
.distribution-list { display:grid; }
.distribution-list a { display:grid;grid-template-columns:30px minmax(100px,160px) minmax(90px,1fr) 35px 45px;align-items:center;gap:10px;min-height:47px;padding:9px 16px;border-bottom:1px solid #242a2e;color:var(--text);text-decoration:none; }
.distribution-list a:last-child { border:0; }
.distribution-list a:hover,.activity-list a:hover { background:#171c1f; }
.distribution-list a>span { overflow:hidden;font-size:13px;font-weight:700;text-overflow:ellipsis;white-space:nowrap; }
.distribution-list a>div { height:5px;border-radius:4px;background:#2a3135;overflow:hidden; }
.distribution-list a>div i { display:block;height:100%;min-width:2px;border-radius:4px;background:var(--acid); }
.distribution-list a>strong { text-align:right;font:600 11px var(--mono); }
.distribution-list a>small { color:var(--muted);font:9px var(--mono);text-align:right; }
.country-activity { display:flex;flex-direction:column; }
.activity-list { display:grid; }
.activity-list a { display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:47px;padding:9px 16px;border-bottom:1px solid #242a2e;color:var(--text);text-decoration:none; }
.activity-list a>span { overflow:hidden;font-size:12px;font-weight:700;text-overflow:ellipsis;white-space:nowrap; }
.activity-list .country-flag { margin-right:9px; }
.activity-list a>strong { color:var(--acid);font:600 12px var(--mono);white-space:nowrap; }
.activity-list a>strong small { color:var(--muted);font-size:8px; }
.activity-list p { margin:0;padding:28px 20px;color:var(--muted);font:10px/1.6 var(--mono); }
.country-totals { display:grid;grid-template-columns:repeat(3,1fr);gap:1px;margin-top:auto;border-top:1px solid var(--line);background:var(--line); }
.country-totals>div { padding:14px;background:#0f1315; }
.country-totals strong,.country-totals span { display:block; }
.country-totals strong { color:var(--text);font:600 16px var(--mono); }
.country-totals span { margin-top:4px;color:var(--muted);font:8px var(--mono);text-transform:uppercase; }
@media(max-width:1000px){.country-overview{grid-template-columns:1fr}.country-activity{display:grid;grid-template-columns:minmax(0,1fr) minmax(220px,.6fr)}.country-activity>header{grid-column:1/-1}.country-totals{margin-top:0;border-top:0;border-left:1px solid var(--line)}}
@media(max-width:650px){.country-overview article>header{padding:16px}.country-overview h2{font-size:22px}.distribution-list a{grid-template-columns:28px minmax(0,1fr) 33px 42px;padding-inline:12px}.distribution-list a>div{display:none}.country-activity{display:flex}.country-totals{border-top:1px solid var(--line);border-left:0}.country-index{margin-top:12px}}

/* Live map gallery */
.map-gallery-head { display:flex;align-items:flex-end;justify-content:space-between;gap:30px; }
.map-gallery-head>div:first-child { max-width:760px; }
.map-gallery-summary { display:grid;grid-template-columns:auto auto;align-items:baseline;gap:3px 10px;padding:15px 18px;border:1px solid var(--line);background:var(--panel); }
.map-gallery-summary strong { color:var(--acid);font:600 22px var(--mono);text-align:right; }
.map-gallery-summary span { color:var(--muted);font:8px var(--mono);text-transform:uppercase; }
.map-gallery-meta { display:flex;justify-content:space-between;gap:20px;margin:-18px 0 18px;color:var(--muted);font:9px var(--mono); }
.map-gallery { display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px; }
.map-gallery-card { min-width:0;overflow:hidden;border:1px solid #30383d;border-radius:4px;background:var(--panel); }
.map-gallery-shot { position:relative;display:grid;place-items:center;height:190px;overflow:hidden;background:#000; }
.map-gallery-shot:after { content:'';position:absolute;inset:45% 0 0;background:linear-gradient(transparent,#000c); }
.map-gallery-shot img { width:100%;height:100%;object-fit:cover;object-position:center 60%;transform:scale(1.65);transform-origin:center 60%;filter:brightness(1.08) saturate(1.05); }
.map-gallery-shot>span { display:none; }
.map-repository-link { display:inline-flex;margin-top:7px;color:#94a05f;font:600 8px var(--mono);text-decoration:none;text-transform:uppercase; }
.map-repository-link:hover,.map-repo-inline:hover { color:var(--acid); }
.map-repo-inline { color:#94a05f;font:600 .9em var(--mono);text-decoration:none; }
.server-shot .map-repo-inline { color:var(--acid); }
.server-shot .map-repo-index { display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;margin:-6px -4px -6px 2px;font-size:16px;line-height:1;vertical-align:middle; }
.map-gallery-card>header { display:flex;align-items:center;justify-content:space-between;gap:14px;padding:15px;border-bottom:1px solid var(--line); }
.map-gallery-card>header h2 { overflow:hidden;margin:0;font-size:18px;text-overflow:ellipsis;white-space:nowrap; }
.map-gallery-card>header span { display:block;margin-top:4px;color:var(--muted);font:8px var(--mono); }
.map-gallery-card>header>strong { color:var(--acid);font:600 18px var(--mono);white-space:nowrap; }
.map-gallery-card>header>strong small { color:var(--muted);font-size:8px;text-transform:uppercase; }
.map-server-list { display:grid; }
.map-server-link { display:grid;grid-template-columns:8px minmax(0,1fr) auto 12px;align-items:center;gap:9px;min-height:54px;padding:10px 13px;border-bottom:1px solid #242a2e;color:var(--text);text-decoration:none; }
.map-server-link:last-child { border-bottom:0; }
.map-server-link:hover { background:#181d20; }
.map-server-link .status { margin:0; }
.map-server-link>span,.map-server-link>span>strong,.map-server-link>span>small { display:block;min-width:0; }
.map-server-link>span>strong { overflow:hidden;font-size:12px;text-overflow:ellipsis;white-space:nowrap; }
.map-server-link>span>strong>span { display:inline; }
.map-server-link>span>small { margin-top:3px;color:var(--muted);font:8px var(--mono); }
.map-server-link>b { color:var(--muted);font:600 8px var(--mono);white-space:nowrap; }
.map-server-link>em { color:var(--acid);font-style:normal; }
.map-server-link[hidden] { display:none; }
.map-gallery-more { width:100%;min-height:42px;border:0;border-top:1px solid var(--line);background:#0d1012;color:var(--acid);font:600 9px var(--mono); }
.map-gallery-more:hover { background:#181d20; }
.gallery-global-more { display:block;min-width:190px;margin:24px auto 0;padding:13px 22px;border:1px solid var(--acid);border-radius:3px;background:transparent;color:var(--acid);font:600 10px var(--mono); }
.gallery-global-more:hover { background:var(--acid);color:#0b0d09; }
.gallery-global-more[hidden] { display:none; }
@media(max-width:1200px){.map-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:720px){.map-gallery-head{display:block}.map-gallery-summary{width:max-content;margin-top:18px}.map-gallery-meta{align-items:flex-start;flex-direction:column;gap:5px;margin-top:-8px}.map-gallery{grid-template-columns:1fr}.map-gallery-shot{height:min(54vw,240px)}}
.seo-heading { position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0; }