:root{color:#112d5d;background:#d7edff;font-family:Inter,Microsoft YaHei,system-ui,sans-serif;letter-spacing:0;--theme-background: #b9e1ff;--theme-surface: #f6fcff;--theme-primary: #159ce5;--theme-secondary: #8b63a7;--theme-text: #173868;--theme-muted: #6685ac;--theme-border: #91c7e8;--theme-success: #18a96d;--theme-danger: #c94e73}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0;background:var(--theme-background)}button,input{font:inherit}button{cursor:pointer}.app-shell{min-height:100vh;padding:18px clamp(16px,4vw,64px) 42px;background:linear-gradient(112deg,#e8f6ffeb,#cbe9ffbf 48%,#e4f3ffdb),#cce8ffc7}.glass{border:1px solid rgba(255,255,255,.78);background:#f6fcffb8;box-shadow:0 12px 28px #1f65ac21,inset 0 1px #ffffffb8;backdrop-filter:blur(20px) saturate(135%);-webkit-backdrop-filter:blur(20px) saturate(135%)}.topbar{position:relative;z-index:40;display:flex;align-items:center;justify-content:space-between;min-height:66px;padding:10px 16px;border-radius:8px}.brand{display:flex;align-items:center;gap:12px;min-width:0}.brand img{width:42px;height:42px;object-fit:cover;border:1px solid #53bffa;border-radius:6px;image-rendering:pixelated}.brand-icon-placeholder{display:grid;width:42px;height:42px;place-items:center;flex:none;color:#fff;border:1px solid var(--theme-primary);border-radius:6px;background:var(--theme-primary);font-size:12px;font-weight:800}.brand-title{margin:0;color:#12366e;font-size:22px;font-weight:800;line-height:1}.top-status{display:inline-flex;align-items:center;gap:7px;height:34px;min-height:34px;padding:6px 10px;color:var(--theme-muted);border:1px solid color-mix(in srgb,var(--theme-border) 64%,transparent);border-radius:5px;background:color-mix(in srgb,var(--theme-surface) 70%,transparent);font-size:12px;font-weight:700;line-height:1;white-space:nowrap}.top-status strong{margin-right:10px;color:var(--theme-text);font-size:12px}.signal{width:8px;height:8px;border-radius:50%;background:#b483d0;box-shadow:0 0 12px #b483d094}.signal.online{background:#18a9ed;box-shadow:0 0 12px #18a9edad}.top-controls{display:flex;flex:0 1 auto;align-items:center;gap:8px;max-width:100%;margin-left:auto;min-width:0;overflow:visible;padding-bottom:2px}.top-status,.top-online-toggle,.top-server-switcher,.language-toggle,.view-switcher{flex:none}.top-online-toggle{display:inline-flex;flex:none;align-items:center;justify-content:center;height:34px;min-height:34px;padding:6px 10px;color:var(--theme-text);border:1px solid color-mix(in srgb,var(--theme-border) 64%,transparent);border-radius:5px;background:color-mix(in srgb,var(--theme-surface) 70%,transparent);font-size:12px;font-weight:700;line-height:1;white-space:nowrap;cursor:pointer;transition:background .16s ease,color .16s ease,border-color .16s ease}.top-online-toggle span{line-height:1}.top-online-toggle:hover,.top-online-toggle.selected{color:#fff;border-color:var(--theme-primary);background:var(--theme-primary)}.top-online-toggle input{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.view-switcher{display:inline-flex;align-items:stretch;overflow:hidden;border:1px solid color-mix(in srgb,var(--theme-border) 64%,transparent);border-radius:5px;background:color-mix(in srgb,var(--theme-surface) 70%,transparent)}.view-button{display:inline-flex;align-items:center;justify-content:center;gap:6px;height:34px;min-height:34px;padding:6px 10px;color:var(--theme-text);border:0;border-right:1px solid color-mix(in srgb,var(--theme-border) 58%,transparent);background:transparent;font-size:12px;font-weight:700;line-height:1;white-space:nowrap;transition:background .16s ease,color .16s ease}.view-button:last-child{border-right:0}.view-button:hover,.view-button.selected{color:#fff;background:var(--theme-primary)}.view-button svg{width:15px;height:15px}.top-server-switcher{position:relative;flex:none;margin-left:4px}.top-server-switch-button{display:inline-flex;align-items:center;gap:6px;height:34px;min-height:34px;padding:6px 10px;color:var(--theme-text);border:1px solid color-mix(in srgb,var(--theme-border) 64%,transparent);border-radius:5px;background:color-mix(in srgb,var(--theme-surface) 70%,transparent);cursor:pointer;font-size:12px;font-weight:700;line-height:1;white-space:nowrap;transition:background .16s ease,color .16s ease,border-color .16s ease}.top-server-switch-button:hover,.top-server-switch-button[aria-expanded=true]{color:#fff;border-color:var(--theme-primary);background:var(--theme-primary)}.top-server-switch-button svg{width:15px;height:15px}.top-server-chevron{color:var(--theme-muted);font-size:11px}.top-server-switch-button:hover .top-server-chevron,.top-server-switch-button[aria-expanded=true] .top-server-chevron{color:#fff}.top-server-list{position:absolute;z-index:30;top:calc(100% + 8px);left:0;display:grid;gap:5px;width:max-content;min-width:236px;max-width:min(420px,calc(100vw - 24px));max-height:260px;padding:8px;overflow-x:hidden;overflow-y:auto;border:1px solid color-mix(in srgb,var(--theme-border) 70%,white 30%);border-radius:7px;background:color-mix(in srgb,var(--theme-surface) 94%,transparent);box-shadow:0 12px 30px color-mix(in srgb,var(--theme-primary) 25%,transparent);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.top-server-list .server-entry{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;min-height:36px;padding:7px 9px;color:var(--theme-text);text-align:left;border:1px solid transparent;border-radius:5px;background:transparent;text-decoration:none;cursor:pointer}.top-server-list .server-entry:hover:not(.disabled):not(.selected){background:color-mix(in srgb,var(--theme-primary) 14%,transparent)}.top-server-list .server-entry.selected{color:#fff;border-color:var(--theme-primary);background:var(--theme-primary);cursor:default}.top-server-list .server-entry.disabled{cursor:not-allowed;opacity:.52}.top-server-list span{overflow:hidden;font-size:12px;font-weight:700;text-overflow:ellipsis;white-space:nowrap}.top-server-list .server-entry>span:first-child{min-width:0;overflow-wrap:anywhere;line-height:1.25;white-space:normal}.top-server-list small{color:inherit;font-size:10px;opacity:.76;white-space:nowrap}.language-toggle{height:34px;min-height:34px;padding:6px 10px;color:var(--theme-text);border:1px solid color-mix(in srgb,var(--theme-border) 64%,transparent);border-radius:5px;background:color-mix(in srgb,var(--theme-surface) 70%,transparent);font-size:12px;font-weight:700;line-height:1;white-space:nowrap;transition:background .16s ease,color .16s ease,border-color .16s ease}.language-toggle:hover{color:#fff;border-color:var(--theme-primary);background:var(--theme-primary)}.workspace{display:grid;grid-template-columns:244px minmax(0,1fr);gap:18px;max-width:1180px;margin:20px auto 0}.tile-workspace{grid-template-columns:minmax(0,1fr);max-width:none}.sidebar{position:sticky;top:18px;align-self:start;display:flex;flex-direction:column;gap:18px;height:calc(100vh - 122px);min-height:520px;max-height:860px;padding:16px;overflow:hidden;border-radius:8px}.sidebar>section:last-of-type{display:flex;flex:1;flex-direction:column;min-height:0}.section-label,.eyebrow{margin:0 0 10px;color:#5374a1;font-size:12px;font-weight:700}.server-switcher{flex:none}.server-list{display:grid;gap:6px;max-height:148px;overflow-y:auto;scrollbar-width:thin}.server-list button{display:grid;grid-template-columns:18px minmax(0,1fr) auto;align-items:center;gap:8px;min-height:38px;padding:7px 9px;color:var(--theme-text);text-align:left;border:1px solid transparent;border-radius:5px;background:transparent}.server-list button:hover:not(:disabled){background:color-mix(in srgb,var(--theme-primary) 14%,transparent)}.server-list button.selected{color:#fff;border-color:var(--theme-primary);background:var(--theme-primary)}.server-list button:disabled:not(.selected){cursor:not-allowed;opacity:.52}.server-list svg{width:16px;height:16px}.server-list span{overflow:hidden;font-size:12px;font-weight:700;text-overflow:ellipsis;white-space:nowrap}.server-list small{color:inherit;font-size:10px;opacity:.76}.period-list,.metric-list{display:grid;gap:6px}.metric-list{overflow-y:auto;scrollbar-color:color-mix(in srgb,var(--theme-primary) 48%,transparent) transparent;scrollbar-width:thin}.metric-list::-webkit-scrollbar{width:7px}.metric-list::-webkit-scrollbar-thumb{border-radius:4px;background:color-mix(in srgb,var(--theme-primary) 48%,transparent)}.metric-list::-webkit-scrollbar-track{background:transparent}.period-list button,.metric-list button{display:flex;align-items:center;justify-content:space-between;min-height:37px;padding:8px 10px;color:#34527c;text-align:left;border:1px solid transparent;border-radius:5px;background:transparent}.period-list button:hover,.metric-list button:hover{background:#45a9ee24}.period-list button.selected,.metric-list button.selected{color:#fff;border-color:#3699e2d1;background:#159ce5;box-shadow:inset 0 -2px #087cc3}.metric-list small{color:#6c8cb5;font-size:11px}.metric-list button.selected small{color:#ffffffc7}.online-toggle{display:flex;align-items:center;gap:9px;padding-top:14px;color:#3b5d8a;border-top:1px solid rgba(77,150,211,.22);font-size:12px;cursor:pointer}.online-toggle input{width:16px;height:16px;margin:0;accent-color:#159ce5}.mod-links{display:grid;gap:6px;margin-top:auto;padding-top:14px;border-top:1px solid rgba(77,150,211,.22)}.mod-links-title{grid-column:1 / -1;margin:0 9px 1px;color:var(--theme-text);font-size:14px;font-weight:800;letter-spacing:.02em;line-height:1.2}.mod-links a{display:grid;grid-template-columns:20px minmax(0,1fr) 14px;align-items:center;gap:9px;min-height:46px;padding:7px 9px;color:#294f7e;text-decoration:none;border:1px solid transparent;border-radius:5px;transition:color .16s ease,border-color .16s ease,background .16s ease}.mod-links a:hover{color:#087fca;border-color:#4892cf40;background:#ffffff7a}.mod-links a:focus-visible{outline:3px solid rgba(45,169,234,.28);outline-offset:1px}.mod-links svg{width:18px;height:18px}.mod-links span{overflow:hidden;font-size:12px;font-weight:700;text-overflow:ellipsis;white-space:nowrap}.mod-links small{display:block;margin-bottom:2px;color:#718caf;font-size:10px;font-weight:500}.mod-links .external-icon{width:13px;height:13px;color:#7893b4}.content-area{min-width:0}.tile-controls{display:grid;grid-template-columns:auto minmax(0,1fr);gap:12px 18px;align-items:start;margin-bottom:13px;padding:13px 14px;border-radius:8px}.tile-controls>section:first-child{min-width:310px}.tile-controls>section:nth-of-type(2){grid-column:1 / -1}.tile-controls .period-list{display:flex;flex-wrap:wrap;gap:6px}.tile-controls .period-list button{min-width:88px}.tile-controls .online-toggle{grid-column:2;padding-top:0;border-top:0}.tile-controls .metric-list{display:flex;flex-wrap:nowrap;gap:6px;max-height:none;overflow-x:auto;overflow-y:hidden;padding-bottom:3px;scrollbar-width:thin}.tile-controls .metric-list button{flex:0 0 auto;min-height:34px}.tile-controls .mod-links{grid-column:1 / -1;display:flex;flex-wrap:wrap;gap:8px;margin-top:0;padding-top:10px;border-top:1px solid color-mix(in srgb,var(--theme-border) 45%,transparent)}.tile-controls .mod-links-title{flex:0 0 100%;margin:0 9px -1px}.tile-controls .mod-links a{flex:1 1 220px}.toolbar{display:flex;align-items:end;gap:14px;padding:12px 14px;border-radius:8px}.date-range{display:flex;align-items:end;gap:12px;margin-top:12px;padding:12px 14px;border-radius:8px;color:#5575a2;font-size:12px}.date-range label{display:grid;gap:5px}.date-range input{height:36px;padding:0 9px;color:#183d71;border:1px solid rgba(72,146,207,.25);border-radius:5px;background:#ffffffb8}.date-range span{margin-left:auto;color:#6685ac}.search-field{flex:1;display:grid;gap:5px;color:#5575a2;font-size:12px}.search-field input{width:100%;height:39px;padding:0 11px;color:#183d71;border:1px solid rgba(72,146,207,.25);border-radius:5px;outline:none;background:#ffffffb8}.search-field input:focus{border-color:#1a9fe6;box-shadow:0 0 0 3px #2da9ea29}.total-block{min-width:138px;padding:3px 2px;text-align:right}.total-block span{display:block;color:#5575a2;font-size:12px}.total-block strong{color:#087fca;font-size:23px;font-variant-numeric:tabular-nums}.export-button{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:39px;padding:0 12px;color:#fff;border:1px solid var(--theme-primary);border-radius:5px;background:var(--theme-primary);font-size:12px;font-weight:700;white-space:nowrap}.export-button:hover:not(:disabled){filter:brightness(1.07)}.export-button:disabled{cursor:not-allowed;opacity:.5}.export-button svg{width:15px;height:15px}.title-row{display:flex;align-items:end;justify-content:space-between;min-height:78px;padding:18px 4px 12px;border-bottom:1px solid rgba(77,150,211,.28)}.title-row h1{margin:0;color:#173868;font-size:24px}.sync-note{margin:0;color:#8464a6;font-size:12px}.notice{margin-top:13px;padding:14px;color:#52759c;border-radius:6px}.notice.error{color:#b04d75;border-color:#d36e9d7a}.ranking-list{display:grid;gap:10px;margin-top:13px}.ranking-card{display:grid;grid-template-columns:42px 58px minmax(0,1fr) auto;align-items:center;gap:14px;min-height:86px;padding:12px 16px;border-radius:8px;transition:transform .16s ease,background .16s ease}.ranking-card:hover{background:#ebf8ffe6;transform:translateY(-1px)}.rank-number{color:#7a5aa7;font-size:14px;font-weight:800;font-variant-numeric:tabular-nums}.avatar{width:58px;height:58px;border:1px solid rgba(75,157,219,.38);border-radius:6px;image-rendering:pixelated;background:#7cc8f4}.avatar-fallback{display:grid;place-items:center;color:#fff;font-size:22px;font-weight:800;image-rendering:auto;background:#159ce5}.avatar-copyable{cursor:pointer}.avatar-copyable:hover,.avatar-copyable:focus-visible{outline:2px solid var(--theme-primary);outline-offset:2px;filter:brightness(1.06)}.player-info{min-width:0}.player-heading{display:flex;flex-wrap:wrap;align-items:baseline;gap:3px 10px;min-width:0}.player-info h2{margin:0;color:#1a3765;font-size:18px}.last-online{display:inline-grid;gap:1px;color:#6a83a6;font-size:11px;line-height:1.1;white-space:nowrap}.last-online-date{color:color-mix(in srgb,var(--theme-muted) 78%,white 22%);font-size:10px}.last-online.online{color:#0788c8;font-weight:700}.player-info p{display:flex;flex-wrap:wrap;gap:3px 8px;margin:5px 0 0;color:#6685ac;font-size:12px}.player-info code{color:inherit;font:inherit;overflow-wrap:anywhere}.player-value{color:#087fca;font-size:19px;font-variant-numeric:tabular-nums;white-space:nowrap}.compact-list{gap:8px}.compact-card{grid-template-columns:minmax(230px,.9fr) minmax(0,2.7fr);align-items:stretch;gap:14px;min-height:0;padding:10px 12px}.compact-player{display:grid;grid-template-columns:30px 46px minmax(0,1fr);align-items:center;gap:9px;min-width:0}.compact-player .avatar{width:46px;height:46px}.compact-player .player-info h2{font-size:16px}.compact-player .player-info p{margin-top:3px;font-size:10px}.compact-player .last-online{white-space:normal}.compact-metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(86px,1fr));align-content:center;gap:6px 8px;min-width:0}.compact-metric{display:grid;align-content:center;min-width:0;padding:2px 5px;border-left:1px solid color-mix(in srgb,var(--theme-border) 46%,transparent)}.compact-metric>span{overflow:hidden;color:var(--theme-muted);font-size:10px;font-weight:700;text-overflow:ellipsis;white-space:nowrap}.compact-metric strong{overflow:hidden;color:var(--theme-primary);font-size:14px;font-variant-numeric:tabular-nums;text-overflow:ellipsis;white-space:nowrap}.compact-metric small{overflow:hidden;color:color-mix(in srgb,var(--theme-muted) 68%,white 32%);font-size:10px;font-variant-numeric:tabular-nums;text-overflow:ellipsis;white-space:nowrap}.tile-table-scrollbar{width:100%;height:13px;margin-top:13px;overflow-x:auto;overflow-y:hidden;border-radius:5px;scrollbar-width:thin;scrollbar-color:color-mix(in srgb,var(--theme-primary) 48%,transparent) transparent}.tile-table-scrollbar>div{height:1px;min-width:1500px}.tile-table-scrollbar::-webkit-scrollbar{height:9px}.tile-table-scrollbar::-webkit-scrollbar-thumb{border-radius:5px;background:color-mix(in srgb,var(--theme-primary) 48%,transparent)}.tile-table-scrollbar::-webkit-scrollbar-track{background:color-mix(in srgb,var(--theme-border) 18%,transparent)}.tile-table-wrap{margin-top:4px;overflow:auto;border-radius:8px}.tile-table{width:100%;min-width:1500px;border-collapse:collapse;color:var(--theme-text);font-size:12px}.tile-table th,.tile-table td{padding:9px 10px;border-bottom:1px solid color-mix(in srgb,var(--theme-border) 42%,transparent);text-align:left;vertical-align:middle}.tile-table th:first-child,.tile-table td:first-child{padding-right:6px}.tile-table th:nth-child(2),.tile-table td:nth-child(2){padding-left:6px;padding-right:6px}.tile-table th:nth-child(3),.tile-table td:nth-child(3){padding-left:7px;padding-right:7px}.tile-table th{position:sticky;top:0;z-index:1;color:var(--theme-muted);background:color-mix(in srgb,var(--theme-surface) 96%,transparent);font-size:11px;white-space:nowrap}.tile-table th button{padding:3px 5px;color:inherit;border:0;border-radius:4px;background:transparent;cursor:pointer;font:inherit;font-weight:700;white-space:nowrap}.tile-table th button:hover,.tile-table th.sort-active button{color:#fff;background:var(--theme-primary)}.tile-table tbody tr:hover{background:color-mix(in srgb,var(--theme-primary) 8%,transparent)}.tile-table .tile-rank{color:var(--theme-secondary);font-weight:800;font-variant-numeric:tabular-nums}.tile-table .tile-player{display:flex;align-items:center;gap:6px;min-width:138px;font-weight:700;white-space:nowrap}.tile-table .tile-avatar{width:32px;height:32px}.tile-table .avatar{width:32px;height:32px;flex:none}.tile-table code{color:var(--theme-muted);font:inherit;font-size:10px;white-space:nowrap}.tile-table .metric-cell{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}.tile-table .metric-cell[title]{cursor:help}.tile-exact{display:block;color:var(--theme-primary);font-weight:700}.tile-short{display:block;color:color-mix(in srgb,var(--theme-muted) 70%,white 30%);font-size:10px}body{color:var(--theme-text)}.app-shell{background:color-mix(in srgb,var(--theme-background) 72%,white 28%)}.glass{border-color:color-mix(in srgb,var(--theme-border) 70%,white 30%);background:color-mix(in srgb,var(--theme-surface) 74%,transparent);box-shadow:0 12px 28px color-mix(in srgb,var(--theme-primary) 18%,transparent),inset 0 1px color-mix(in srgb,white 72%,transparent)}.brand-title,.title-row h1,.player-info h2{color:var(--theme-text)}.section-label,.eyebrow,.top-status,.search-field,.total-block span,.last-online,.player-info p,.metric-list small{color:var(--theme-muted)}.brand img{border-color:var(--theme-primary)}.signal{background:var(--theme-secondary);box-shadow:0 0 12px color-mix(in srgb,var(--theme-secondary) 58%,transparent)}.signal.online{color:var(--theme-success);background:var(--theme-success)}.last-online.online{color:var(--theme-success);background:transparent}.period-list button,.metric-list button{color:var(--theme-text)}.period-list button:hover,.metric-list button:hover{background:color-mix(in srgb,var(--theme-primary) 14%,transparent)}.period-list button.selected,.metric-list button.selected{background:var(--theme-primary);border-color:var(--theme-primary);box-shadow:inset 0 -2px color-mix(in srgb,var(--theme-primary) 72%,black 28%)}.online-toggle{color:var(--theme-muted);border-color:color-mix(in srgb,var(--theme-border) 45%,transparent)}.online-toggle input{accent-color:var(--theme-primary)}.online-toggle.top-online-toggle{padding-top:6px;color:var(--theme-text);border-top-color:color-mix(in srgb,var(--theme-border) 64%,transparent)}.online-toggle.top-online-toggle:hover,.online-toggle.top-online-toggle.selected{color:#fff}.mod-links{border-color:color-mix(in srgb,var(--theme-border) 45%,transparent)}.mod-links a{color:var(--theme-text)}.mod-links a:hover{color:var(--theme-primary);background:color-mix(in srgb,var(--theme-surface) 62%,transparent)}.toolbar,.date-range,.notice,.ranking-card{border-color:color-mix(in srgb,var(--theme-border) 52%,transparent)}.search-field input,.date-range input{color:var(--theme-text);border-color:color-mix(in srgb,var(--theme-border) 70%,transparent);background:color-mix(in srgb,var(--theme-surface) 72%,transparent)}.search-field input:focus{border-color:var(--theme-primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--theme-primary) 16%,transparent)}.total-block strong,.player-value{color:var(--theme-primary)}.title-row{border-color:color-mix(in srgb,var(--theme-border) 55%,transparent)}.sync-note,.rank-number{color:var(--theme-secondary)}.ranking-card:hover{background:color-mix(in srgb,var(--theme-surface) 86%,transparent)}.avatar{border-color:color-mix(in srgb,var(--theme-primary) 38%,transparent);background:color-mix(in srgb,var(--theme-primary) 55%,white 45%)}.avatar-fallback{background:var(--theme-primary)}@media (max-width: 800px){.app-shell{padding:12px 12px 30px}.topbar{flex-wrap:wrap}.top-controls{flex:1 1 100%;justify-content:flex-end;margin-left:0}.top-online-toggle{margin-right:auto}.workspace{grid-template-columns:1fr;gap:12px;margin-top:12px}.tile-workspace{grid-template-columns:1fr}.sidebar{grid-template-columns:1fr 1fr;gap:14px}.sidebar{position:static;display:grid;height:auto;min-height:0;max-height:none;overflow:visible}.sidebar>section:last-of-type{display:block}.server-switcher{grid-column:1 / -1}.server-list{grid-template-columns:1fr 1fr;max-height:none;overflow:visible}.online-toggle{grid-column:1 / -1}.metric-list{grid-template-columns:1fr 1fr;overflow:visible}.mod-links{grid-column:1 / -1;grid-template-columns:1fr 1fr;margin-top:0}.tile-controls{grid-template-columns:1fr;gap:10px}.tile-controls>section:first-child,.tile-controls>section:nth-of-type(2),.tile-controls .online-toggle,.tile-controls .mod-links{grid-column:1}.tile-controls .online-toggle{padding-top:10px;border-top:1px solid color-mix(in srgb,var(--theme-border) 45%,transparent)}.tile-controls .mod-links{display:grid;grid-template-columns:1fr 1fr}.ranking-card{grid-template-columns:32px 46px minmax(0,1fr) auto;gap:9px;padding:10px}.avatar{width:46px;height:46px}.player-info h2{font-size:15px}.player-heading{align-items:flex-start;flex-direction:column;gap:2px}.last-online{font-size:9px}.player-value{font-size:14px}}@media (max-width: 520px){.top-server-switcher .top-server-switch-button span:not(.top-server-chevron){display:none}.top-server-switcher .top-server-switch-button{min-height:32px;padding:7px}.top-server-list{left:0;right:auto;min-width:210px}.sidebar{grid-template-columns:1fr}.period-list{grid-template-columns:1fr 1fr}.server-list{grid-template-columns:1fr}.toolbar,.date-range{align-items:stretch;flex-direction:column}.date-range span{margin-left:0}.total-block{text-align:left}.export-button{align-self:stretch}.title-row{align-items:start;flex-direction:column;gap:8px}.top-controls{justify-content:flex-start;overflow:visible;padding-bottom:1px}.top-online-toggle{margin-right:0}.top-controls .top-server-switcher .top-server-switch-button span:not(.top-server-chevron){display:inline}.top-controls .top-server-switcher .top-server-switch-button,.language-toggle,.view-button{min-height:32px;padding:7px 8px}.view-button span{display:inline}.compact-card{grid-template-columns:1fr;gap:8px}.compact-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}.compact-metric{padding-left:6px}.player-info p{font-size:10px}.player-info p>span{display:none}.mod-links{grid-template-columns:1fr}}