@font-face { font-family: "IBM Plex Sans"; src: url("/assets/fonts/ibm-plex-sans/ibm-plex-sans-latin-400-normal.woff2") format("woff2"); font-style: normal; font-weight: 400; font-display: swap; }
@font-face { font-family: "IBM Plex Sans"; src: url("/assets/fonts/ibm-plex-sans/ibm-plex-sans-latin-500-normal.woff2") format("woff2"); font-style: normal; font-weight: 500; font-display: swap; }
@font-face { font-family: "IBM Plex Sans"; src: url("/assets/fonts/ibm-plex-sans/ibm-plex-sans-latin-600-normal.woff2") format("woff2"); font-style: normal; font-weight: 600; font-display: swap; }
@font-face { font-family: "IBM Plex Sans"; src: url("/assets/fonts/ibm-plex-sans/ibm-plex-sans-latin-700-normal.woff2") format("woff2"); font-style: normal; font-weight: 700; font-display: swap; }

:root {
  color-scheme: dark;
  --bg: #071014;
  --sidebar: #0a1317;
  --surface: #111b20;
  --surface-2: #162228;
  --surface-3: #1b292f;
  --border: #26363d;
  --border-soft: #1d2b31;
  --text: #f2f6f5;
  --muted: #aab6ba;
  --muted-2: #87969c;
  --accent: #00e7a2;
  --accent-deep: #073e31;
  --orange: #f59e0b;
  --red: #ef4444;
  --blue: #38bdf8;
  --purple: #a855f7;
  --pink: #ec4899;
  --cs2-ct: #5d9bd8;
  --cs2-t: #d9a441;
  --sidebar-width: 220px;
  --topbar-height: 66px;
  --website-font-family: "IBM Plex Sans", "Segoe UI", Arial, sans-serif;
}

* { box-sizing: border-box; letter-spacing: 0; }
.sr-only { position: absolute !important; width: 1px !important; height: 1px !important; padding: 0 !important; margin: -1px !important; overflow: hidden !important; clip: rect(0,0,0,0) !important; white-space: nowrap !important; border: 0 !important; }
html { scroll-behavior: smooth; scrollbar-color: #43545b #091216; scrollbar-width: thin; }
*::-webkit-scrollbar { width: 9px; height: 9px; }
*::-webkit-scrollbar-track { background: #091216; }
*::-webkit-scrollbar-thumb { background: #43545b; border: 2px solid #091216; border-radius: 5px; }
*::-webkit-scrollbar-thumb:hover { background: #61747c; }
body { margin: 0; min-width: 320px; background: var(--bg); color: var(--text); font: 15px/1.48 var(--website-font-family); }
body.font-ibm-plex-sans { --website-font-family: "IBM Plex Sans", "Segoe UI", Arial, sans-serif; }
body.font-exo-2 { --website-font-family: "Exo 2", "IBM Plex Sans", "Segoe UI", Arial, sans-serif; }
body.font-rajdhani { --website-font-family: "Rajdhani", "IBM Plex Sans", "Segoe UI", Arial, sans-serif; }
body.font-oxanium { --website-font-family: "Oxanium", "IBM Plex Sans", "Segoe UI", Arial, sans-serif; }
body.font-chakra-petch { --website-font-family: "Chakra Petch", "IBM Plex Sans", "Segoe UI", Arial, sans-serif; }
body.font-space-grotesk { --website-font-family: "Space Grotesk", "IBM Plex Sans", "Segoe UI", Arial, sans-serif; }
button, input, select, textarea { color: inherit; font: inherit; letter-spacing: 0; }
input::placeholder { color: var(--muted-2); opacity: 1; }
a { color: inherit; text-decoration: none; }
img { max-width: 100%; }
code { color: var(--accent); font-size: 12px; }

.app-shell { min-height: 100vh; }
.sidebar { position: fixed; inset: 0 auto 0 0; z-index: 30; width: var(--sidebar-width); overflow: hidden; background: var(--sidebar); border-right: 1px solid var(--border-soft); display: flex; flex-direction: column; padding: 18px 14px 14px; transition: width .2s ease, padding .2s ease; }
.sidebar-header { min-height: 58px; display: grid; grid-template-columns: minmax(0,1fr) 28px; align-items: center; gap: 8px; padding: 0 2px 17px; border-bottom: 1px solid var(--border-soft); }
.brand { min-width: 0; display: flex; align-items: center; justify-content: center; }
.brand-logo { display: block; width: 100%; height: auto; max-height: 38px; object-fit: contain; border-radius: 5px; }
.brand-logo--mark { display: none; width: 34px; height: 34px; object-fit: contain; }
.sidebar-collapse-toggle { width: 28px; height: 28px; display: flex; align-items: center; justify-content: center; border: 1px solid var(--border-soft); border-radius: 3px; background: #0b1519; color: var(--muted); cursor: pointer; }
.sidebar-collapse-toggle:hover { border-color: #40535b; color: var(--accent); background: #0d181d; }
.sidebar-collapse-toggle span { width: 8px; height: 8px; border-left: 2px solid currentColor; border-bottom: 2px solid currentColor; transform: rotate(45deg) translate(1px,-1px); transition: transform .2s ease; }
.nav { flex: 1; min-height: 0; display: flex; flex-direction: column; gap: 5px; margin-top: 13px; padding-right: 3px; overflow-y: auto; overscroll-behavior: contain; scrollbar-gutter: stable; }
.nav-group { flex: none; }
.nav-group-toggle { width: 100%; min-height: 31px; display: flex; align-items: center; justify-content: space-between; gap: 10px; padding: 0 9px; border: 0; background: transparent; color: var(--muted-2); cursor: pointer; font-size: 10px; font-weight: 850; text-align: left; }
.nav-group-toggle:hover { color: var(--text); background: #0d181d; }
.nav-group-toggle i { width: 7px; height: 7px; flex: none; border-right: 1.5px solid currentColor; border-bottom: 1.5px solid currentColor; transform: rotate(45deg) translate(-1px,-1px); transition: transform .16s ease; }
.nav-group.is-collapsed .nav-group-toggle i { transform: rotate(-45deg) translate(-1px,1px); }
.nav-group-items { display: flex; flex-direction: column; gap: 3px; }
.nav-group.is-collapsed .nav-group-items { display: none; }
.nav a { display: flex; align-items: center; gap: 11px; min-height: 38px; padding: 0 10px; border-left: 2px solid transparent; color: #a9b2b5; font-weight: 650; }
.nav a:hover { color: var(--text); background: var(--surface); }
.nav a.is-active { color: var(--accent); background: #0d211c; border-left-color: var(--accent); }
.nav img, .topbar img, .icon-button img { width: 17px; height: 17px; filter: invert(72%) sepia(5%) saturate(275%) hue-rotate(150deg); }
.nav a.is-active img { filter: invert(82%) sepia(57%) saturate(1932%) hue-rotate(102deg) brightness(94%); }
.nav a.nav-link--vip { color: #f6d978; border-left-color: color-mix(in srgb,#f6c453 60%,transparent); background: linear-gradient(90deg,rgba(246,196,83,.14),rgba(246,196,83,.04) 58%,transparent); }
.nav a.nav-link--vip:hover,.nav a.nav-link--vip.is-active { color: #ffe29a; border-left-color: #f6c453; background: linear-gradient(90deg,rgba(246,196,83,.22),rgba(0,231,162,.07) 72%,transparent); }
.nav a.nav-link--vip img { filter: invert(84%) sepia(49%) saturate(566%) hue-rotate(354deg) brightness(101%); }
.nav a.nav-link--vip-banned,.nav a.nav-link--vip-banned:hover,.nav a.nav-link--vip-banned.is-active { color: #68767a; border-left-color: #465156; background: linear-gradient(90deg,rgba(104,118,122,.12),rgba(104,118,122,.03) 60%,transparent); }
.nav a.nav-link--vip-banned img { filter: invert(44%) sepia(8%) saturate(385%) hue-rotate(150deg); opacity: .92; }
.nav a.nav-link--skins { color: #86d7ff; border-left-color: color-mix(in srgb,#38bdf8 52%,transparent); background: linear-gradient(90deg,rgba(56,189,248,.12),rgba(139,92,246,.06) 65%,transparent); }
.nav a.nav-link--skins:hover,.nav a.nav-link--skins.is-active { color: #b6ebff; border-left-color: #38bdf8; background: linear-gradient(90deg,rgba(56,189,248,.2),rgba(139,92,246,.09) 72%,transparent); }
.nav a.nav-link--skins img { width: 27px; height: 20px; margin-left: -3px; object-fit: contain; filter: none; }
.sidebar-account { flex: none; display: grid; gap: 5px; margin-top: 10px; padding-top: 10px; border-top: 1px solid var(--border-soft); }
.sidebar-account-label { padding: 0 9px 3px; color: var(--muted-2); font-size: 9px; font-weight: 850; }
.sidebar-account-action { min-width: 0; min-height: 44px; display: grid; grid-template-columns: 30px minmax(0,1fr); align-items: center; column-gap: 10px; padding: 5px 8px; border: 1px solid transparent; background: #0b1519; color: var(--text); }
.sidebar-account-action:hover { border-color: var(--border); background: var(--surface); }
.sidebar-account-action > img { width: 17px; height: 17px; justify-self: center; filter: invert(72%) sepia(5%) saturate(275%) hue-rotate(150deg); }
.sidebar-account-copy { min-width: 0; display: flex; flex-direction: column; }
.sidebar-account-action strong { overflow: hidden; font-size: 11px; text-overflow: ellipsis; white-space: nowrap; }
.sidebar-account-action small { color: var(--muted-2); font-size: 9px; }
.avatar.sidebar-profile-avatar { width: 30px; height: 30px; justify-self: start; border: 1px solid color-mix(in srgb,var(--accent) 35%,var(--border)); border-radius: 5px; background: #071014; }
.sidebar-profile-avatar img { filter: none; }
.sidebar-profile-action { border-color: color-mix(in srgb,var(--accent) 25%,var(--border-soft)); }
.sidebar-account form { margin: 0; }
.sidebar-signout { width: 100%; min-height: 32px; display: flex; align-items: center; justify-content: center; gap: 8px; border: 1px solid var(--border-soft); background: transparent; color: var(--muted); cursor: pointer; font-size: 10px; font-weight: 800; }
.sidebar-signout img { width: 15px; height: 15px; filter: invert(72%) sepia(5%) saturate(275%) hue-rotate(150deg); }
.sidebar-signout:hover { border-color: var(--red); color: #ff7a87; background: rgba(239,68,68,.06); }
.sidebar-signin { border-color: var(--accent); background: #0d211c; }
.sidebar-network-summary { --network-color: var(--muted-2); position: relative; flex: none; display: grid; gap: 3px; margin-top: 9px; padding: 10px 9px 9px; border-top: 1px solid var(--border-soft); border-left: 2px solid var(--network-color); background: #0b1519; }
.sidebar-network-summary:hover { background: var(--surface); }
.sidebar-network-summary--online { --network-color: var(--accent); }
.sidebar-network-summary--degraded { --network-color: var(--orange); }
.sidebar-network-summary--offline { --network-color: var(--red); }
.sidebar-network-heading { display: flex; align-items: center; justify-content: space-between; gap: 8px; color: var(--network-color); font-size: 9px; font-weight: 900; }
.sidebar-network-heading > span { display: flex; align-items: center; gap: 6px; }
.sidebar-network-heading i { width: 6px; height: 6px; border-radius: 50%; background: var(--network-color); }
.sidebar-network-heading img { width: 14px; height: 14px; filter: invert(72%) sepia(5%) saturate(275%) hue-rotate(150deg); }
.sidebar-network-summary > strong { margin-top: 4px; font-size: 11px; }
.sidebar-network-summary > small { color: var(--muted); font-size: 9px; }

.sidebar-tooltip { position: fixed; z-index: 90; max-width: 240px; padding: 7px 9px; border: 1px solid var(--border); border-radius: 4px; background: var(--surface-2); color: var(--text); font-size: 11px; font-weight: 750; line-height: 1.25; white-space: nowrap; pointer-events: none; opacity: 0; transform: translateX(-4px); transition: opacity .12s ease, transform .12s ease; }
.sidebar-tooltip::before { content: ""; position: absolute; top: 50%; left: -5px; width: 8px; height: 8px; border-left: 1px solid var(--border); border-bottom: 1px solid var(--border); background: var(--surface-2); transform: translateY(-50%) rotate(45deg); }
.sidebar-tooltip.is-visible { opacity: 1; transform: translateX(0); }

@media (min-width: 901px) {
  html.sidebar-is-collapsed { --sidebar-width: 72px; }
  html.sidebar-is-collapsed .sidebar { padding: 14px 10px 12px; }
  html.sidebar-is-collapsed .sidebar-header { min-height: 84px; grid-template-columns: 1fr; justify-items: center; gap: 7px; padding: 0 0 12px; }
  html.sidebar-is-collapsed .brand-logo--full { display: none; }
  html.sidebar-is-collapsed .brand-logo--mark { display: block; width: 36px; height: 36px; }
  html.sidebar-is-collapsed .sidebar-collapse-toggle { width: 30px; height: 26px; border-color: var(--border-soft); background: transparent; }
  html.sidebar-is-collapsed .sidebar-collapse-toggle:hover { background: #0d181d; }
  html.sidebar-is-collapsed .sidebar-collapse-toggle span { transform: rotate(225deg) translate(1px,-1px); }
  html.sidebar-is-collapsed .nav { gap: 5px; margin-top: 10px; padding-right: 0; scrollbar-width: none; }
  html.sidebar-is-collapsed .nav::-webkit-scrollbar { display: none; }
  html.sidebar-is-collapsed .nav-group { width: 100%; display: flex; flex-direction: column; align-items: center; }
  html.sidebar-is-collapsed .nav-group + .nav-group { margin-top: 5px; padding-top: 8px; }
  html.sidebar-is-collapsed .nav-group + .nav-group::before { content: ""; width: 24px; height: 1px; margin: 0 auto 7px; background: var(--border-soft); }
  html.sidebar-is-collapsed .nav-group-toggle { display: none; }
  html.sidebar-is-collapsed .nav-group-items, html.sidebar-is-collapsed .nav-group.is-collapsed .nav-group-items { width: 100%; display: flex; flex-direction: column; align-items: center; gap: 5px; }
  html.sidebar-is-collapsed .nav a { width: 44px; min-height: 40px; justify-content: center; gap: 0; margin: 0 auto; padding: 0; border-left-width: 2px; font-size: 0; }
  html.sidebar-is-collapsed .nav a img { width: 18px; height: 18px; }
  html.sidebar-is-collapsed .sidebar-account { align-items: center; gap: 7px; margin-top: 9px; padding-top: 10px; }
  html.sidebar-is-collapsed .sidebar-account-label, html.sidebar-is-collapsed .sidebar-account-copy { display: none; }
  html.sidebar-is-collapsed .sidebar-account-action { width: 38px; min-height: 38px; display: flex; justify-content: center; margin: 0 auto; padding: 0; border: 0; background: transparent; }
  html.sidebar-is-collapsed .sidebar-account-action:hover { background: transparent; }
  html.sidebar-is-collapsed .avatar.sidebar-profile-avatar { width: 34px; height: 34px; justify-self: center; border-radius: 5px; }
  html.sidebar-is-collapsed .sidebar-account form { display: flex; justify-content: center; }
  html.sidebar-is-collapsed .sidebar-signout { width: 38px; min-height: 34px; gap: 0; padding: 0; border-radius: 4px; font-size: 0; }
  html.sidebar-is-collapsed .sidebar-signout span { display: none; }
  html.sidebar-is-collapsed .sidebar-signout img { width: 17px; height: 17px; }
  html.sidebar-is-collapsed .sidebar-network-summary { width: 38px; min-height: 38px; display: flex; align-items: center; justify-content: center; margin: 9px auto 0; padding: 0; border: 1px solid var(--border-soft); border-left: 3px solid var(--network-color); border-radius: 4px; background: #0b1519; }
  html.sidebar-is-collapsed .sidebar-network-summary::after { content: ""; position: absolute; right: 6px; top: 6px; width: 6px; height: 6px; border-radius: 50%; background: var(--network-color); animation: sidebarStatusPulse 1.8s ease-in-out infinite; }
  html.sidebar-is-collapsed .sidebar-network-heading { justify-content: center; }
  html.sidebar-is-collapsed .sidebar-network-heading > span, html.sidebar-is-collapsed .sidebar-network-summary > strong, html.sidebar-is-collapsed .sidebar-network-summary > small { display: none; }
  html.sidebar-is-collapsed .sidebar-network-heading img { width: 18px; height: 18px; }
}
@keyframes sidebarStatusPulse { 0%,100% { opacity: .45; transform: scale(.82); } 45% { opacity: 1; transform: scale(1); } }

@media (max-width: 900px) {
  .sidebar-header { grid-template-columns: 1fr; }
  .sidebar-collapse-toggle { display: none; }
  .brand-logo--full { display: block; }
  .brand-logo--mark { display: none; }
}

.main-shell { margin-left: var(--sidebar-width); min-height: 100vh; display: flex; flex-direction: column; transition: margin-left .2s ease; }
.topbar { position: sticky; top: 0; z-index: 20; height: var(--topbar-height); background: #091216; border-bottom: 1px solid var(--border-soft); display: flex; align-items: center; gap: 12px; padding: 0 20px; }
.menu-button { display: none; flex: none; }
.icon-button { width: 36px; height: 36px; border: 1px solid var(--border); background: var(--surface); padding: 8px; cursor: pointer; }
.global-search { position: relative; flex: 1 1 440px; min-width: 220px; max-width: 670px; height: 38px; display: flex; align-items: center; border: 1px solid var(--border); background: #0b1519; border-radius: 6px; }
.global-search > img { width: 16px; margin-left: 12px; }
.global-search input { width: 100%; height: 100%; border: 0; outline: 0; background: transparent; padding: 0 12px 0 9px; }
.search-results { position: absolute; z-index: 50; left: 0; right: 0; top: 41px; padding: 5px; background: var(--surface); border: 1px solid var(--border); border-radius: 6px; box-shadow: 0 12px 24px rgba(0,0,0,.35); }
.search-results a { display: grid; grid-template-columns: 34px minmax(0,1fr) auto; align-items: center; gap: 10px; min-height: 46px; padding: 5px 8px; border-radius: 4px; }
.search-results a:hover, .search-results a.is-selected { background: var(--surface-2); }
.search-results img { width: 34px; height: 34px; border-radius: 4px; object-fit: cover; filter: none; }
.search-results .search-result-copy { display: flex; flex-direction: column; min-width: 0; }
.search-results strong { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.search-results small { color: var(--muted); font-size: 11px; }.search-results .search-result-rating{justify-self:end}
.top-link { margin-left: auto; display: flex; align-items: center; gap: 8px; color: var(--muted); font-size: 12px; font-weight: 700; }
.top-link:hover { color: var(--accent); }
.account-tools { display: flex; align-items: center; gap: 8px; }
.account-tools form { margin: 0; }
.top-auth, .account-user, .account-logout { min-height: 34px; display: flex; align-items: center; gap: 8px; padding: 0 11px; border: 1px solid var(--border); border-radius: 4px; background: var(--surface); color: var(--text); font-size: 11px; font-weight: 800; } .account-user { min-height: 40px; gap: 9px; padding: 4px 11px 4px 4px; background: #0b1519; } .account-user > span:last-child { line-height: 1; white-space: nowrap; }
.top-auth { border-color: var(--accent); background: var(--accent); color: #03231a; }
.top-auth img { filter: brightness(.2); }
.account-user-avatar { width: 30px; height: 30px; border: 0; border-radius: 3px; background: #071014; box-shadow: inset 0 0 0 1px rgba(255,255,255,.08); }
.account-user-avatar img { filter: none; object-position: center; }
.account-logout { cursor: pointer; color: var(--muted); }
.account-logout:hover, .account-user:hover { color: var(--accent); }
.topbar-server-strip { min-width: 0; margin-left: auto; display: flex; align-items: center; justify-content: flex-end; gap: 7px; overflow-x: auto; overflow-y: hidden; scrollbar-width: none; }
.topbar-server-strip::-webkit-scrollbar { display: none; }
.topbar-server-card { position: relative; isolation: isolate; width: 218px; height: 50px; flex: 0 0 218px; display: grid; grid-template-columns: minmax(0,1fr) 78px; align-items: center; gap: 7px; overflow: hidden; padding: 6px 8px; border: 1px solid var(--border); border-radius: 5px; background: #0b1519; }
.topbar-server-card::after { content: ''; position: absolute; z-index: -1; inset: 0; background: linear-gradient(90deg,rgba(7,16,20,.94) 0%,rgba(7,16,20,.82) 58%,rgba(7,16,20,.9) 100%); }
.topbar-server-card:hover { border-color: #40535b; }
.topbar-server-bg { position: absolute; z-index: -2; inset: 0; width: 100% !important; height: 100% !important; object-fit: cover; filter: none !important; opacity: .72; }
.topbar-server-copy { min-width: 0; display: flex; flex-direction: column; gap: 3px; }
.topbar-server-heading { min-width: 0; display: flex; align-items: center; gap: 5px; }
.topbar-server-heading > strong { overflow: hidden; font-size: 10px; text-overflow: ellipsis; white-space: nowrap; }
.topbar-server-state { flex: none; display: inline-flex; align-items: center; gap: 3px; color: var(--muted); font-size: 7px; font-weight: 900; }
.topbar-server-state i { width: 5px; height: 5px; border-radius: 50%; background: var(--orange); }
.topbar-server-card.is-online .topbar-server-state { color: var(--accent); }
.topbar-server-card.is-online .topbar-server-state i { background: var(--accent); }
.topbar-server-card.is-offline .topbar-server-state { color: #ff7180; }
.topbar-server-card.is-offline .topbar-server-state i { background: var(--red); }
.topbar-server-meta { min-width: 0; display: flex; align-items: center; gap: 6px; }
.topbar-server-meta b { flex: none; color: var(--text); font-size: 10px; font-variant-numeric: tabular-nums; }
.topbar-server-meta small { overflow: hidden; color: var(--muted); font-size: 8px; text-overflow: ellipsis; white-space: nowrap; }
.topbar-server-uptime { min-width: 0; display: flex; align-items: flex-end; flex-direction: column; gap: 2px; }
.topbar-server-uptime > span { display: flex; align-items: center; gap: 4px; color: var(--accent); font-size: 9px; font-variant-numeric: tabular-nums; }
.topbar-server-uptime img { width: 11px !important; height: 11px !important; filter: invert(82%) sepia(57%) saturate(1932%) hue-rotate(102deg) brightness(94%) !important; }
.topbar-server-uptime svg { width: 76px; height: 20px; overflow: visible; }
.topbar-server-uptime path { fill: none; stroke: var(--accent); stroke-width: 1.8; vector-effect: non-scaling-stroke; }
.topbar-server-card.is-offline .topbar-server-uptime > span { color: #ff7180; }
.topbar-server-card.is-offline .topbar-server-uptime path { stroke: #ff7180; }
.topbar-server-card.is-unavailable .topbar-server-uptime > span { color: var(--muted); }
.topbar-server-card.is-unavailable .topbar-server-uptime path { stroke: var(--muted-2); }
.topbar-server-empty { color: var(--muted); font-size: 10px; white-space: nowrap; }
.account-profile-grid { display: grid; grid-template-columns: minmax(0,1.2fr) minmax(320px,.8fr); gap: 12px; }
.account-profile-card, .account-banner-editor { overflow: hidden; }
.account-profile-preview { position: relative; min-height: 190px; display: flex; align-items: flex-end; overflow: hidden; background: #0d171b; border-bottom: 1px solid var(--border); }
.account-profile-preview > img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.account-profile-preview--banner::after { content: ''; position: absolute; inset: 0; background: rgba(7,16,20,.68); }
.account-profile-preview-content { position: relative; z-index: 1; display: flex; align-items: center; gap: 15px; width: 100%; padding: 18px; }
.account-profile-preview-content > span:last-child { min-width: 0; display: flex; flex-direction: column; }
.account-profile-preview-content small, .account-profile-identity small { color: var(--muted); font-size: 9px; font-weight: 850; letter-spacing: .05em; }
.account-profile-preview-content strong { overflow: hidden; font-size: 25px; text-overflow: ellipsis; white-space: nowrap; }
.account-profile-preview-content b { color: var(--muted); font-size: 11px; }
.account-profile-identity { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 1px; background: var(--border-soft); }
.account-profile-identity > span { min-width: 0; display: flex; flex-direction: column; gap: 4px; padding: 13px; background: var(--surface); }
.account-profile-identity strong { overflow: hidden; font-size: 12px; text-overflow: ellipsis; white-space: nowrap; }
.account-banner-editor { padding-bottom: 15px; }
.account-banner-editor > p { margin: 0; padding: 0 15px 14px; color: var(--muted); font-size: 12px; }
.account-banner-form { display: grid; gap: 9px; padding: 0 15px; }
.account-banner-form > label { font-size: 11px; font-weight: 850; }
.account-banner-form input[type=file] { width: 100%; padding: 10px; border: 1px solid var(--border); border-radius: 4px; background: #0b1519; color: var(--muted); }
.account-banner-form > small { color: var(--muted-2); font-size: 10px; }
.account-banner-remove { margin: 10px 15px 0; padding-top: 10px; border-top: 1px solid var(--border-soft); }
.account-gdpr-layout { display: grid; grid-template-columns: minmax(0,.9fr) minmax(360px,1.1fr); gap: 12px; }
.account-gdpr-card { min-width: 0; overflow: hidden; }
.account-gdpr-card--identity { grid-column: 1 / -1; }
.account-gdpr-identity { min-height: 98px; display: flex; align-items: center; gap: 14px; padding: 17px; border-bottom: 1px solid var(--border-soft); background: #0b1519; }
.account-gdpr-identity .avatar { width: 64px; height: 64px; border-radius: 6px; }
.account-gdpr-identity span { min-width: 0; display: grid; gap: 2px; }
.account-gdpr-identity small, .account-gdpr-facts small { color: var(--muted); font-size: 9px; font-weight: 850; letter-spacing: .05em; }
.account-gdpr-identity strong { overflow: hidden; font-size: 24px; text-overflow: ellipsis; white-space: nowrap; }
.account-gdpr-identity em { overflow: hidden; color: var(--muted); font-size: 11px; font-style: normal; text-overflow: ellipsis; white-space: nowrap; }
.account-gdpr-facts { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 1px; background: var(--border-soft); }
.account-gdpr-facts > span { min-width: 0; display: grid; gap: 4px; padding: 13px; background: var(--surface); }
.account-gdpr-facts strong { overflow: hidden; font-size: 12px; text-overflow: ellipsis; white-space: nowrap; }
.account-gdpr-copy { display: grid; gap: 11px; padding: 15px; }
.account-gdpr-copy p { margin: 0; color: var(--muted); font-size: 12px; line-height: 1.55; }
.account-gdpr-action { width: fit-content; margin: 0 15px 15px; display: inline-flex; align-items: center; gap: 8px; }
.account-gdpr-action img { width: 16px; filter: brightness(.2); }
.account-gdpr-card--danger { border-color: color-mix(in srgb,#ff6678 36%,var(--border)); }
.account-gdpr-delete-form { display: grid; grid-template-columns: minmax(0,1fr) auto; gap: 9px; padding: 0 15px 15px; }
.account-gdpr-delete-form label { min-width: 0; display: grid; gap: 6px; color: var(--muted); font-size: 10px; font-weight: 850; }
.account-gdpr-delete-form input { width: 100%; min-height: 38px; padding: 0 10px; border: 1px solid var(--border); border-radius: 4px; outline: 0; background: #071014; color: var(--text); }
.account-gdpr-delete-form input:focus { border-color: #ff6678; }
.account-gdpr-delete-form .command-button { align-self: end; display: inline-flex; align-items: center; gap: 8px; }
.account-gdpr-delete-form .command-button img { width: 16px; filter: brightness(.2); }
.subtle-button--danger { color: var(--red); }
.subtle-button--danger:hover { border-color: var(--red); color: var(--red); }
.content { /*width: min(1520px, 100%);*/ flex: 1 0 auto; width: 100%; margin: 0 auto; padding: 24px 28px 42px; }
.site-footer { width: 100%; flex: none; border-top: 1px solid #213039; background: linear-gradient(180deg,#0b1519 0%,#081115 100%); }
.site-footer-inner { min-width: 0; display: grid; grid-template-columns: minmax(260px,.85fr) minmax(420px,1.15fr); align-items: start; gap: 34px; padding: 22px 28px 24px; }
.site-footer-brand { min-width: 0; display: grid; align-content: start; gap: 8px; }
.site-footer-brand img { width: 104px; height: auto; flex: none; border-radius: 5px; }
.site-footer-brand span { max-width: 360px; color: var(--muted); font-size: 11px; line-height: 1.45; }
.site-footer-brand small { color: var(--muted-2); font-size: 9px; }
.site-footer-links { min-width: 0; display: grid; grid-template-columns: repeat(3,minmax(120px,1fr)); gap: 24px; }
.site-footer-group { min-width: 0; display: grid; align-content: start; gap: 7px; }
.site-footer-group > strong { color: var(--muted-2); font-size: 9px; font-weight: 900; text-transform: uppercase; }
.site-footer-group a { width: fit-content; min-height: 22px; display: inline-flex; align-items: center; gap: 7px; color: var(--muted); font-size: 11px; font-weight: 750; }
.site-footer-group a:hover { color: var(--accent); }
.site-footer-group img { width: 14px; height: 14px; object-fit: contain; filter: brightness(0) invert(1); opacity: .64; }
.site-footer-group a:hover img { opacity: .9; }
.site-footer-group a[href="/rekylcs/skins"] img { width: 20px; filter: none; opacity: .9; }

.milestone-marquee { position: relative; width: calc(100% + 56px); height: 64px; margin: -24px -28px 17px; overflow: hidden; border-bottom: 1px solid #176147; background: #0b1519; }
.milestone-marquee::before, .milestone-marquee::after { content: ""; position: absolute; z-index: 2; top: 0; bottom: 0; width: 46px; pointer-events: none; }
.milestone-marquee::before { left: 0; background: linear-gradient(90deg,#0b1519 0%,rgba(11,21,25,.84) 32%,rgba(11,21,25,0) 100%); }
.milestone-marquee::after { right: 0; background: linear-gradient(270deg,#0b1519 0%,rgba(11,21,25,.84) 32%,rgba(11,21,25,0) 100%); }
.milestone-viewport { width: 100%; height: 100%; overflow: hidden; }
.milestone-track { width: max-content; height: 100%; display: flex; animation: milestone-scroll 120s linear infinite; will-change: transform; }
.milestone-group { flex: none; height: 100%; display: flex; align-items: center; gap: 8px; padding-right: 8px; }
.milestone-marquee:hover .milestone-track, .milestone-marquee:focus-within .milestone-track { animation-play-state: paused; }
.milestone-item { --milestone-tier: #b9c4cf; --milestone-category: #aab6ba; position: relative; width: 316px; height: 50px; display: grid; grid-template-columns: 38px minmax(0,1fr) 22px 52px; align-items: center; gap: 9px; padding: 6px 10px 6px 7px; overflow: hidden; border: 1px solid color-mix(in srgb,var(--milestone-tier) 46%,var(--border-soft)); border-radius: 4px; background: linear-gradient(110deg,color-mix(in srgb,var(--milestone-tier) 12%,var(--surface)),#0b1519 72%); clip-path: polygon(7px 0,100% 0,100% calc(100% - 7px),calc(100% - 7px) 100%,0 100%,0 7px); }
.milestone-item:hover, .milestone-item:focus-visible { border-color: var(--milestone-tier); background: linear-gradient(110deg,color-mix(in srgb,var(--milestone-tier) 17%,var(--surface)),#0b1519 72%); outline: none; }
.milestone-item::before { content: ""; position: absolute; top: 0; right: 10px; left: 55px; height: 1px; background: var(--milestone-tier); opacity: .65; }
.milestone-avatar { width: 34px; height: 34px; border-color: color-mix(in srgb,var(--milestone-tier) 45%,var(--border)); border-radius: 4px; background: #071014; }
.milestone-copy { min-width: 0; display: grid; gap: 3px; line-height: 1.05; }
.milestone-copy > strong, .milestone-copy > span, .milestone-value { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.milestone-copy > strong { color: var(--text); font-size: 12px; }
.milestone-copy > span { color: var(--muted); font-size: 9px; font-weight: 800; text-transform: uppercase; }
.milestone-copy > span b { color: var(--milestone-category); font-weight: 900; }
.milestone-mark { width: 20px; height: 20px; display: grid; place-items: center; border: 1px solid color-mix(in srgb,var(--milestone-tier) 42%,var(--border)); border-radius: 3px; background: color-mix(in srgb,var(--milestone-tier) 10%,#071014); }
.milestone-mark-icon { width: 12px; height: 12px; flex: none; object-fit: contain; filter: brightness(0) invert(1); opacity: .9; }
.milestone-mark-icon.milestone-icon--feed { width: 14px; height: 14px; filter: brightness(0) invert(1); opacity: .94; }
.milestone-value { color: var(--milestone-tier); font-size: 17px; font-weight: 900; line-height: 1; text-align: right; font-variant-numeric: tabular-nums; }
.milestone-item--silver { --milestone-tier: #b9c4cf; }.milestone-item--blue { --milestone-tier: #58b4ff; }.milestone-item--purple { --milestone-tier: #a78bfa; }.milestone-item--pink { --milestone-tier: #f472b6; }.milestone-item--red { --milestone-tier: #ff6678; }.milestone-item--gold { --milestone-tier: #f6c453; }
.milestone-item--kills { --milestone-category:#ff7a87; }.milestone-item--headshots { --milestone-category:#f6c453; }.milestone-item--dmg_health { --milestone-category:#58b4ff; }.milestone-item--noscopes { --milestone-category:#a78bfa; }.milestone-item--knife_kills { --milestone-category:#f472b6; }.milestone-item--inair { --milestone-category:#00e7a2; }.milestone-item--assists { --milestone-category:#65d6ad; }.milestone-item--wallbangs { --milestone-category:#f59e5b; }.milestone-item--smokes { --milestone-category:#8fb7c7; }.milestone-item--blinds { --milestone-category:#e7d36f; }.milestone-item--playtime { --milestone-category:#7fc36a; }
.milestone-item--dmg_armor { --milestone-category:#8fb7c7; }.milestone-item--assisted_flash { --milestone-category:#65d6ad; }.milestone-item--sessions { --milestone-category:#7fc36a; }
@keyframes milestone-scroll { to { transform: translateX(-50%); } }
@media (max-width: 900px) { .milestone-marquee { width: calc(100% + 30px); margin: -18px -15px 16px; } }
@media (max-width: 560px) { .milestone-marquee { height: 60px; margin-bottom: 14px; }.milestone-item { width: 276px; height: 46px; grid-template-columns: 32px minmax(0,1fr) 20px 44px; gap: 7px; }.milestone-avatar { width: 30px; height: 30px; }.milestone-mark { width: 18px; height: 18px; }.milestone-value { font-size: 15px; } }
.realtime-toast-stack{position:fixed;z-index:260;right:18px;bottom:18px;display:flex;align-items:flex-end;flex-direction:column-reverse;gap:8px;pointer-events:none}
.realtime-toast{pointer-events:auto;animation:realtime-toast-enter .32s cubic-bezier(.18,.82,.32,1)}
.realtime-toast.is-leaving{animation:realtime-toast-exit .24s ease forwards}
.realtime-toast--welcome,.realtime-toast--info,.realtime-toast--success,.realtime-toast--warn{width:min(330px,calc(100vw - 30px));min-height:64px;display:grid;grid-template-columns:44px minmax(0,1fr);align-items:center;gap:10px;padding:9px 11px;border:1px solid color-mix(in srgb,var(--accent) 38%,var(--border));border-left:3px solid var(--accent);border-radius:4px;background:linear-gradient(110deg,rgba(0,231,162,.1),#0b1519 58%);clip-path:polygon(8px 0,100% 0,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%,0 8px);color:var(--text)}
.realtime-toast--welcome>.avatar{width:44px;height:44px;border-color:color-mix(in srgb,var(--accent) 46%,var(--border));border-radius:4px;background:#071014}
.realtime-toast--welcome>span,.realtime-toast--info>span:last-child,.realtime-toast--success>span:last-child,.realtime-toast--warn>span:last-child{min-width:0;display:grid;gap:3px}
.realtime-toast small{color:var(--muted);font-size:9px;font-weight:900;text-transform:uppercase;letter-spacing:.04em}.realtime-toast strong{overflow:hidden;font-size:13px;text-overflow:ellipsis;white-space:nowrap}
.realtime-toast-icon{width:34px;height:34px;display:grid;place-items:center;border:1px solid var(--border);border-radius:4px;background:#071014}.realtime-toast-icon img{width:16px;height:16px;filter:brightness(0) invert(1);opacity:.9}
.realtime-toast--success{border-color:color-mix(in srgb,var(--accent) 44%,var(--border));border-left-color:var(--accent)}.realtime-toast--warn{border-color:color-mix(in srgb,#f6c453 46%,var(--border));border-left-color:#f6c453}.realtime-toast--milestone.milestone-item{width:min(330px,calc(100vw - 30px));height:56px;box-sizing:border-box}
@keyframes realtime-toast-enter{from{opacity:0;transform:translateX(110%)}to{opacity:1;transform:translateX(0)}}@keyframes realtime-toast-exit{to{opacity:0;transform:translateX(110%)}}
@media(max-width:560px){.realtime-toast-stack{right:10px;bottom:10px;left:10px}.realtime-toast,.realtime-toast--milestone.milestone-item{width:100%}}
.milestone-timeline-row--dmg_armor{--timeline-metric:#8fb7c7}.milestone-timeline-row--assisted_flash{--timeline-metric:#65d6ad}.milestone-timeline-row--sessions{--timeline-metric:#7fc36a}
.milestone-timeline{--milestone-rail:170px;display:grid;gap:0}.milestone-day-group{position:relative;display:grid;grid-template-columns:var(--milestone-rail) minmax(0,1fr);gap:0;padding-bottom:16px}.milestone-day-group:last-child{padding-bottom:0}.milestone-day-group::before{content:"";position:absolute;z-index:0;top:0;bottom:0;left:var(--milestone-rail);width:1px;background:var(--border);transform:translateX(-50%)}.milestone-day-group:first-child::before{top:34px}.milestone-day-group:last-child::before{bottom:calc(100% - 35px)}.milestone-day-marker{position:relative;z-index:1;display:flex;align-items:flex-end;flex-direction:column;min-height:100%;padding:14px 24px 14px 0;text-align:right}.milestone-day-marker::after{content:"";position:absolute;top:28px;right:-6px;width:12px;height:12px;box-sizing:border-box;border:2px solid var(--accent);border-radius:50%;background:var(--bg)}.milestone-day-symbol{width:34px;height:34px;display:grid;place-items:center;margin-bottom:9px;border:1px solid var(--border);border-radius:4px;background:var(--surface)}.milestone-day-symbol img{width:17px;height:17px;filter:brightness(0) invert(1);opacity:.8}.milestone-day-marker time,.milestone-day-marker>span:not(.milestone-day-symbol){display:grid;justify-items:end;gap:3px}.milestone-day-marker strong{font-size:12px}.milestone-day-marker time span,.milestone-day-marker>span span{color:var(--muted);font-size:11px}.milestone-day-marker small{margin-top:7px;color:var(--muted-2);font-size:10px;font-weight:750}.milestone-day-events{position:relative;z-index:1;display:grid;gap:7px;padding:0 0 0 18px}.milestone-timeline-row{--timeline-tier:#b9c4cf;--timeline-metric:#aab6ba;min-height:72px;display:grid;grid-template-columns:38px 42px minmax(180px,1.35fr) 112px minmax(190px,1fr);align-items:center;gap:10px;padding:9px 14px 9px 10px;border:1px solid var(--border);border-left:3px solid var(--timeline-tier);border-radius:5px;background:color-mix(in srgb,var(--timeline-tier) 5%,var(--surface));transition:border-color .16s ease,background .16s ease,transform .16s ease}.milestone-timeline-row:hover,.milestone-timeline-row:focus-visible{border-color:var(--timeline-tier);background:color-mix(in srgb,var(--timeline-tier) 10%,var(--surface));outline:none;transform:translateX(2px)}.milestone-timeline-icon{width:34px;height:34px;display:grid;place-items:center;border:1px solid color-mix(in srgb,var(--timeline-tier) 55%,var(--border));border-radius:4px;background:color-mix(in srgb,var(--timeline-tier) 10%,var(--surface-2))}.milestone-timeline-icon img{width:17px;height:17px;object-fit:contain;filter:brightness(0) invert(1);opacity:.9}.milestone-timeline-icon .milestone-icon--feed{width:25px;height:20px;filter:brightness(0) invert(1);opacity:.94}.milestone-timeline-row>time{color:var(--muted);font-size:11px;font-weight:800;font-variant-numeric:tabular-nums}.milestone-timeline-player{min-width:0;display:flex;align-items:center;gap:10px}.milestone-timeline-player>.avatar{width:38px;height:38px;flex:none}.milestone-timeline-player>span{min-width:0;display:grid;gap:3px}.milestone-timeline-player strong,.milestone-timeline-player small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.milestone-timeline-player strong{font-size:12px}.milestone-timeline-player small{color:var(--muted-2);font-size:9px}.milestone-timeline-rating{display:grid;justify-items:start;gap:5px}.milestone-timeline-rating>small,.milestone-timeline-achievement>small{color:var(--muted);font-size:8px;font-weight:850;letter-spacing:.04em}.milestone-timeline-achievement{min-width:0;display:grid;gap:5px}.milestone-timeline-achievement>small{color:var(--timeline-metric)}.milestone-timeline-achievement>strong{overflow:hidden;color:var(--timeline-tier);font-size:12px;text-overflow:ellipsis;white-space:nowrap}.milestone-timeline-row--silver{--timeline-tier:#b9c4cf}.milestone-timeline-row--blue{--timeline-tier:#58b4ff}.milestone-timeline-row--purple{--timeline-tier:#a78bfa}.milestone-timeline-row--pink{--timeline-tier:#f472b6}.milestone-timeline-row--red{--timeline-tier:#ff6678}.milestone-timeline-row--gold{--timeline-tier:#f6c453}.milestone-timeline-row--kills{--timeline-metric:#ff7a87}.milestone-timeline-row--headshots{--timeline-metric:#f6c453}.milestone-timeline-row--dmg_health{--timeline-metric:#58b4ff}.milestone-timeline-row--noscopes{--timeline-metric:#a78bfa}.milestone-timeline-row--knife_kills{--timeline-metric:#f472b6}.milestone-timeline-row--inair{--timeline-metric:#00e7a2}.milestone-timeline-row--assists{--timeline-metric:#65d6ad}.milestone-timeline-row--wallbangs{--timeline-metric:#f59e5b}.milestone-timeline-row--smokes{--timeline-metric:#8fb7c7}.milestone-timeline-row--blinds{--timeline-metric:#e7d36f}.milestone-timeline-row--playtime{--timeline-metric:#7fc36a}@media (max-width:1050px){.milestone-timeline{--milestone-rail:140px}.milestone-timeline-row{grid-template-columns:36px 38px minmax(150px,1fr) 102px minmax(160px,1fr);padding-right:10px}.milestone-day-marker{padding-right:20px}}@media (max-width:760px){.milestone-day-group{grid-template-columns:1fr;padding-bottom:16px}.milestone-day-group::before{display:none}.milestone-day-marker{min-height:auto;align-items:center;flex-direction:row;gap:10px;padding:0 0 10px;border-bottom:1px solid var(--border);text-align:left}.milestone-day-marker::after{display:none}.milestone-day-symbol{margin:0}.milestone-day-marker time,.milestone-day-marker>span:not(.milestone-day-symbol){justify-items:start;gap:1px}.milestone-day-marker small{margin:0 0 0 auto}.milestone-day-events{padding:10px 0 0}.milestone-timeline-row{grid-template-columns:34px 36px minmax(0,1fr) 94px;min-height:68px}.milestone-timeline-achievement{grid-column:3/-1;padding-top:7px;border-top:1px solid var(--border-soft)}.milestone-timeline-rating{justify-self:end}}@media (max-width:500px){.milestone-timeline-row{grid-template-columns:32px 34px minmax(0,1fr);gap:8px}.milestone-timeline-row>time{font-size:10px}.milestone-timeline-rating{grid-column:3;justify-self:start}.milestone-timeline-rating>small{display:none}.milestone-timeline-achievement{grid-column:1/-1}.milestone-day-marker small{display:none}}

.page-heading, .section-heading { display: flex; align-items: flex-end; justify-content: space-between; gap: 24px; margin-bottom: 17px; }
.page-heading h1, .profile-header h1, .map-hero h1, .five-hero h1, .match-hero h1 { margin: 2px 0 2px; font-size: 32px; line-height: 1.08; }
.page-heading p, .profile-header p, .map-hero p, .five-hero p, .match-hero p { margin: 0; color: var(--muted); }
.page-heading > a, .section-heading > a { color: var(--accent); font-size: 12px; font-weight: 800; }
.page-heading > a.command-button, .section-heading > a.command-button { color: #03231a; }
.page-heading-actions { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }
.page-heading-actions > a { min-height: 36px; display: inline-flex; align-items: center; padding: 0 13px; border: 1px solid var(--border); border-radius: 4px; background: var(--surface); color: var(--muted); font-size: 12px; font-weight: 800; white-space: nowrap; }
.page-heading-actions > a:hover { border-color: var(--accent); color: var(--accent); }
.eyebrow, .section-heading span, .panel-heading > div > span { color: var(--accent); font-size: 11px; font-weight: 850; }
.section-heading { align-items: center; margin: 34px 0 12px; scroll-margin-top: 80px; }
.section-heading h2, .panel-heading h2 { margin: 2px 0 0; font-size: 17px; line-height: 1.2; }

.period-control { max-width: 100%; display: inline-flex; align-items: center; height: 34px; overflow-x: auto; border: 1px solid var(--border); border-radius: 5px; background: var(--surface); scrollbar-width: thin; }
.period-control button, .period-control a { min-width: 48px; height: 32px; display: grid; place-items: center; flex: none; padding: 0 9px; border: 0; border-right: 1px solid var(--border); background: transparent; color: var(--muted); cursor: pointer; font-size: 11px; font-weight: 850; }
.period-control > :last-child { border-right: 0; }
.period-control .is-active { background: var(--accent); color: #042019; }
.notice { display: flex; align-items: center; gap: 12px; padding: 12px 14px; margin-bottom: 14px; border: 1px solid #684c16; background: #20190c; border-radius: 6px; }
.notice span { color: var(--muted); }
.notice--error { border-color: #71303b; background: #241116; }
.notice--success { border-color: #176147; background: #09271f; }
.notice span > strong, .notice span > small { display: block; }
.overview-announcements { display: grid; gap: 8px; margin-bottom: 16px; }
.overview-announcement { --announcement-color: var(--accent); min-height: 76px; display: grid; grid-template-columns: 38px minmax(0,1fr) auto; align-items: center; gap: 12px; padding: 12px 14px 12px 12px; border: 1px solid color-mix(in srgb,var(--announcement-color) 40%,var(--border)); border-left: 3px solid var(--announcement-color); border-radius: 5px; background: color-mix(in srgb,var(--announcement-color) 7%,var(--surface)); }
.overview-announcement--orange { --announcement-color: var(--orange); }
.overview-announcement--red { --announcement-color: #ff6678; }
.overview-announcement-icon { width: 36px; height: 36px; display: grid; place-items: center; border: 1px solid color-mix(in srgb,var(--announcement-color) 45%,var(--border)); border-radius: 4px; background: color-mix(in srgb,var(--announcement-color) 10%,var(--surface-2)); }
.overview-announcement-icon img { width: 17px; height: 17px; filter: brightness(0) invert(1); opacity: .9; }
.overview-announcement-copy { min-width: 0; }
.overview-announcement-copy > span { color: var(--announcement-color); font-size: 9px; font-weight: 900; text-transform: uppercase; }
.overview-announcement-copy h2 { margin: 1px 0 2px; font-size: 15px; }
.overview-announcement-copy p { margin: 0; color: var(--muted); font-size: 12px; line-height: 1.45; }
.overview-announcement > a { display: flex; align-items: center; gap: 10px; min-height: 34px; padding-left: 14px; border-left: 1px solid color-mix(in srgb,var(--announcement-color) 24%,var(--border)); color: var(--announcement-color); font-size: 11px; font-weight: 850; white-space: nowrap; }
.overview-announcement > a:hover { color: var(--text); }
.overview-announcement > a b { font-size: 15px; }
.notice span > strong { color: var(--text); }
.notice span > small { margin-top: 2px; }

.auth-page { min-height: calc(100vh - var(--topbar-height) - 48px); display: grid; place-items: center; }
.auth-panel { width: min(430px, 100%); padding: 26px; border: 1px solid var(--border); border-radius: 6px; background: var(--surface); }
.auth-panel h1 { margin: 4px 0 7px; font-size: 28px; }
.auth-panel > p { margin: 0 0 18px; color: var(--muted); }
.auth-panel > small { display: block; margin-top: 12px; color: var(--muted-2); }
.steam-login { width: 100%; min-height: 42px; display: flex; align-items: center; justify-content: center; gap: 9px; border: 1px solid var(--accent); border-radius: 4px; background: var(--accent); color: #03231a; font-weight: 850; }
.steam-login img { width: 18px; filter: brightness(.2); }
.steam-login:disabled { border-color: var(--border); background: var(--surface-2); color: var(--muted); cursor: not-allowed; }
.content-page-heading { width: 100%; margin-bottom: 28px; }
.content-page-panel { width: 100%; padding: 0 0 24px; border-top: 1px solid var(--border); }
.content-page-copy { display: grid; gap: 18px; width: min(1120px,100%); padding-top: 24px; }
.content-page-copy p { margin: 0; color: #c4d2d5; font-size: 14px; line-height: 1.85; }

.admin-job-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 12px; }
.admin-job { min-height: 230px; display: flex; flex-direction: column; align-items: flex-start; padding: 20px; }
.admin-job h2 { margin: 4px 0 5px; font-size: 20px; }
.admin-job p { max-width: 550px; margin: 0 0 22px; color: var(--muted); }
.admin-job form { margin-top: auto; }
.admin-job .command-button { display: flex; gap: 8px; }
.admin-job .command-button img { width: 16px; filter: brightness(.2); }
.admin-job-status { margin-bottom: 12px; padding: 15px; border-left: 3px solid var(--accent); }
.admin-job-status h2 { margin: 3px 0 4px; font-size: 18px; }
.admin-job-status p { margin: 0; color: var(--muted); }
.admin-job-status small { display: block; margin-top: 5px; color: var(--muted-2); }
.admin-job-status--failed { border-left-color: #ff6678; }
.admin-job-status--succeeded { border-left-color: var(--accent); }
.admin-player-reset-form { position: relative; width: 100%; display: grid; gap: 8px; }
.admin-player-reset-form label { min-width: 0; display: grid; gap: 5px; }
.admin-player-reset-form label > span { color: var(--muted); font-size: 10px; font-weight: 850; }
.admin-player-reset-form input { width: 100%; height: 38px; border: 1px solid var(--border); border-radius: 4px; background: #0b1519; padding: 0 10px; outline: 0; }
.admin-player-reset-form input:focus { border-color: var(--red); }
.admin-player-reset-results { position: absolute; z-index: 35; right: 0; left: 0; top: 63px; max-height: 260px; overflow: auto; border: 1px solid var(--border); border-radius: 4px; background: #071014; box-shadow: 0 14px 28px rgba(0,0,0,.32); }
.admin-player-reset-results[hidden] { display: none; }
.admin-player-reset-result { width: 100%; min-height: 54px; display: grid; grid-template-columns: 36px minmax(0,1fr) auto; align-items: center; gap: 9px; padding: 7px 9px; border: 0; border-bottom: 1px solid var(--border-soft); background: transparent; color: var(--text); cursor: pointer; text-align: left; }
.admin-player-reset-result:last-child { border-bottom: 0; }
.admin-player-reset-result:hover, .admin-player-reset-result:focus-visible { outline: 0; background: var(--surface-2); }
.admin-player-reset-result .avatar { width: 36px; height: 36px; border-radius: 4px; }
.admin-player-reset-results .empty-inline { display: block; padding: 12px; color: var(--muted); font-size: 10px; }
.admin-player-reset-result-copy, .admin-player-reset-selected > span:nth-child(2) { min-width: 0; display: flex; flex-direction: column; }
.admin-player-reset-result strong, .admin-player-reset-result small, .admin-player-reset-selected strong, .admin-player-reset-selected small { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.admin-player-reset-result small, .admin-player-reset-selected small { color: var(--muted); font-size: 9px; }
.admin-player-reset-selected { min-height: 48px; display: grid; grid-template-columns: 40px minmax(0,1fr) auto; align-items: center; gap: 9px; padding: 8px; border: 1px solid var(--border-soft); border-radius: 4px; background: #0b1519; }
.admin-player-reset-selected.is-empty { opacity: .62; }
.admin-player-reset-avatar { width: 40px; height: 40px; border-radius: 4px; }
.admin-player-reset-form .command-button:disabled { cursor: not-allowed; opacity: .42; }
.admin-db-shell { display: grid; gap: 12px; }
.admin-db-nav { display: grid; grid-template-columns: 170px minmax(0,1fr); align-items: stretch; overflow: hidden; }
.admin-db-nav .panel-heading { min-width: 0; margin: 0; padding: 11px 14px; border-right: 1px solid var(--border-soft); }
.admin-db-nav nav { min-width: 0; display: flex; overflow-x: auto; overflow-y: hidden; }
.admin-db-nav a { min-width: 164px; min-height: 58px; display: grid; grid-template-columns: minmax(0,1fr) auto; align-items: center; gap: 10px; padding: 9px 12px; border-right: 1px solid var(--border-soft); border-bottom: 3px solid transparent; color: var(--muted); }
.admin-db-nav a:hover, .admin-db-nav a.is-active { background: var(--surface-2); color: var(--text); }
.admin-db-nav a.is-active { border-bottom-color: var(--accent); }
.admin-db-nav span { min-width: 0; display: flex; flex-direction: column; }
.admin-db-nav strong, .admin-db-nav small { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.admin-db-nav small { color: var(--muted-2); font-size: 9px; }
.admin-db-nav b { color: var(--accent); font-size: 11px; font-variant-numeric: tabular-nums; }
.admin-db-main { min-width: 0; }
.admin-db-filter { grid-template-columns: minmax(160px,.45fr) minmax(240px,1fr) minmax(110px,auto) auto; }
.admin-db-editor { margin-bottom: 12px; overflow: hidden; }
.admin-db-editor summary { min-height: 57px; display: flex; align-items: center; justify-content: space-between; gap: 15px; padding: 11px 15px; border-bottom: 1px solid var(--border-soft); cursor: pointer; }
.admin-db-editor summary::marker { content: ""; }
.admin-db-editor summary span { display: grid; gap: 2px; }
.admin-db-editor summary small { color: var(--accent); font-size: 11px; font-weight: 850; text-transform: uppercase; }
.admin-db-editor summary strong { font-size: 17px; }
.admin-db-editor summary i { width: 14px; height: 14px; border-right: 2px solid var(--muted); border-bottom: 2px solid var(--muted); transform: rotate(45deg); transition: transform .16s; }
.admin-db-editor[open] summary i { transform: rotate(225deg); }
.admin-db-field-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 10px; padding: 14px; }
.admin-db-field { min-width: 0; display: grid; gap: 5px; }
.admin-db-field > span { display: flex; align-items: center; justify-content: space-between; gap: 8px; color: var(--muted); font-size: 10px; font-weight: 850; }
.admin-db-field > span b { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.admin-db-field > span small { color: var(--accent); font-size: 9px; }
.admin-db-field input, .admin-db-field textarea { width: 100%; min-width: 0; border: 1px solid var(--border); border-radius: 4px; background: #0b1519; outline: 0; color: var(--text); font: inherit; }
.admin-db-field input { height: 38px; padding: 0 10px; }
.admin-db-field textarea { resize: vertical; min-height: 82px; padding: 9px 10px; line-height: 1.35; }
.admin-db-field input:focus, .admin-db-field textarea:focus { border-color: var(--accent); }
.admin-db-field input:disabled, .admin-db-field textarea:disabled { opacity: .6; cursor: not-allowed; }
.admin-db-null { width: fit-content; display: flex; align-items: center; gap: 6px; color: var(--muted-2); font-size: 10px; font-weight: 850; }
.admin-db-null input { width: 14px; height: 14px; }
.admin-db-form-actions { display: flex; justify-content: flex-end; padding: 0 14px 14px; }
.admin-db-table-panel { overflow: hidden; }
.admin-db-table-scroll { overflow: auto; }
.admin-db-table { width: 100%; min-width: 1120px; border-collapse: collapse; font-size: 11px; }
.admin-db-table th, .admin-db-table td { max-width: 220px; height: 48px; padding: 8px 10px; border-bottom: 1px solid var(--border-soft); text-align: left; vertical-align: middle; }
.admin-db-table th { position: sticky; top: 0; z-index: 1; background: #0d171b; color: var(--muted); font-size: 10px; font-weight: 850; text-transform: uppercase; }
.admin-db-table td { color: var(--text); white-space: nowrap; }
.admin-db-cell-value { display: block; max-width: 220px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.admin-db-table td em, .admin-db-table td small { color: var(--muted-2); font-style: normal; }
.admin-db-table tbody tr:hover { background: var(--surface-2); }
.admin-db-actions { min-width: 142px; }
.admin-db-actions, .admin-db-actions form { display: flex; align-items: center; gap: 6px; }
.admin-db-actions form { margin: 0; }
.admin-db-actions .subtle-button--danger { border-color: #71303b; background: #241116; color: #ff6678; }
.map-image-admin-grid { display: grid; grid-template-columns: minmax(0,1.15fr) minmax(300px,.85fr); align-items: start; gap: 12px; margin-bottom: 16px; }
.map-image-upload-panel, .map-image-guide { padding: 22px; }
.map-image-upload-panel .panel-heading { margin-bottom: 18px; padding-bottom: 14px; border-bottom: 1px solid var(--border-soft); }
.map-image-upload-form { display: grid; gap: 16px; }
.map-image-field { min-width: 0; display: grid; gap: 8px; }
.map-image-field > span { display: flex; align-items: baseline; flex-wrap: wrap; gap: 5px; color: var(--muted); font-size: 10px; font-weight: 850; line-height: 1.35; }
.map-image-field > span small { color: var(--muted-2); font-size: 9px; font-weight: 650; }
.map-image-field input, .map-image-rename-form input { width: 100%; min-width: 0; height: 42px; padding: 0 11px; border: 1px solid var(--border); border-radius: 4px; outline: 0; background: #0b1519; }
.map-image-field input:focus, .map-image-rename-form input:focus { border-color: var(--accent); }
.map-image-field input[type="file"] { height: auto; min-height: 44px; padding: 8px 10px; color: var(--text); line-height: 26px; }
.map-image-field input[type="file"]::file-selector-button { height: 26px; margin-right: 10px; padding: 0 10px; border: 1px solid color-mix(in srgb,var(--accent) 45%,var(--border)); border-radius: 4px; background: #0d211c; color: var(--accent); cursor: pointer; font-size: 10px; font-weight: 900; }
.map-image-field input[type="file"]::file-selector-button:hover { background: color-mix(in srgb,var(--accent) 12%,#0d211c); }
.map-image-upload-form .command-button { width: fit-content; display: flex; gap: 8px; }
.map-image-upload-form .command-button img { width: 16px; filter: brightness(.2); }
.map-image-rule-list { display: grid; gap: 1px; border: 1px solid var(--border-soft); background: var(--border-soft); }
.map-image-rule-list > span { min-height: 70px; display: grid; align-content: center; gap: 3px; padding: 12px; background: #0b1519; }
.map-image-rule-list strong { color: var(--accent); font-size: 11px; }
.map-image-rule-list small { color: var(--muted); font-size: 10px; line-height: 1.45; }
.map-image-rule-list code { color: var(--text); }
.map-image-grid { display: grid; grid-template-columns: repeat(auto-fill,minmax(270px,1fr)); gap: 12px; }
.map-image-card { overflow: hidden; }
.map-image-preview { position: relative; height: 142px; display: flex; align-items: flex-end; overflow: hidden; padding: 12px; border-bottom: 1px solid var(--border-soft); }
.map-image-preview::after { content: ""; position: absolute; inset: 32% 0 0; background: linear-gradient(to bottom,transparent,rgba(5,11,14,.92)); }
.map-image-preview img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; transition: transform .22s, filter .22s; }
.map-image-preview span { position: relative; z-index: 1; min-width: 0; overflow: hidden; color: var(--text); font-size: 18px; font-weight: 900; text-overflow: ellipsis; white-space: nowrap; }
.map-image-preview:hover img, .map-image-preview:focus-visible img { transform: scale(1.035); filter: contrast(1.08); }
.map-image-card-body { display: grid; gap: 10px; padding: 12px; }
.map-image-meta { min-width: 0; display: grid; gap: 2px; }
.map-image-meta strong, .map-image-meta small { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.map-image-meta small { color: var(--muted); font-size: 10px; }
.map-image-stats { display: flex; align-items: center; flex-wrap: wrap; gap: 6px; }
.map-image-stats span { min-height: 24px; display: grid; place-items: center; padding: 0 7px; border: 1px solid var(--border-soft); border-radius: 4px; background: #0b1519; color: var(--muted); font-size: 10px; font-weight: 800; }
.map-image-rename-form { display: grid; grid-template-columns: minmax(0,1fr) auto; gap: 7px; }
.map-image-actions { display: flex; align-items: center; justify-content: space-between; gap: 7px; }
.map-image-actions form { margin: 0; }
.announcement-admin-grid { display: grid; grid-template-columns: minmax(0,1.25fr) minmax(300px,.75fr); gap: 12px; }
.announcement-composer, .announcement-guide { padding: 18px; }
.announcement-form { display: grid; gap: 13px; }
.announcement-tone-field { min-width: 0; margin: 0; padding: 0; border: 0; }
.announcement-tone-field legend, .announcement-field > span { display: block; margin-bottom: 6px; color: var(--muted); font-size: 10px; font-weight: 850; }
.announcement-tone-options { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 7px; }
.announcement-tone { --tone-color: var(--accent); min-width: 0; cursor: pointer; }
.announcement-tone--orange { --tone-color: var(--orange); }
.announcement-tone--red { --tone-color: #ff6678; }
.announcement-tone input { position: absolute; opacity: 0; pointer-events: none; }
.announcement-tone > span { min-height: 66px; display: grid; grid-template-columns: 8px minmax(0,1fr); grid-template-rows: auto auto; align-content: center; gap: 2px 8px; padding: 9px; border: 1px solid var(--border); border-left: 2px solid var(--tone-color); border-radius: 4px; background: #0b1519; }
.announcement-tone i { grid-row: 1/3; align-self: center; width: 7px; height: 7px; border-radius: 50%; background: var(--tone-color); }
.announcement-tone strong { font-size: 11px; }
.announcement-tone small { overflow: hidden; color: var(--muted-2); font-size: 9px; text-overflow: ellipsis; white-space: nowrap; }
.announcement-tone input:checked + span { border-color: var(--tone-color); background: color-mix(in srgb,var(--tone-color) 8%,var(--surface)); }
.announcement-tone input:focus-visible + span { outline: 2px solid var(--tone-color); outline-offset: 2px; }
.announcement-field { min-width: 0; }
.announcement-field > span small { color: var(--muted-2); font-weight: 500; }
.announcement-field input, .announcement-field textarea { width: 100%; min-width: 0; padding: 9px 10px; outline: 0; border: 1px solid var(--border); border-radius: 4px; background: #0b1519; }
.announcement-field input { height: 39px; }
.announcement-field textarea { min-height: 118px; resize: vertical; }
.announcement-field input:focus, .announcement-field textarea:focus { border-color: var(--accent); }
.announcement-link-fields { display: grid; grid-template-columns: minmax(160px,.7fr) minmax(220px,1.3fr); gap: 9px; }
.announcement-active-check { display: grid; grid-template-columns: 18px minmax(0,1fr); align-items: center; gap: 9px; padding: 10px; border: 1px solid var(--border-soft); background: #0b1519; cursor: pointer; }
.announcement-active-check input { width: 15px; height: 15px; accent-color: var(--accent); }
.announcement-active-check span { display: grid; gap: 1px; }
.announcement-active-check strong { font-size: 11px; }
.announcement-active-check small { color: var(--muted-2); font-size: 9px; }
.announcement-submit { display: flex; align-items: center; gap: 8px; }
.announcement-submit img { width: 16px; filter: brightness(.2); }
.announcement-guide-list { display: grid; gap: 1px; border: 1px solid var(--border-soft); background: var(--border-soft); }
.announcement-guide-row { --guide-color: var(--accent); min-height: 76px; display: grid; grid-template-columns: 8px minmax(0,1fr); align-items: center; gap: 10px; padding: 12px; background: #0b1519; }
.announcement-guide-row--orange { --guide-color: var(--orange); }
.announcement-guide-row--red { --guide-color: #ff6678; }
.announcement-guide-row > i { width: 7px; height: 34px; background: var(--guide-color); }
.announcement-guide-row span { display: grid; gap: 3px; }
.announcement-guide-row strong { color: var(--guide-color); font-size: 11px; }
.announcement-guide-row small { color: var(--muted); font-size: 10px; line-height: 1.4; }
.announcement-admin-list { display: grid; gap: 8px; }
.announcement-admin-card { --announcement-color: var(--accent); min-height: 116px; display: grid; grid-template-columns: 42px minmax(0,1fr) auto; align-items: start; gap: 12px; padding: 13px; border: 1px solid var(--border); border-left: 3px solid var(--announcement-color); border-radius: 5px; background: var(--surface); }
.announcement-admin-card--orange { --announcement-color: var(--orange); }
.announcement-admin-card--red { --announcement-color: #ff6678; }
.announcement-admin-marker { width: 38px; height: 38px; display: grid; place-items: center; border: 1px solid color-mix(in srgb,var(--announcement-color) 45%,var(--border)); border-radius: 4px; background: color-mix(in srgb,var(--announcement-color) 9%,var(--surface-2)); }
.announcement-admin-marker img { width: 17px; filter: brightness(0) invert(1); opacity: .9; }
.announcement-admin-copy { min-width: 0; }
.announcement-admin-meta { display: flex; align-items: center; flex-wrap: wrap; gap: 7px; color: var(--muted-2); font-size: 9px; }
.announcement-admin-meta b { color: var(--announcement-color); text-transform: uppercase; }
.announcement-admin-meta i { padding-left: 7px; border-left: 1px solid var(--border); color: var(--muted); font-style: normal; font-weight: 750; }
.announcement-admin-copy h3 { margin: 4px 0 3px; font-size: 15px; }
.announcement-admin-copy p { margin: 0 0 7px; color: var(--muted); font-size: 11px; line-height: 1.45; }
.announcement-admin-copy > small { display: block; overflow: hidden; color: var(--muted-2); font-size: 9px; text-overflow: ellipsis; white-space: nowrap; }
.announcement-admin-actions { display: flex; align-items: center; gap: 6px; }
.announcement-admin-actions form { margin: 0; }
.rules-hero { position: relative; min-height: 250px; display: grid; grid-template-columns: minmax(0,1fr) 250px; align-items: stretch; margin-bottom: 14px; overflow: hidden; border: 1px solid var(--border); border-top: 3px solid var(--accent); border-radius: 6px; background: linear-gradient(120deg,#0b171c 0%,var(--surface) 58%,#101c21 100%); }
.rules-hero-copy { display: flex; justify-content: center; flex-direction: column; min-width: 0; padding: 28px 30px; }
.rules-hero-copy h1 { max-width: 700px; margin: 5px 0 8px; font-size: clamp(30px,4vw,48px); line-height: 1.02; }
.rules-hero-copy > p { max-width: 720px; margin: 0; color: var(--muted); font-size: 13px; line-height: 1.65; }
.rules-hero-stats { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); max-width: 620px; margin-top: 25px; border: 1px solid var(--border-soft); background: #091317; }
.rules-hero-stats > span { min-width: 0; display: grid; gap: 2px; padding: 11px 14px; }
.rules-hero-stats > span + span { border-left: 1px solid var(--border-soft); }
.rules-hero-stats strong { overflow: hidden; color: var(--text); font-size: 15px; text-overflow: ellipsis; white-space: nowrap; }
.rules-hero-stats small { color: var(--muted-2); font-size: 8px; font-weight: 850; }
.rules-hero-emblem { display: grid; place-items: center; align-content: center; gap: 16px; border-left: 1px solid var(--border); background: #0a1418; }
.rules-hero-emblem > img { width: 76px; height: 76px; padding: 17px; border: 1px solid var(--accent); border-radius: 6px; filter: brightness(0) saturate(100%) invert(75%) sepia(94%) saturate(1117%) hue-rotate(105deg) brightness(101%); }
.rules-hero-emblem > span { display: grid; justify-items: center; gap: 3px; }
.rules-hero-emblem strong { color: var(--accent); font-size: 16px; letter-spacing: .08em; }
.rules-hero-emblem small { color: var(--muted-2); font-size: 8px; font-weight: 850; letter-spacing: .08em; }
.rules-layout { display: grid; grid-template-columns: 250px minmax(0,1fr); align-items: start; gap: 12px; }
.rules-index { position: sticky; top: calc(var(--topbar-height) + 14px); overflow: hidden; }
.rules-index .panel-heading > small { color: var(--muted-2); font-size: 9px; font-weight: 800; text-transform: uppercase; }
.rules-index nav { max-height: calc(100vh - var(--topbar-height) - 110px); overflow-y: auto; }
.rules-index nav a { min-height: 42px; display: grid; grid-template-columns: 32px minmax(0,1fr); align-items: center; gap: 8px; padding: 7px 11px; border-bottom: 1px solid var(--border-soft); color: var(--muted); }
.rules-index nav a:last-child { border-bottom: 0; }
.rules-index nav a:hover, .rules-index nav a:focus-visible { outline: 0; background: var(--surface-2); color: var(--text); }
.rules-index nav a b { color: var(--accent); font-size: 9px; font-variant-numeric: tabular-nums; }
.rules-index nav a span { overflow: hidden; font-size: 10px; font-weight: 750; text-overflow: ellipsis; white-space: nowrap; }
.rules-list { display: grid; gap: 8px; }
.rules-card { scroll-margin-top: calc(var(--topbar-height) + 16px); min-height: 116px; display: grid; grid-template-columns: 64px minmax(0,1fr); overflow: hidden; border: 1px solid var(--border); border-left: 3px solid var(--accent); border-radius: 5px; background: var(--surface); transition: border-color .16s ease, background .16s ease, transform .16s ease; }
.rules-card:hover, .rules-card:target { border-color: color-mix(in srgb,var(--accent) 70%,var(--border)); background: #122027; transform: translateX(2px); }
.rules-card-number { display: grid; place-items: center; border-right: 1px solid var(--border-soft); background: #0b1519; color: var(--accent); font-size: 18px; font-weight: 850; font-variant-numeric: tabular-nums; }
.rules-card-copy { min-width: 0; display: flex; justify-content: center; flex-direction: column; padding: 15px 17px; }
.rules-card-meta { display: flex; align-items: center; gap: 8px; color: var(--muted-2); font-size: 8px; font-weight: 850; text-transform: uppercase; }
.rules-card-meta i { width: 3px; height: 3px; border-radius: 50%; background: var(--border); }
.rules-card-meta b { color: var(--orange); }
.rules-card-copy h2 { margin: 4px 0 5px; font-size: 17px; line-height: 1.2; }
.rules-card-copy p { max-width: 960px; margin: 0; color: var(--muted); font-size: 11px; line-height: 1.6; }
.rules-report-panel { min-height: 84px; display: grid; grid-template-columns: 44px minmax(0,1fr) auto; align-items: center; gap: 13px; margin-top: 12px; padding: 14px; border: 1px solid var(--border); border-left: 3px solid var(--orange); border-radius: 5px; background: var(--surface); }
.rules-report-icon { width: 42px; height: 42px; display: grid; place-items: center; border: 1px solid var(--border-soft); border-radius: 4px; background: #0b1519; }
.rules-report-icon img { width: 18px; filter: brightness(0) invert(1); opacity: .85; }
.rules-report-copy { min-width: 0; display: grid; gap: 3px; }
.rules-report-copy strong { font-size: 12px; }
.rules-report-copy small { color: var(--muted); font-size: 10px; line-height: 1.45; }
.rules-report-copy b { color: var(--accent); }
.rules-report-panel .command-button { flex: none; }
@media (max-width: 900px) { .rules-hero { grid-template-columns: 1fr 190px; }.rules-layout { grid-template-columns: 210px minmax(0,1fr); }.rules-hero-copy { padding: 24px; } }
@media (max-width: 720px) { .rules-hero { grid-template-columns: 1fr; }.rules-hero-emblem { display: none; }.rules-layout { grid-template-columns: 1fr; }.rules-index { position: static; }.rules-index nav { max-height: 250px; }.rules-card { grid-template-columns: 52px minmax(0,1fr); }.rules-report-panel { grid-template-columns: 40px minmax(0,1fr); }.rules-report-panel .command-button { grid-column: 1/-1; justify-content: center; width: 100%; } }
@media (max-width: 480px) { .rules-hero-copy { padding: 20px 16px; }.rules-hero-stats { grid-template-columns: 1fr; }.rules-hero-stats > span + span { border-top: 1px solid var(--border-soft); border-left: 0; }.rules-card { grid-template-columns: 44px minmax(0,1fr); }.rules-card-copy { padding: 13px 12px; }.rules-card-meta { align-items: flex-start; flex-direction: column; gap: 2px; }.rules-card-meta i { display: none; } }
.admin-section-tabs { display: flex; align-items: center; gap: 5px; margin: 0 0 20px; padding: 6px; overflow-x: auto; border: 1px solid var(--border); border-radius: 5px; background: #0d171b; }
.admin-section-tabs a { min-height: 38px; display: flex; align-items: center; gap: 8px; padding: 0 13px; border: 1px solid transparent; border-radius: 4px; color: var(--muted); font-size: 11px; font-weight: 750; white-space: nowrap; }
.admin-section-tabs a:hover { border-color: var(--border); background: var(--surface-2); color: var(--text); }
.admin-section-tabs a.is-active { border-color: color-mix(in srgb,var(--accent) 55%,var(--border)); background: #10231e; color: var(--text); }
.admin-section-tabs img { width: 15px; height: 15px; filter: brightness(0) invert(1); opacity: .7; }
.admin-section-tabs a.is-active img { opacity: 1; }
.website-settings-workspace { min-width: 0; overflow: hidden; border: 1px solid var(--border); border-radius: 6px; background: var(--surface); }
.website-settings-shell { min-width: 0; display: grid; grid-template-columns: 260px minmax(0,1fr); }
.website-settings-nav { min-width: 0; display: grid; align-content: start; gap: 0; padding: 14px; border-right: 1px solid var(--border-soft); background: #0d171b; }
.website-settings-nav a { min-width: 0; min-height: 64px; display: grid; grid-template-columns: 38px minmax(0,1fr); align-items: center; gap: 10px; padding: 10px 12px; border: 1px solid transparent; border-left: 3px solid transparent; color: var(--muted); transition: border-color .16s ease, background .16s ease, color .16s ease, transform .16s ease; }
.website-settings-nav a + a { margin-top: 6px; }
.website-settings-nav a:hover { background: #101b20; border-color: var(--border); color: var(--text); transform: translateX(1px); }
.website-settings-nav a.is-active { border-color: var(--border); border-left-color: var(--accent); background: #112027; color: var(--text); }
.website-settings-nav img { width: 18px; height: 18px; filter: brightness(0) invert(1); opacity: .75; }
.website-settings-nav a.is-active img { opacity: 1; }
.website-settings-nav span { min-width: 0; display: grid; gap: 3px; }
.website-settings-nav strong { overflow: hidden; font-size: 11px; text-overflow: ellipsis; white-space: nowrap; }
.website-settings-nav small { overflow: hidden; color: var(--muted-2); font-size: 9px; font-weight: 700; text-overflow: ellipsis; white-space: nowrap; }
.website-settings-panels { min-width: 0; min-height: 520px; background: transparent; }
.website-settings-workspace .website-settings-panel { height: 100%; overflow: hidden; border: 0; border-radius: 0; background: transparent; }
.website-settings-panel .panel-heading { min-height: 0; display: grid; grid-template-columns: minmax(0,1fr) auto; align-items: start; gap: 12px; padding: 18px 18px 10px; border-bottom: 1px solid var(--border-soft); background: transparent; }
.website-settings-panel .panel-heading > div { display: grid; gap: 2px; }
.website-settings-panel .panel-heading > small { color: var(--muted-2); font-size: 9px; font-weight: 800; text-transform: uppercase; }
.website-settings-panel .panel-heading h2 { font-size: 15px; }
.website-font-form, .website-limits-form, .vip-pricing-settings-form, .maintenance-settings-form, .word-filter-settings-form, .content-pages-settings-form, .footer-links-settings-form { display: grid; gap: 16px; padding: 18px; }
.website-font-options { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 9px; }
.website-font-option { min-width: 0; cursor: pointer; }
.website-font-option > input { position: absolute; width: 1px; height: 1px; opacity: 0; pointer-events: none; }
.website-font-option-card { min-height: 148px; display: grid; align-content: start; gap: 11px; padding: 13px; border: 1px solid var(--border); border-left: 3px solid var(--border); border-radius: 5px; background: #0b1519; transition: border-color .16s ease, background .16s ease, transform .16s ease; }
.website-font-option:hover .website-font-option-card { border-color: color-mix(in srgb,var(--accent) 55%,var(--border)); background: #0d191e; transform: translateY(-1px); }
.website-font-option > input:checked + .website-font-option-card { border-color: var(--accent); border-left-color: var(--accent); background: #0d211c; }
.website-font-option > input:focus-visible + .website-font-option-card { outline: 2px solid var(--accent); outline-offset: 2px; }
.website-font-option-head { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.website-font-option-head strong { font-size: 13px; }
.website-font-option-head i { color: var(--muted-2); font-size: 8px; font-style: normal; font-weight: 850; text-transform: uppercase; }
.website-font-option > input:checked + .website-font-option-card .website-font-option-head i { color: var(--accent); }
.website-font-preview { min-height: 47px; display: flex; align-items: center; padding: 9px 10px; border: 1px solid var(--border-soft); background: #071014; color: var(--text); font-size: 17px; font-weight: 650; line-height: 1.25; }
.website-font-option-card > small { color: var(--muted); font-size: 10px; line-height: 1.45; }
.website-font-option--ibm-plex-sans .website-font-preview { font-family: "IBM Plex Sans", sans-serif; }
.website-font-option--exo-2 .website-font-preview { font-family: "Exo 2", sans-serif; }
.website-font-option--rajdhani .website-font-preview { font-family: "Rajdhani", sans-serif; }
.website-font-option--oxanium .website-font-preview { font-family: "Oxanium", sans-serif; }
.website-font-option--chakra-petch .website-font-preview { font-family: "Chakra Petch", sans-serif; }
.website-font-option--space-grotesk .website-font-preview { font-family: "Space Grotesk", sans-serif; }
.website-limit-grid { display: grid; gap: 9px; }
.website-limit-card { min-height: 84px; display: grid; grid-template-columns: 42px minmax(0,1fr) 104px; align-items: center; gap: 13px; padding: 13px; border: 1px solid var(--border); border-radius: 5px; background: #0b1519; }
.website-limit-icon { width: 40px; height: 40px; display: grid; place-items: center; border: 1px solid var(--border-soft); border-radius: 4px; background: #071014; }
.website-limit-icon img { width: 18px; filter: brightness(0) invert(1); opacity: .85; }
.website-limit-copy { min-width: 0; display: grid; gap: 4px; }
.website-limit-copy strong { font-size: 12px; }
.website-limit-copy small { color: var(--muted); font-size: 10px; line-height: 1.45; }
.website-limit-input { display: grid; grid-template-columns: minmax(0,1fr) auto; align-items: center; gap: 7px; }
.website-limit-input input { width: 100%; height: 40px; padding: 0 9px; border: 1px solid var(--border); border-radius: 4px; outline: 0; background: #071014; color: var(--text); font: inherit; font-weight: 750; text-align: center; }
.website-limit-input input:focus { border-color: var(--accent); }
.website-limit-input small { color: var(--muted-2); font-size: 8px; font-weight: 800; }
.maintenance-toggle-card { min-height: 86px; display: flex; align-items: center; justify-content: space-between; gap: 18px; padding: 14px; border: 1px solid var(--border); border-left: 3px solid var(--orange); border-radius: 5px; background: #0b1519; cursor: pointer; }
.maintenance-toggle-copy { min-width: 0; display: grid; gap: 4px; }
.maintenance-toggle-copy strong { font-size: 12px; }
.maintenance-toggle-copy small { color: var(--muted); font-size: 10px; line-height: 1.45; }
.maintenance-switch { position: relative; width: 46px; height: 24px; flex: none; }
.maintenance-switch input { position: absolute; width: 1px; height: 1px; opacity: 0; pointer-events: none; }
.maintenance-switch i { position: absolute; inset: 0; border: 1px solid var(--border); border-radius: 12px; background: #071014; transition: border-color .16s ease, background .16s ease; }
.maintenance-switch i::after { content: ''; position: absolute; top: 3px; left: 3px; width: 16px; height: 16px; border-radius: 50%; background: var(--muted); transition: transform .16s ease, background .16s ease; }
.maintenance-switch input:checked + i { border-color: var(--orange); background: color-mix(in srgb,var(--orange) 12%,#071014); }
.maintenance-switch input:checked + i::after { background: var(--orange); transform: translateX(22px); }
.maintenance-switch input:focus-visible + i { outline: 2px solid var(--orange); outline-offset: 2px; }
.maintenance-message-field { display: grid; gap: 7px; }
.maintenance-message-field > span { display: grid; gap: 3px; }
.maintenance-message-field strong { font-size: 11px; }
.maintenance-message-field span small, .maintenance-message-field > small { color: var(--muted); font-size: 9px; }
.maintenance-message-field textarea { width: 100%; min-height: 120px; padding: 11px 12px; border: 1px solid var(--border); border-radius: 4px; outline: 0; background: #071014; color: var(--text); font: inherit; font-size: 11px; line-height: 1.55; resize: vertical; }
.maintenance-message-field textarea:focus { border-color: var(--accent); }
.content-page-field { min-width: 0; display: grid; grid-template-columns: 42px minmax(0,1fr); gap: 8px 13px; padding: 13px; border: 1px solid var(--border); border-radius: 5px; background: #0b1519; }
.content-page-field .website-limit-icon { grid-row: 1 / 3; }
.content-page-field-copy { min-width: 0; display: grid; gap: 4px; align-content: center; }
.content-page-field-copy strong { font-size: 12px; }
.content-page-field-copy small { color: var(--muted); font-size: 10px; line-height: 1.45; }
.content-page-field textarea { grid-column: 2; width: 100%; min-height: 170px; padding: 12px; border: 1px solid var(--border); border-radius: 4px; outline: 0; background: #071014; color: var(--text); font: inherit; font-size: 11px; line-height: 1.55; resize: vertical; }
.content-page-field textarea:focus { border-color: var(--accent); }
.maintenance-access-note { min-height: 62px; display: grid; grid-template-columns: 34px minmax(0,1fr); align-items: center; gap: 11px; padding: 11px 12px; border: 1px solid var(--border-soft); background: #0b1519; }
.maintenance-access-note > img { width: 18px; filter: brightness(0) invert(1); opacity: .8; }
.maintenance-access-note > span { display: grid; gap: 3px; }
.maintenance-access-note strong { font-size: 10px; }
.maintenance-access-note small { color: var(--muted); font-size: 9px; line-height: 1.4; }
.word-filter-toggle-card { border-left-color: var(--accent); }
.word-filter-toggle-card .maintenance-switch input:checked + i { border-color: var(--accent); background: #0d211c; }
.word-filter-toggle-card .maintenance-switch input:checked + i::after { background: var(--accent); }
.word-filter-toggle-card .maintenance-switch input:focus-visible + i { outline-color: var(--accent); }
.word-filter-scope-note { min-height: 62px; display: grid; grid-template-columns: 34px minmax(0,1fr); align-items: center; gap: 11px; padding: 11px 12px; border: 1px solid var(--border-soft); background: #0b1519; }
.word-filter-scope-note > img { width: 18px; filter: brightness(0) invert(1); opacity: .8; }
.word-filter-scope-note > span { display: grid; gap: 3px; }
.word-filter-scope-note strong { font-size: 10px; }
.word-filter-scope-note small { color: var(--muted); font-size: 9px; line-height: 1.4; }
.word-filter-list-field { display: grid; gap: 7px; }
.word-filter-list-field > span { display: grid; gap: 3px; }
.word-filter-list-field strong { font-size: 11px; }
.word-filter-list-field span small, .word-filter-list-field > small { color: var(--muted); font-size: 9px; line-height: 1.4; }
.word-filter-list-field textarea { width: 100%; min-height: 330px; padding: 12px; border: 1px solid var(--border); border-radius: 4px; outline: 0; background: #071014; color: var(--text); font: inherit; font-size: 11px; line-height: 1.55; resize: vertical; }
.word-filter-list-field textarea:focus { border-color: var(--accent); }
.word-filter-detection-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 9px; }
.word-filter-detection-grid > span { min-width: 0; display: grid; align-content: start; gap: 4px; padding: 12px; border: 1px solid var(--border-soft); border-top: 2px solid var(--accent); background: #0b1519; }
.word-filter-detection-grid strong { font-size: 10px; }
.word-filter-detection-grid small { color: var(--muted); font-size: 9px; line-height: 1.45; }
.vip-pricing-preview { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 9px; }
.vip-pricing-preview > span { min-width: 0; display: grid; align-content: center; gap: 4px; min-height: 72px; padding: 12px; border: 1px solid var(--border-soft); border-top: 2px solid #f6c453; background: #0b1519; }
.vip-pricing-preview strong { color: #f6d978; font-size: 10px; text-transform: uppercase; }
.vip-pricing-preview small { color: var(--muted); font-size: 10px; line-height: 1.45; }
.word-filter-actions { display: flex; align-items: center; gap: 8px; flex: none; }
.word-filter-reset-button { min-height: 38px; }
.word-filter-actions button:disabled { cursor: not-allowed; opacity: .42; }
.word-filter-reset-button img { width: 15px; filter: brightness(0) invert(1); opacity: .75; }
.website-settings-submit { min-height: 66px; display: flex; align-items: center; justify-content: space-between; gap: 18px; padding-top: 15px; border-top: 1px solid var(--border-soft); }
.website-settings-submit > span { min-width: 0; display: grid; gap: 3px; }
.website-settings-submit strong { font-size: 11px; }
.website-settings-submit small { color: var(--muted); font-size: 10px; line-height: 1.4; }
.website-settings-submit .command-button { flex: none; display: inline-flex; align-items: center; gap: 8px; }
.website-settings-submit .command-button img { width: 16px; filter: brightness(.2); }
.maintenance-page { min-height: 100vh; display: grid; place-items: center; padding: 28px; background: var(--bg); color: var(--text); }
.maintenance-shell { width: min(680px,100%); border: 1px solid var(--border); border-top: 3px solid var(--orange); border-radius: 6px; background: var(--surface); overflow: hidden; }
.maintenance-shell-head { min-height: 72px; display: flex; align-items: center; justify-content: space-between; gap: 18px; padding: 16px 18px; border-bottom: 1px solid var(--border-soft); background: #0d171b; }
.maintenance-shell-head img { width: 112px; height: auto; }
.maintenance-shell-head span { color: var(--orange); font-size: 9px; font-weight: 900; letter-spacing: .1em; }
.maintenance-shell-body { display: grid; gap: 16px; padding: 28px; }
.maintenance-status-icon { width: 52px; height: 52px; display: grid; place-items: center; border: 1px solid color-mix(in srgb,var(--orange) 50%,var(--border)); border-radius: 5px; background: color-mix(in srgb,var(--orange) 8%,var(--surface-2)); }
.maintenance-status-icon img { width: 23px; filter: brightness(0) invert(1); opacity: .9; }
.maintenance-shell-body h1 { margin: 0; font-size: clamp(25px,5vw,40px); line-height: 1.05; }
.maintenance-shell-body p { max-width: 560px; margin: 0; color: var(--muted); font-size: 13px; line-height: 1.65; }
.maintenance-shell-actions { display: flex; align-items: center; gap: 9px; padding-top: 4px; }
.maintenance-shell-actions a { min-height: 39px; display: inline-flex; align-items: center; justify-content: center; padding: 0 14px; border: 1px solid var(--border); border-radius: 4px; background: #0b1519; color: var(--text); font-size: 10px; font-weight: 800; }
.maintenance-shell-actions a:first-child { border-color: var(--accent); background: var(--accent); color: #031b14; }
.maintenance-shell-foot { padding: 12px 18px; border-top: 1px solid var(--border-soft); color: var(--muted-2); font-size: 9px; }
@media (max-width: 720px){.website-settings-shell{grid-template-columns:1fr}.website-settings-nav{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:12px;border-right:0;border-bottom:1px solid var(--border-soft)}.website-settings-nav a,.website-settings-nav a + a{margin-top:0}.website-settings-nav a{min-height:58px;grid-template-columns:28px minmax(0,1fr);padding:9px 10px}.website-settings-nav img{width:16px;height:16px}.website-settings-panels{min-height:0}.website-settings-panel .panel-heading{grid-template-columns:1fr;padding:14px 14px 8px}.website-font-form,.website-limits-form,.vip-pricing-settings-form,.maintenance-settings-form,.word-filter-settings-form,.content-pages-settings-form,.footer-links-settings-form{padding:14px}.website-font-options{grid-template-columns:1fr}.website-limit-card,.content-page-field{grid-template-columns:38px minmax(0,1fr)}.website-limit-input,.content-page-field textarea{grid-column:1/-1}.content-page-field .website-limit-icon{grid-row:auto}.word-filter-detection-grid,.vip-pricing-preview{grid-template-columns:1fr}.website-settings-submit{align-items:stretch;flex-direction:column}.website-settings-submit .command-button{justify-content:center;width:100%}.word-filter-actions{align-items:stretch;flex-direction:column}.word-filter-actions>*{justify-content:center;width:100%}.maintenance-toggle-card{align-items:flex-start}.maintenance-shell-body{padding:22px}.maintenance-shell-actions{align-items:stretch;flex-direction:column}.maintenance-shell-actions a{width:100%}}
.web-user-filter { grid-template-columns: minmax(240px,1fr) auto; }
.web-user-list { display: grid; gap: 9px; }
.web-user-card { overflow: hidden; }
.web-user-head { min-height: 70px; display: grid; grid-template-columns: minmax(240px,1.15fr) minmax(210px,.68fr) minmax(145px,.58fr) minmax(145px,.58fr) auto; align-items: center; gap: 14px; padding: 10px 14px; cursor: pointer; transition: background .16s ease, border-color .16s ease; }
.web-user-head:hover, .web-user-head:focus-visible { background: #0d191e; outline: none; }
.web-user-card.is-expanded .web-user-head { border-bottom: 1px solid var(--border-soft); background: #0d191e; }
.web-user-head .player-cell em { overflow: hidden; margin-top: 2px; color: var(--muted-2); font-size: 8px; font-style: normal; font-weight: 800; letter-spacing: .03em; text-overflow: ellipsis; white-space: nowrap; }
.web-user-status-strip { display: flex; align-items: center; gap: 6px; min-width: 0; }
.web-user-status { --status-color: #7f8e92; position: relative; width: 30px; height: 30px; display: grid; place-items: center; border: 1px solid var(--border-soft); border-radius: 4px; background: #0a1317; opacity: .42; }
.web-user-status img { width: 14px; height: 14px; filter: invert(62%) sepia(8%) saturate(320%) hue-rotate(150deg); }
.web-user-status small { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
.web-user-status.is-active { border-color: color-mix(in srgb,var(--status-color) 58%,var(--border)); background: color-mix(in srgb,var(--status-color) 11%,#0b1519); opacity: 1; }
.web-user-status.is-active img { filter: brightness(0) saturate(100%) invert(82%) sepia(22%) saturate(640%) hue-rotate(146deg); }
.web-user-status--owner { --status-color: #f6c453; }
.web-user-status--owner.is-active img { filter: brightness(0) saturate(100%) invert(82%) sepia(67%) saturate(480%) hue-rotate(352deg); }
.web-user-status--admin { --status-color: #ff8b98; }
.web-user-status--admin.is-active img, .web-user-status--vip-ban.is-active img { filter: brightness(0) saturate(100%) invert(71%) sepia(19%) saturate(901%) hue-rotate(304deg); }
.web-user-status--moderator { --status-color: #58b4ff; }
.web-user-status--moderator.is-active img { filter: brightness(0) saturate(100%) invert(69%) sepia(57%) saturate(1065%) hue-rotate(177deg); }
.web-user-status--user { --status-color: #00e7a2; }
.web-user-status--vip-ban { --status-color: #d9828b; }
.web-user-head-actions { display: flex; align-items: center; gap: 10px; }
.web-user-expand-icon { width: 9px; height: 9px; flex: none; border-right: 1px solid var(--muted); border-bottom: 1px solid var(--muted); transform: rotate(45deg) translate(-2px,-2px); transition: transform .18s ease, border-color .18s ease; }
.web-user-card.is-expanded .web-user-expand-icon { border-color: var(--accent); transform: rotate(225deg) translate(-1px,-1px); }
.web-user-collapse { display: grid; grid-template-rows: 0fr; transition: grid-template-rows .2s ease; }
.web-user-card.is-expanded .web-user-collapse { grid-template-rows: 1fr; }
.web-user-collapse-inner { min-height: 0; overflow: hidden; }
.web-user-meta { min-width: 0; display: flex; flex-direction: column; gap: 4px; }
.web-user-meta small { color: var(--muted); font-size: 9px; font-weight: 850; }
.web-user-meta strong { overflow: hidden; font-size: 11px; text-overflow: ellipsis; white-space: nowrap; }
.web-user-actions { display: grid; grid-template-columns: minmax(0,1fr) 300px; gap: 16px; padding: 14px; }
.web-user-role-block { min-width: 0; display: grid; gap: 9px; }
.web-user-action-title { display: flex; align-items: baseline; justify-content: space-between; gap: 10px; min-height: 18px; }
.web-user-action-title span { color: var(--accent); font-size: 9px; font-weight: 900; letter-spacing: .08em; }
.web-user-action-title small { overflow: hidden; color: var(--muted); font-size: 9px; font-weight: 800; text-overflow: ellipsis; white-space: nowrap; }
.web-user-role-form { display: grid; gap: 9px; }
.web-user-role-form.is-saving, .web-user-vip-ban.is-saving { opacity: .72; }
.web-role-options { display: grid; grid-template-columns: repeat(4,minmax(132px,1fr)); gap: 7px; }
.web-role-option { --web-role-color: var(--accent); position: relative; min-height: 54px; display: grid; grid-template-columns: 24px minmax(0,1fr); align-items: center; gap: 8px; padding: 8px 9px; border: 1px solid var(--border); border-radius: 4px; background: #0b1519; cursor: pointer; transition: border-color .16s ease, background .16s ease, transform .16s ease; }
.web-role-option:hover { border-color: color-mix(in srgb,var(--web-role-color) 68%,var(--border)); background: color-mix(in srgb,var(--web-role-color) 7%,#0b1519); transform: translateY(-1px); }
.web-role-option:has(input:checked) { border-color: color-mix(in srgb,var(--web-role-color) 72%,var(--border)); background: color-mix(in srgb,var(--web-role-color) 10%,#0b1519); }
.web-role-option:has(input:disabled) { cursor: default; opacity: .72; transform: none; }
.web-role-option input { position: absolute; width: 1px; height: 1px; opacity: 0; pointer-events: none; }
.web-role-option--owner { --web-role-color: #f6c453; }
.web-role-option--admin { --web-role-color: #ff6678; }
.web-role-option--moderator { --web-role-color: #58b4ff; }
.web-role-option--user { --web-role-color: #00e7a2; }
.web-role-check { width: 24px; height: 24px; display: grid; place-items: center; border: 1px solid color-mix(in srgb,var(--web-role-color) 42%,var(--border)); border-radius: 4px; background: color-mix(in srgb,var(--web-role-color) 5%,var(--surface-2)); }
.web-role-check::after { content: ''; width: 9px; height: 5px; border-left: 2px solid #031b14; border-bottom: 2px solid #031b14; opacity: 0; transform: rotate(-45deg) translateY(-1px); }
.web-role-option input:checked + .web-role-check { border-color: var(--web-role-color); background: var(--web-role-color); }
.web-role-option input:checked + .web-role-check::after { opacity: 1; }
.web-role-option input:focus-visible + .web-role-check { outline: 2px solid var(--web-role-color); outline-offset: 2px; }
.web-role-copy { min-width: 0; display: grid; gap: 3px; }
.web-role-copy > span { min-width: 0; display: flex; align-items: center; justify-content: space-between; gap: 7px; }
.web-role-copy strong { overflow: hidden; font-size: 11px; text-overflow: ellipsis; white-space: nowrap; }
.web-role-copy b { color: var(--muted-2); font-size: 7px; font-weight: 900; letter-spacing: .06em; }
.web-role-option:has(input:checked) .web-role-copy b { color: var(--web-role-color); }
.web-role-copy small { overflow: hidden; color: var(--muted); font-size: 8px; line-height: 1.3; text-overflow: ellipsis; white-space: nowrap; }
.web-role-footer { min-height: 38px; display: flex; align-items: center; justify-content: flex-end; gap: 12px; border-top: 1px solid var(--border-soft); padding-top: 9px; }
.web-role-footer > span { margin-right: auto; color: var(--muted); font-size: 9px; font-weight: 800; }
.command-button.web-role-save { min-width: 136px; min-height: 36px; display: inline-flex; align-items: center; justify-content: center; gap: 7px; white-space: nowrap; }
.command-button.web-role-save > span { flex: none; font-size: 14px; line-height: 1; }
.web-user-side-actions { min-width: 0; display: grid; align-content: start; gap: 10px; border-left: 1px solid var(--border-soft); padding-left: 16px; }
.web-user-vip-ban { display: grid; gap: 6px; }
.web-user-vip-ban button { width: 100%; min-height: 38px; justify-content: center; }
.web-user-vip-ban .subtle-button--danger { border-color: #6b343d; background: rgba(217,130,139,.08); color: #d9828b; }
.web-user-vip-ban .subtle-button--danger:hover { border-color: #d9828b; color: #ef9aa3; }
.web-user-vip-ban img { width: 15px; height: 15px; filter: brightness(0) invert(1); opacity: .86; }
.web-user-vip-ban small { margin: 0; color: var(--muted); font-size: 9px; line-height: 1.35; }
.web-user-delete { align-self: stretch; }
.web-user-delete summary { min-height: 48px; display: grid; grid-template-columns: 32px minmax(0,1fr) 12px; align-items: center; gap: 9px; padding: 7px 9px; border: 1px solid color-mix(in srgb,var(--red) 38%,var(--border)); border-radius: 4px; background: color-mix(in srgb,var(--red) 5%,#0b1519); cursor: pointer; list-style: none; }
.web-user-delete summary::-webkit-details-marker { display: none; }
.web-user-delete summary > span:nth-child(2) { min-width: 0; display: grid; gap: 2px; }
.web-user-delete summary strong { color: var(--red); font-size: 11px; }
.web-user-delete summary small { color: var(--muted); font-size: 9px; }
.web-user-delete summary > i { width: 7px; height: 7px; border-right: 1px solid var(--muted); border-bottom: 1px solid var(--muted); transform: rotate(45deg) translateY(-2px); transition: transform .16s ease; }
.web-user-delete[open] summary > i { transform: rotate(225deg) translate(-1px,-1px); }
.web-user-delete-icon, .web-user-delete-button-icon { display: block; background: var(--red); mask: url('/assets/icons/ban.svg') center/contain no-repeat; -webkit-mask: url('/assets/icons/ban.svg') center/contain no-repeat; }
.web-user-delete-icon { width: 20px; height: 20px; justify-self: center; }
.web-user-delete form { display: grid; gap: 10px; margin-top: 8px; padding: 10px; border: 1px solid color-mix(in srgb,var(--red) 30%,var(--border)); border-radius: 4px; background: color-mix(in srgb,var(--red) 4%,#0b1519); }
.web-user-delete p, .web-user-delete small { margin: 0; color: var(--muted); font-size: 10px; line-height: 1.45; }
.web-user-delete label { display: grid; gap: 5px; color: var(--muted); font-size: 10px; }
.web-user-delete input { height: 36px; padding: 0 9px; border: 1px solid var(--border); border-radius: 4px; background: #071014; }
.web-user-delete input:focus { border-color: var(--red); outline: none; }
.web-user-delete-warning { color: var(--red) !important; font-weight: 800; }
.command-button--danger { border-color: #ff6678; background: #ff6678; color: #26070d; }
.command-button.web-user-delete-button { width: 100%; max-width: none; display: inline-flex; align-items: center; justify-content: center; gap: 7px; white-space: nowrap; }
.command-button.web-user-delete-button .web-user-delete-button-icon { width: 14px; height: 14px; flex: none; background: #26070d; }

.admin-moderation { display: grid; grid-template-columns: minmax(0,1.1fr) minmax(360px,.9fr); gap: 12px; }
.moderation-create, .connection-explorer { overflow: hidden; }
.moderation-form { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 13px; padding: 16px; }
.moderation-field { min-width: 0; display: flex; flex-direction: column; gap: 6px; }
.moderation-field--wide, .moderation-player-preview, .moderation-submit { grid-column: 1/-1; }
.moderation-field label { color: #b6c3c7; font-size: 10px; font-weight: 850; text-transform: uppercase; }
.moderation-field input, .moderation-field select, .connection-search input { width: 100%; height: 39px; min-width: 0; padding: 0 10px; outline: 0; border: 1px solid var(--border); border-radius: 4px; background: #0b1519; }
.moderation-field input:focus, .moderation-field select:focus, .connection-search input:focus { border-color: var(--accent); }
.input-command, .connection-search { display: flex; min-width: 0; gap: 7px; }
.icon-text-button, .subtle-button { min-height: 39px; display: inline-flex; align-items: center; justify-content: center; gap: 7px; padding: 0 12px; border: 1px solid var(--border); border-radius: 4px; background: var(--surface-2); cursor: pointer; font-size: 11px; font-weight: 800; white-space: nowrap; }
.icon-text-button:hover, .subtle-button:hover { border-color: var(--accent); color: var(--accent); }
.confirm-modal{position:fixed;z-index:320;inset:0;display:grid;place-items:center;padding:18px;background:rgba(0,0,0,.62);opacity:0;transition:opacity .16s ease}.confirm-modal[hidden]{display:none}.confirm-modal.is-open{opacity:1}.confirm-dialog{width:min(520px,100%);display:grid;grid-template-columns:42px minmax(0,1fr);gap:13px;padding:14px;border:1px solid var(--border);border-top:3px solid var(--accent);border-radius:6px;background:var(--surface);box-shadow:0 24px 54px rgba(0,0,0,.4)}.confirm-dialog--premium{border-top-color:#f6c453;background:linear-gradient(135deg,rgba(246,196,83,.1),rgba(0,231,162,.04) 42%,transparent),var(--surface)}.confirm-dialog-icon{width:42px;height:42px;display:grid;place-items:center;border:1px solid color-mix(in srgb,var(--accent) 48%,var(--border));border-radius:4px;background:#0d211c;color:var(--accent);font-weight:900}.confirm-dialog--premium .confirm-dialog-icon{border-color:color-mix(in srgb,#f6c453 58%,var(--border));background:rgba(246,196,83,.12);color:#f6d978;font-size:10px}.confirm-dialog-copy{min-width:0;display:grid;gap:4px}.confirm-dialog-copy strong{font-size:16px}.confirm-dialog-copy small{color:var(--muted);font-size:12px;line-height:1.45;white-space:pre-line}.confirm-dialog-actions{grid-column:2;display:flex;justify-content:flex-end;gap:8px;margin-top:4px}
.icon-text-button:disabled { color: var(--muted-2); cursor: wait; }
.icon-text-button img, .moderation-submit img { width: 15px; height: 15px; filter: invert(72%) sepia(5%) saturate(275%) hue-rotate(150deg); }
.moderation-submit { width: 100%; display: flex; gap: 8px; }
.moderation-submit img { filter: brightness(.2); }
.moderation-player-preview { min-width: 0; min-height: 58px; display: grid; grid-template-columns: 40px minmax(0,1fr) auto; align-items: center; gap: 10px; padding: 8px 10px; border: 1px solid var(--border-soft); border-left: 3px solid var(--accent); background: #0b1519; }
.moderation-player-preview[hidden] { display: none; }
.moderation-player-preview .avatar { width: 40px; height: 40px; border-radius: 50%; }
.moderation-player-preview > span:nth-child(2), .connection-player > span { min-width: 0; display: flex; flex-direction: column; }
.moderation-player-preview strong, .moderation-player-preview small, .connection-player a, .connection-player small { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.moderation-player-preview small, .connection-player small { color: var(--muted); font-size: 11px; }
.connection-search { padding: 16px 16px 12px; }
.connection-state { min-height: 245px; display: grid; place-content: center; gap: 4px; padding: 24px; color: var(--muted); text-align: center; }
.connection-state strong { color: var(--text); }
.connection-results { padding: 0 16px 16px; }
.connection-results[hidden] { display: none; }
.connection-player { min-width: 0; display: grid; grid-template-columns: 44px minmax(0,1fr); align-items: center; gap: 10px; padding: 11px 0; border-bottom: 1px solid var(--border-soft); }
.connection-player .avatar { width: 44px; height: 44px; border-radius: 50%; }
.connection-player a:hover { color: var(--accent); }
.connection-section { margin-top: 15px; }
.connection-heading { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 7px; }
.connection-heading strong { font-size: 12px; }
.connection-heading span { color: var(--muted); font-size: 10px; }
.connection-ip-list, .connection-alt-list { display: grid; gap: 1px; overflow-y: auto; background: var(--border-soft); border: 1px solid var(--border-soft); }
.connection-ip-list { max-height: 156px; }
.connection-alt-list { max-height: 218px; }
.connection-ip-list > span { min-height: 48px; display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 7px 9px; background: #0b1519; }
.connection-ip-list small, .connection-alt-list small { color: var(--muted); font-size: 10px; }
.connection-alt-list > a { min-width: 0; min-height: 54px; display: grid; grid-template-columns: 36px minmax(0,1fr); align-items: center; gap: 9px; padding: 7px 9px; background: #0b1519; }
.connection-alt-list > a:hover { background: var(--surface-2); }
.connection-alt-list .avatar { width: 36px; height: 36px; border-radius: 50%; }
.connection-alt-list a > span { min-width: 0; display: flex; flex-direction: column; }
.connection-alt-list strong, .connection-alt-list small { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.shared-ip { color: var(--blue) !important; }
.empty-inline { min-height: 48px; display: grid !important; place-items: center; padding: 8px; color: var(--muted); font-size: 11px; background: #0b1519; }
.moderation-filter { grid-template-columns: minmax(240px,1fr) minmax(120px,auto) minmax(130px,auto) auto; }
.moderation-table .table-head, .moderation-table .table-row { grid-template-columns: minmax(245px,1.4fr) 80px minmax(120px,.75fr) minmax(120px,.75fr) minmax(150px,.9fr) 96px 82px; }
.moderation-table .table-row { min-height: 72px; }
.moderation-table .player-cell small:last-child { max-width: 280px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.moderation-table time { color: var(--muted); font-size: 12px; }
.moderation-table [data-label] > small { display: block; overflow: hidden; color: var(--muted); font-size: 10px; text-overflow: ellipsis; white-space: nowrap; }
.moderation-actions { display: flex; align-items: center; gap: 5px; }
.moderation-actions form { margin: 0; }
.vip-create-panel { margin-bottom: 12px; }
.vip-create-form { display: grid; grid-template-columns: minmax(120px,.55fr) minmax(140px,.65fr) minmax(220px,1fr) auto; gap: 10px; padding: 14px; }
.vip-create-form label { min-width: 0; display: grid; gap: 5px; }
.vip-create-form label > span { color: var(--muted); font-size: 10px; font-weight: 850; }
.vip-create-form input, .vip-actions input { width: 100%; height: 38px; padding: 0 10px; border: 1px solid var(--border); border-radius: 4px; outline: 0; background: #0b1519; }
.vip-create-form input:focus, .vip-actions input:focus { border-color: var(--accent); }
.vip-create-form .command-button { align-self: end; width: 100%; }
.vip-create-form .command-button:disabled { cursor: not-allowed; opacity: .42; }
.vip-player-field { grid-column: 1 / -1; min-width: 0; }
.vip-player-picker { padding: 12px; }
.vip-player-picker.has-player { border-color: color-mix(in srgb,var(--accent) 45%,var(--border-soft)); }
.vip-player-picker .compare-picker-selected { min-height: 52px; }
.vip-player-picker .compare-picker-search { max-width: 680px; }
.vip-player-picker .compare-picker-results { max-width: 680px; }
.vip-filter { grid-template-columns: minmax(240px,1fr) auto auto auto; }
.filterbar label.filter-check { width: auto; min-width: 142px; justify-content: flex-start; gap: 9px; padding: 0 12px; }
.filter-check span { color: var(--text); font-size: 12px; font-weight: 850; white-space: nowrap; }
.filter-check input { position: relative; flex: none; width: 34px !important; height: 20px; margin: 0; appearance: none; border: 1px solid var(--border); border-radius: 999px; background: #071014; cursor: pointer; transition: background .16s, border-color .16s; }
.filter-check input::after { content: ""; position: absolute; top: 3px; left: 3px; width: 12px; height: 12px; border-radius: 50%; background: var(--muted); transition: transform .16s, background .16s; }
.filter-check input:checked { border-color: var(--accent); background: #0d211c; }
.filter-check input:checked::after { transform: translateX(14px); background: var(--accent); }
.filter-check input:focus-visible { outline: 2px solid color-mix(in srgb,var(--accent) 45%,transparent); outline-offset: 2px; }
.vip-table .table-head, .vip-table .table-row { grid-template-columns: minmax(260px,1.1fr) 110px minmax(150px,.65fr) minmax(420px,1.4fr); }
.vip-row { min-height: 84px; border-left: 3px solid transparent; }
.vip-row--active { border-left-color: var(--accent); }.vip-row--expired { border-left-color: var(--red); }.vip-row--never { border-left-color: #f6c453; }
.vip-group { color: var(--accent); font-size: 12px; }
.vip-state { display: block; margin-top: 3px; font-size: 10px; }
.vip-state--active { color: var(--accent); }.vip-state--expired { color: #ff7180; }.vip-state--never { color: #f6c453; }
.vip-actions { display: grid; grid-template-columns: minmax(95px,.9fr) minmax(90px,.65fr) minmax(105px,.7fr) 36px; align-items: center; gap: 6px; }
.vip-actions form { min-width: 0; display: flex; gap: 5px; margin: 0; }
.vip-actions .icon-text-button { flex: none; min-height: 38px; padding: 0 9px; }
.vip-actions .icon-button { flex: none; }
.vip-center-switch { width: fit-content; max-width: 100%; min-height: 40px; display: flex; align-items: center; gap: 3px; margin: 0 0 12px; padding: 4px; overflow-x: auto; border: 1px solid color-mix(in srgb,#f6c453 24%,var(--border)); border-radius: 6px; background: #0b1519; }
.vip-center-switch a { min-width: 104px; min-height: 30px; display: grid; place-items: center; padding: 0 13px; border: 1px solid transparent; border-radius: 4px; color: var(--muted); font-size: 11px; font-weight: 850; }
.vip-center-switch a:hover { color: var(--text); background: var(--surface-2); }
.vip-center-switch a.is-active { border-color: color-mix(in srgb,#f6c453 56%,var(--border)); background: rgba(246,196,83,.12); color: #f6d978; }
.vip-tab-panel[hidden] { display: none; }
.vip-center-hero { position: relative; isolation: isolate; min-height: 246px; display: grid; grid-template-columns: minmax(300px,1fr) minmax(260px,.55fr); gap: 0; align-items: stretch; margin-bottom: 12px; padding: 0; overflow: hidden; border: 1px solid color-mix(in srgb,#f6c453 34%,var(--border)); border-radius: 6px; background: linear-gradient(112deg,rgba(246,196,83,.12),rgba(9,18,22,.98) 34%,rgba(0,231,162,.05) 100%),#071014; }
.vip-center-hero::before { content: ""; position: absolute; z-index: -1; inset: 0; background: linear-gradient(90deg,rgba(246,196,83,.1),transparent 34%),radial-gradient(circle at 100% 0,rgba(0,231,162,.08),transparent 34%); opacity: .85; }
.vip-center-hero::after { content: ""; position: absolute; inset: auto 18px 0; height: 1px; background: linear-gradient(90deg,transparent,#f6c453,transparent); opacity: .32; }
.vip-center-hero > * { position: relative; z-index: 1; }
.vip-center-hero--active { border-color: color-mix(in srgb,var(--accent) 48%,#f6c453); }
.vip-pass-main { min-width: 0; display: grid; grid-template-rows: 1fr auto; padding: 24px; border-right: 1px solid color-mix(in srgb,#f6c453 20%,var(--border-soft)); }
.vip-identity { min-width: 0; display: grid; grid-template-columns: 76px minmax(0,1fr); align-items: center; gap: 14px; }
.vip-center-avatar { width: 76px; height: 76px; border-radius: 6px; border: 1px solid color-mix(in srgb,#f6c453 42%,var(--border)); background: #071014; }
.vip-identity span, .vip-pass-status, .vip-wallet-balance, .vip-checkout span, .vip-ledger-row span { min-width: 0; display: flex; flex-direction: column; }
.vip-identity small, .vip-pass-status span, .vip-wallet small, .vip-checkout small, .vip-market-stats small, .vip-ledger-row small, .vip-admin-form label > span, .vip-day-picker > span { color: var(--muted); font-size: 10px; font-weight: 850; text-transform: uppercase; }
.vip-identity strong { font-size: 28px; line-height: 1.05; overflow-wrap: anywhere; }
.vip-identity em, .vip-pass-status small, .vip-wallet-balance span, .vip-checkout em, .vip-redeem-note, .vip-market-head p { color: var(--muted); font-size: 11px; font-style: normal; }
.vip-pass-status { width: min(420px,100%); min-height: 82px; justify-content: center; margin-top: 24px; padding: 14px 16px; border: 1px solid color-mix(in srgb,var(--accent) 28%,var(--border-soft)); border-left: 3px solid var(--accent); background: rgba(7,16,20,.72); }
.vip-pass-status strong { margin-top: 3px; color: var(--text); font-size: 24px; line-height: 1.08; overflow-wrap: anywhere; }
.vip-pass-status--active strong { color: var(--accent); }
.vip-wallet { min-width: 0; display: grid; grid-template-columns: minmax(0,1fr) minmax(150px,.68fr); align-content: end; gap: 14px; padding: 24px; background: rgba(7,16,20,.54); }
.vip-wallet-balance { justify-content: flex-end; }
.vip-wallet-balance strong { margin-top: 4px; color: #f6c453; font-size: 52px; line-height: .95; overflow-wrap: anywhere; }
.vip-wallet i { grid-column: 1 / -1; width: 100%; height: 1px; background: linear-gradient(90deg,rgba(246,196,83,.75),transparent); opacity: .7; }
.vip-daily-claim { position: relative; min-width: 0; display: grid; align-content: end; gap: 8px; padding: 2px 0 0 16px; overflow: visible; border-left: 1px solid color-mix(in srgb,#f6c453 28%,var(--border-soft)); }
.vip-daily-claim::after { content: attr(data-claim-text); position: absolute; right: 8px; top: -16px; color: #f6c453; font-size: 18px; font-weight: 950; opacity: 0; pointer-events: none; transform: translateY(8px); }
.vip-daily-claim--ready { border-left-color: #f6c453; }
.vip-daily-claim span { position: relative; min-width: 0; display: flex; flex-direction: column; }
.vip-daily-claim strong { margin-top: 2px; color: #f6c453; font-size: 28px; line-height: 1; }
.vip-daily-claim em { position: relative; color: var(--muted); font-size: 11px; font-style: normal; }
.vip-daily-claim button { position: relative; min-height: 34px; display: inline-flex; align-items: center; justify-content: center; gap: 7px; border: 1px solid color-mix(in srgb,#f6c453 54%,var(--border)); border-radius: 4px; background: rgba(246,196,83,.12); color: #f8e7ac; font-weight: 900; cursor: pointer; }
.vip-daily-claim button:hover { border-color: #f6c453; background: rgba(246,196,83,.18); }
.vip-daily-claim button:disabled { opacity: .46; cursor: not-allowed; }
.vip-daily-claim button img { width: 14px; height: 14px; filter: invert(86%) sepia(42%) saturate(594%) hue-rotate(350deg) brightness(104%); }
.vip-daily-claim.is-claiming { animation: vipDailyClaim .38s ease; }
.vip-daily-claim.is-claim-success::after { animation: vipDailyFloat .9s ease; }
.vip-center-grid { display: grid; grid-template-columns: minmax(360px,1.05fr) minmax(360px,.95fr); gap: 12px; margin-bottom: 12px; }
.vip-redeem-panel, .vip-market-panel { min-width: 0; overflow: hidden; border: 1px solid var(--border); border-radius: 6px; background: #071014; }
.vip-redeem-panel { border-color: color-mix(in srgb,#f6c453 34%,var(--border)); }
.vip-redeem-heading, .vip-market-head { padding: 16px 18px 12px; }
.vip-redeem-heading span, .vip-market-head span { color: var(--accent); font-size: 10px; font-weight: 900; }
.vip-redeem-heading h2, .vip-market-head h2 { margin: 2px 0 4px; font-size: 24px; }
.vip-redeem-heading p { margin: 0; color: var(--muted); font-size: 12px; }
.vip-redeem-panel form { display: grid; gap: 12px; padding: 0 18px 18px; }
.vip-day-picker { display: grid; gap: 7px; }
.vip-day-picker > div { display: grid; grid-template-columns: 42px minmax(0,1fr) 42px; gap: 8px; }
.vip-day-picker button, .vip-day-presets button { min-height: 42px; border: 1px solid color-mix(in srgb,#f6c453 24%,var(--border)); border-radius: 4px; background: rgba(246,196,83,.055); color: #f6d978; cursor: pointer; font-weight: 900; }
.vip-day-picker button:hover, .vip-day-presets button:hover { border-color: color-mix(in srgb,#f6c453 70%,var(--border)); background: rgba(246,196,83,.1); }
.vip-day-picker button:disabled, .vip-day-presets button:disabled { opacity: .4; cursor: not-allowed; }
.vip-day-picker input, .vip-admin-form input { width: 100%; height: 42px; padding: 0 12px; border: 1px solid var(--border); border-radius: 4px; outline: 0; background: #0b1519; text-align: center; font-size: 18px; font-weight: 900; }
.vip-admin-form input { text-align: left; font-size: 12px; font-weight: 800; }
.vip-day-picker input:focus, .vip-admin-form input:focus { border-color: var(--accent); }
.vip-day-presets { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 7px; }
.vip-day-presets button.is-active { border-color: var(--accent); background: rgba(0,231,162,.13); color: var(--accent); }
.vip-day-track { display: grid; grid-template-columns: repeat(30,minmax(0,1fr)); gap: 2px; padding: 6px; border: 1px solid var(--border-soft); background: #0b1519; }
.vip-day-track i { height: 18px; background: rgba(255,255,255,.05); }
.vip-day-track i.is-active { background: color-mix(in srgb,#f6c453 58%,#0b1519); }
.vip-checkout { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 1px; overflow: hidden; border: 1px solid var(--border-soft); border-radius: 6px; background: var(--border-soft); }
.vip-checkout span { min-height: 78px; justify-content: center; padding: 12px; background: #0b1519; }
.vip-checkout strong { margin-top: 2px; color: var(--text); font-size: 21px; }
.vip-checkout strong.is-changing { animation: vipNumberBump .22s ease; }
.vip-redeem-panel .command-button, .vip-admin-form .command-button { width: 100%; min-height: 46px; }
.vip-redeem-panel .command-button { border-color: color-mix(in srgb,#f6c453 48%,var(--border)); background: linear-gradient(90deg,rgba(246,196,83,.18),rgba(0,231,162,.12)); color: #f8e7ac; }
.vip-redeem-panel .command-button:hover { border-color: #f6c453; background: linear-gradient(90deg,rgba(246,196,83,.23),rgba(0,231,162,.15)); }
.vip-redeem-panel .command-button img { filter: invert(86%) sepia(42%) saturate(594%) hue-rotate(350deg) brightness(104%); }
.vip-redeem-panel .command-button:disabled { opacity: .48; cursor: not-allowed; }
.vip-rate-board { display: grid; gap: 14px; padding: 0 18px 18px; }
.vip-rate-now { min-height: 112px; display: flex; justify-content: center; flex-direction: column; padding: 16px 18px; border: 1px solid color-mix(in srgb,#f6c453 28%,var(--border)); background: linear-gradient(100deg,rgba(246,196,83,.09),rgba(7,16,20,.8) 70%); }
.vip-rate-now small { color: var(--muted); font-size: 10px; font-weight: 900; text-transform: uppercase; }
.vip-rate-now strong { margin-top: 2px; color: #f6c453; font-size: 48px; line-height: .96; }
.vip-rate-now span { color: var(--muted); font-size: 12px; }
.vip-capacity-meter { display: grid; grid-template-columns: repeat(20,minmax(0,1fr)); gap: 3px; }
.vip-capacity-meter i { height: 18px; border: 1px solid var(--border-soft); background: #0b1519; }
.vip-capacity-meter i.is-active { border-color: color-mix(in srgb,#f6c453 28%,var(--border)); background: color-mix(in srgb,#f6c453 48%,#0b1519); }
.vip-market-stats { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 1px; overflow: hidden; border: 1px solid var(--border-soft); background: var(--border-soft); }
.vip-market-stats span { min-height: 70px; display: flex; justify-content: center; flex-direction: column; padding: 11px 12px; background: #0b1519; }
.vip-market-stats strong { margin-top: 2px; color: var(--text); font-size: 19px; }
.vip-price-formula { display: grid; grid-template-columns: auto minmax(60px,1fr) auto; align-items: center; gap: 9px; color: var(--muted); font-size: 11px; font-weight: 800; }
.vip-price-formula i { height: 1px; background: repeating-linear-gradient(90deg,var(--border) 0 8px,transparent 8px 13px); }
.vip-wallet [data-vip-number] { display: inline-block; opacity: .86; transform: translateY(3px); transition: opacity .24s ease, transform .24s ease; }
.vip-wallet [data-vip-number].is-ready { opacity: 1; transform: translateY(0); }
.vip-guest-panel { display: flex; align-items: center; justify-content: space-between; gap: 18px; margin-bottom: 12px; padding: 18px; border: 1px solid var(--border); border-left: 3px solid #f6c453; border-radius: 6px; background: var(--surface); }
.vip-guest-panel h2 { margin: 2px 0 4px; font-size: 22px; }
.vip-guest-panel p { margin: 0; color: var(--muted); font-size: 12px; }
.vip-admin-panel { margin-bottom: 12px; }
.vip-admin-form { display: grid; grid-template-columns: minmax(130px,.5fr) minmax(260px,1fr) auto; gap: 10px; padding: 14px; align-items: end; }
.vip-task-list { display: grid; gap: 10px; padding: 14px; }
.vip-task-card { min-width: 0; display: grid; gap: 12px; padding: 14px; border: 1px solid var(--border); border-left: 3px solid var(--border); border-radius: 6px; background: #0b1519; }
.vip-task-card--ready { border-left-color: #f6c453; background: linear-gradient(100deg,rgba(246,196,83,.08),#0b1519 54%); }
.vip-task-main { min-width: 0; display: grid; grid-template-columns: 48px minmax(0,1fr); align-items: center; gap: 12px; }
.vip-task-icon { width: 48px; height: 48px; display: grid; place-items: center; border: 1px solid var(--border-soft); border-radius: 5px; background: #071014; }
.vip-task-icon img { width: 20px; height: 20px; filter: brightness(0) invert(1); opacity: .84; }
.vip-task-main h2 { margin: 2px 0 3px; font-size: 20px; overflow-wrap: anywhere; }
.vip-task-main p { margin: 0; color: var(--muted); font-size: 12px; }
.vip-task-range { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 1px; overflow: hidden; border: 1px solid var(--border-soft); border-radius: 5px; background: var(--border-soft); }
.vip-task-range span { min-width: 0; min-height: 58px; display: flex; justify-content: center; flex-direction: column; padding: 10px 12px; background: #071014; }
.vip-task-range small, .vip-task-foot small { color: var(--muted); font-size: 10px; font-weight: 850; text-transform: uppercase; }
.vip-task-range strong { margin-top: 2px; font-size: 17px; }
.vip-task-meter { width: 100%; height: 16px; accent-color: #f6c453; }
.vip-task-foot { display: grid; grid-template-columns: minmax(0,1fr) 150px; align-items: center; gap: 12px; }
.vip-task-foot > span { min-width: 0; display: flex; flex-direction: column; }
.vip-task-foot > span strong { font-size: 15px; }
.vip-task-foot .command-button { width: 100%; min-height: 38px; border-color: color-mix(in srgb,#f6c453 38%,var(--border)); background: rgba(246,196,83,.1); color: #f6d978; }
.vip-task-foot .command-button:disabled { opacity: .45; cursor: not-allowed; }
.vip-ledger-list { display: grid; gap: 1px; overflow: hidden; background: var(--border-soft); }
.vip-ledger-row { min-height: 64px; display: grid; grid-template-columns: minmax(260px,1.3fr) 110px minmax(120px,.55fr) 150px; align-items: center; gap: 14px; padding: 10px 14px; background: #0b1519; border-left: 3px solid transparent; }
.vip-ledger-row--positive { border-left-color: var(--accent); }.vip-ledger-row--negative { border-left-color: #f6c453; }
.vip-ledger-row > span:first-child strong { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.vip-ledger-row > b { color: var(--accent); font-size: 18px; }
.vip-ledger-row--negative > b { color: #f6c453; }
.vip-ledger-row time { color: var(--muted); font-size: 11px; text-align: right; }
@keyframes vipNumberBump { 0% { transform: translateY(2px); color: #f6c453; } 100% { transform: translateY(0); color: var(--text); } }
@keyframes vipDailyClaim { 0% { transform: scale(1); } 45% { transform: scale(1.018); border-color: #f6c453; } 100% { transform: scale(1); } }
@keyframes vipDailyFloat { 0% { opacity: 0; transform: translateY(8px); } 18% { opacity: 1; } 100% { opacity: 0; transform: translateY(-24px); } }
.icon-button--danger { border-color: #71303b; background: #241116; }
.icon-button--danger:hover { border-color: #ff6678; }
.icon-button--danger img { filter: invert(49%) sepia(83%) saturate(1066%) hue-rotate(313deg) brightness(105%); }
.punishment-type { font-size: 10px; font-weight: 850; }
.punishment-type--ban { color: #ff6678; }.punishment-type--mute { color: var(--orange); }.punishment-type--gag { color: #f6c453; }.punishment-type--silence { color: #c084fc; }
.punishment-end--permanent { color: #ff6678; font-weight: 900; }.punishment-duration { color: var(--text); font-size: 11px; font-weight: 800; }.punishment-duration--inactive { color: var(--muted-2); font-weight: 700; }.punishment-duration--permanent { color: #ff6678; font-weight: 900; }
.punishment-status { width: fit-content; min-height: 27px; display: inline-flex; align-items: center; gap: 6px; padding: 0 8px; border-left: 2px solid currentColor; background: color-mix(in srgb,currentColor 9%,transparent); font-size: 10px; font-weight: 850; text-transform: uppercase; white-space: nowrap; }
.punishment-status-icon { width: 13px; height: 13px; flex: none; background: currentColor; mask: url('/assets/icons/shield.svg') center/contain no-repeat; -webkit-mask: url('/assets/icons/shield.svg') center/contain no-repeat; }
.punishment-status--active { color: #ff6678; }.punishment-status--active .punishment-status-icon { mask-image: url('/assets/icons/activity.svg'); -webkit-mask-image: url('/assets/icons/activity.svg'); }
.punishment-status--expired { color: var(--muted); }.punishment-status--expired .punishment-status-icon { mask-image: url('/assets/icons/shield-check.svg'); -webkit-mask-image: url('/assets/icons/shield-check.svg'); }
.punishment-status--unbanned, .punishment-status--unmuted { color: var(--accent); }.punishment-status--unbanned .punishment-status-icon, .punishment-status--unmuted .punishment-status-icon { mask-image: url('/assets/icons/shield-check.svg'); -webkit-mask-image: url('/assets/icons/shield-check.svg'); }
.punishment-status--unknown { color: var(--orange); }

.metric-grid { display: grid; gap: 10px; margin-bottom: 12px; }
.metric-grid--seven { grid-template-columns: repeat(7, minmax(0,1fr)); }
.metric-grid--six { grid-template-columns: repeat(6, minmax(0,1fr)); }
.metric-grid--three { grid-template-columns: repeat(3, minmax(0,1fr)); }
.metric-grid--four { grid-template-columns: repeat(4, minmax(0,1fr)); }
.metric-grid--eight { grid-template-columns: repeat(8, minmax(0,1fr)); }
.metric { min-width: 0; min-height: 94px; display: flex; flex-direction: column; justify-content: center; padding: 13px 15px; background: var(--surface); border: 1px solid var(--border); border-radius: 6px; }
.metric > span { color: #b6c3c7; font-size: 11px; font-weight: 850; text-transform: uppercase; }
.metric > strong { margin-top: 3px; font-size: 24px; line-height: 1.15; overflow-wrap: anywhere; }
.metric > small { margin-top: 4px; color: var(--muted-2); font-size: 11px; }
.trend-kpis { display: grid; grid-template-columns: repeat(5,minmax(0,1fr)); gap: 1px; margin-bottom: 12px; overflow: visible; border: 1px solid var(--border); border-radius: 6px; background: var(--border-soft); }
.trend-metric { min-width: 0; min-height: 82px; display: flex; justify-content: center; flex-direction: column; padding: 10px 13px; background: var(--surface); }
.trend-metric:first-child { border-radius: 5px 0 0 5px; }.trend-metric:last-child { border-radius: 0 5px 5px 0; }
.trend-metric > span { display: flex; align-items: center; gap: 5px; color: #b6c3c7; font-size: 10px; font-weight: 850; text-transform: uppercase; }
.trend-metric > strong { margin-top: 2px; font-size: 19px; line-height: 1.2; overflow-wrap: anywhere; }
.trend-change { width: fit-content; color: var(--muted); font-size: 10px; font-weight: 750; white-space: nowrap; }.trend-change--up,.trend-change--new{color:var(--accent)}.trend-change--down{color:#ff6678}.trend-change--neutral{color:var(--muted)}
.metric-info { position: relative; width: 14px; height: 14px; display: inline-grid; place-items: center; border: 1px solid var(--muted-2); border-radius: 50%; color: var(--muted); font-size: 9px; text-transform: none; outline: none; }
.metric-info:hover::after,.metric-info:focus::after { content: attr(data-tooltip); position: absolute; z-index: 30; left: 0; bottom: calc(100% + 7px); width: 210px; padding: 6px 8px; border: 1px solid var(--border); border-radius: 4px; background: #071014; color: var(--text); font-size: 10px; font-weight: 500; line-height: 1.4; text-transform: none; pointer-events: none; }
.dashboard-grid { display: grid; grid-template-columns: minmax(0,1.65fr) minmax(320px,.85fr); gap: 12px; margin-bottom: 12px; }
.dashboard-grid--equal { grid-template-columns: repeat(2,minmax(0,1fr)); }
.panel { min-width: 0; background: var(--surface); border: 1px solid var(--border); border-radius: 6px; }
.panel-heading { min-height: 57px; display: flex; align-items: center; justify-content: space-between; gap: 15px; padding: 11px 15px; border-bottom: 1px solid var(--border-soft); }
.panel-heading > a { color: var(--accent); font-size: 12px; font-weight: 800; }
.legend { color: var(--muted); font-size: 11px; }
.legend i { display: inline-block; width: 12px; height: 3px; margin: 0 5px; background: var(--accent); }
.legend i:nth-child(2) { background: var(--blue); }
.chart-tabs { display: inline-flex; align-items: center; min-height: 31px; overflow: hidden; border: 1px solid var(--border); border-radius: 4px; background: #0b1519; }
.chart-tabs button { min-width: 76px; height: 29px; padding: 0 9px; border: 0; border-right: 1px solid var(--border); background: transparent; color: var(--muted); cursor: pointer; font-size: 10px; font-weight: 800; }
.chart-tabs button:last-child { border-right: 0; }.chart-tabs button:hover,.chart-tabs button:focus-visible{color:var(--text)}.chart-tabs button.is-active{background:var(--accent);color:#03231a}
.chart-frame { position: relative; height: 292px; min-height: 292px; padding: 14px; }
.chart-frame canvas { width: 100% !important; height: 100% !important; }
.map-activity-panel, .activity-trend-panel { display: flex; flex-direction: column; }
.map-activity-panel .chart-frame, .activity-trend-panel .chart-frame { flex: 1; height: auto; min-height: 360px; }
.rating-history-panel { margin-bottom: 12px; }
.rating-metric > strong { display: flex; align-items: center; min-height: 35px; font-size: 18px; }
.rating-metric .rkPremierRating { --rk-premier-w: 92px; }
.avatar { flex: 0 0 auto; width: 38px; height: 38px; display: grid; place-items: center; overflow: hidden; background: var(--surface-3); border: 1px solid var(--border); border-radius: 5px; color: var(--accent); font-weight: 900; }
.avatar img[src$="/assets/icons/users.svg"] { width: 20px; height: 20px; padding: 0; object-fit: contain; filter: invert(76%) sepia(7%) saturate(264%) hue-rotate(150deg); }
.avatar img { width: 100%; height: 100%; object-fit: cover; }
.avatar--xl { width: 96px; height: 96px; border-radius: 7px; font-size: 30px; }
.new-players-panel { margin-bottom: 12px; }
.new-players-count { display: flex; align-items: flex-end; flex-direction: column; padding-left: 14px; border-left: 1px solid var(--border-soft); }
.new-players-count strong { font-size: 20px; line-height: 1; }
.new-players-count small { margin-top: 4px; color: var(--muted-2); font-size: 9px; font-weight: 850; }
.new-player-list { display: flex; flex-wrap: nowrap; gap: 10px; min-height: 80px; padding: 14px 15px; overflow-x: auto; overflow-y: hidden; overscroll-behavior-x: contain; scrollbar-width: none; cursor: grab; outline: none; }
.new-player-list::-webkit-scrollbar { display: none; }
.new-player-list:focus-visible { box-shadow: inset 0 -1px var(--accent); }
.new-player-list.is-dragging { cursor: grabbing; user-select: none; }
.new-player-card { position: relative; width: 52px; height: 52px; display: grid; place-items: center; flex: 0 0 52px; outline: none; }
.new-player-list.is-dragging .new-player-card { pointer-events: none; }
.new-player-card img { -webkit-user-drag: none; user-select: none; }
.new-player-avatar { width: 48px; height: 48px; transition: transform .16s ease, border-color .16s ease; }
.new-player-card:hover .new-player-avatar,.new-player-card:focus-visible .new-player-avatar { z-index: 2; border-color: var(--accent); transform: scale(1.12); }
.new-player-tooltip { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
.new-player-floating-tooltip { position: fixed; z-index: 260; width: 268px; padding: 11px; border: 1px solid var(--border); border-top: 2px solid var(--accent); border-radius: 5px; background: #071014; color: var(--text); pointer-events: none; }
.new-player-floating-tooltip[hidden] { display: none; }
.new-player-tooltip-head { display: grid; grid-template-columns: 38px minmax(0,1fr); align-items: center; gap: 9px; padding-bottom: 10px; border-bottom: 1px solid var(--border-soft); }
.new-player-tooltip-head > span:last-child { min-width: 0; display: flex; flex-direction: column; }
.new-player-tooltip-head strong,.new-player-tooltip-head small { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.new-player-tooltip-head strong { font-size: 12px; }
.new-player-tooltip-head small { color: var(--muted); font-size: 9px; }
.new-player-tooltip-row { min-height: 31px; display: flex; align-items: center; justify-content: space-between; gap: 12px; border-bottom: 1px solid var(--border-soft); }
.new-player-tooltip-row:last-child { border-bottom: 0; }
.new-player-tooltip-row > small { color: var(--muted-2); font-size: 8px; font-weight: 850; white-space: nowrap; }
.new-player-tooltip-row > strong { font-size: 10px; font-weight: 700; text-align: right; }
.new-player-tooltip-row .rkPremierRating { margin-left: auto; }
.new-players-empty { min-height: 82px; display: flex; align-items: center; gap: 11px; padding: 14px 15px; color: var(--muted); }
.new-players-empty > img { width: 24px; height: 24px; opacity: .55; filter: invert(76%) sepia(7%) saturate(264%) hue-rotate(150deg); }
.new-players-empty > span { display: flex; flex-direction: column; }
.new-players-empty strong { color: var(--text); font-size: 12px; }
.new-players-empty small { margin-top: 2px; color: var(--muted-2); font-size: 10px; }
.leader-list { padding: 3px 9px 9px; }
.leader-row { min-height: 55px; display: grid; grid-template-columns: 26px 38px minmax(0,1fr) auto; align-items: center; gap: 9px; padding: 7px 6px; border-bottom: 1px solid var(--border-soft); }
.leader-row:hover { background: var(--surface-2); }
.position { color: var(--muted-2); font-size: 12px; text-align: center; }
.leader-row > span:not(.avatar):not(.rkPremierRating):not(.rk5Rate) { display: flex; min-width: 0; flex-direction: column; }
.leader-row strong { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.leader-row small { color: var(--muted); font-size: 11px; }
.leader-value { align-items: flex-end; }
.leader-value strong { font-size: 16px; }
.leader-player { min-width: 0; display: flex; align-items: center; gap: 9px; }
.leader-player > span:not(.avatar) { min-width: 0; display: flex; flex-direction: column; }
.player-name { display: inline-flex; align-items: center; gap: 5px; min-width: 0; width: fit-content; max-width: 100%; color: var(--text); font-weight: 800; }
.player-name-label { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.player-name--banned { color: #ff6678; }.player-name--silenced { color: #c084fc; }.player-name--muted { color: #fb923c; }.player-name--gagged { color: #facc15; }.player-name--website-member { color: #6ee7c7; }.player-name--admin { color: #38bdf8; }.player-name--vip { color: #00e7a2; }
[data-player-popover-id] { position: relative; }
.player-preview-popover { position: fixed; z-index: 200; width: 318px; border: 1px solid #355058; border-radius: 6px; background: #0b1519; color: var(--text); }
.player-preview-popover.is-open { display: block; }
.player-preview-arrow { position: absolute; width: 10px; height: 10px; background: #0b1519; border-left: 1px solid #355058; border-top: 1px solid #355058; transform: rotate(45deg); }
.player-preview-popover[data-side="bottom"] .player-preview-arrow { top: -6px; }
.player-preview-popover[data-side="top"] .player-preview-arrow { bottom: -6px; transform: rotate(225deg); }
.player-preview-head { position: relative; isolation: isolate; display: grid; grid-template-columns: 46px minmax(0,1fr) auto; align-items: center; gap: 10px; overflow: hidden; padding: 13px; border-bottom: 1px solid var(--border-soft); }
.player-preview-head > :not(.player-preview-banner) { position: relative; z-index: 2; }
.player-preview-head::after { content: ''; position: absolute; z-index: 1; inset: 0; background: rgba(7,16,20,.68); opacity: 0; pointer-events: none; }
.player-preview-head.has-banner::after { opacity: 1; }
.player-preview-banner { position: absolute; z-index: 0; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.player-preview-avatar { width: 46px; height: 46px; border-radius: 5px; }
.player-preview-identity { min-width: 0; display: grid; gap: 2px; }
.player-preview-identity strong { overflow: hidden; font-size: 14px; text-overflow: ellipsis; white-space: nowrap; }
.player-preview-identity small { overflow: hidden; color: var(--muted-2); font-size: 9px; text-overflow: ellipsis; white-space: nowrap; }
.player-preview-status { align-self: start; color: var(--muted); font-size: 9px; font-weight: 900; text-transform: uppercase; white-space: nowrap; }
.player-preview-status.is-online { color: var(--accent); }
.player-preview-rating { display: flex; align-items: center; justify-content: space-between; gap: 14px; min-height: 48px; padding: 8px 13px; border-bottom: 1px solid var(--border-soft); }
.player-preview-rating > span:first-child { color: var(--muted); font-size: 9px; font-weight: 850; }
.player-preview-rating .rkPremierRating { --rk-premier-w: 84px; }
.player-preview-stats { display: grid; grid-template-columns: repeat(4,1fr); border-bottom: 1px solid var(--border-soft); }
.player-preview-stats > span { display: grid; gap: 3px; padding: 10px 8px; border-right: 1px solid var(--border-soft); text-align: center; }
.player-preview-stats > span:last-child { border-right: 0; }
.player-preview-stats strong { font-size: 13px; font-variant-numeric: tabular-nums; }
.player-preview-stats small { color: var(--muted-2); font-size: 8px; font-weight: 850; text-transform: uppercase; }
.player-preview-details { display: grid; gap: 7px; padding: 10px 13px; }
.player-preview-details > span { display: flex; align-items: center; justify-content: space-between; gap: 12px; color: var(--muted); font-size: 10px; }
.player-preview-details strong { max-width: 165px; overflow: hidden; color: var(--text); font-size: 10px; text-overflow: ellipsis; white-space: nowrap; }
.player-preview-footer { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 10px 13px; border-top: 1px solid var(--border-soft); background: #0d191e; }
.player-preview-footer span { color: var(--muted-2); font-size: 9px; }
.player-preview-footer a { color: var(--accent); font-size: 10px; font-weight: 850; }
.player-preview-footer a:hover, .player-preview-footer a:focus-visible { text-decoration: underline; outline: none; }
.player-preview-popover.is-loading .player-preview-stats strong, .player-preview-popover.is-loading .player-preview-details strong { color: var(--muted-2); }
@media (max-width: 620px) { .player-preview-popover { width: min(318px,calc(100vw - 20px)); } }
.player-status-icons { display: inline-flex; align-items: center; gap: 3px; flex: 0 0 auto; }
.status-icon { position: relative; width: 13px; height: 13px; display: inline-block; background: currentColor; mask: center/contain no-repeat; -webkit-mask: center/contain no-repeat; }
.status-icon--banned { mask-image: url('/assets/icons/ban.svg'); -webkit-mask-image: url('/assets/icons/ban.svg'); }.status-icon--silenced { mask-image: url('/assets/icons/volume-x.svg'); -webkit-mask-image: url('/assets/icons/volume-x.svg'); }.status-icon--muted { mask-image: url('/assets/icons/mic-off.svg'); -webkit-mask-image: url('/assets/icons/mic-off.svg'); }.status-icon--gagged { mask-image: url('/assets/icons/message-square-off.svg'); -webkit-mask-image: url('/assets/icons/message-square-off.svg'); }.status-icon--admin { mask-image: url('/assets/icons/shield-check.svg'); -webkit-mask-image: url('/assets/icons/shield-check.svg'); }.status-icon--vip { mask-image: url('/assets/icons/crown.svg'); -webkit-mask-image: url('/assets/icons/crown.svg'); }
.status-icon--banned { color:#ff6678 }.status-icon--silenced { color:#c084fc }.status-icon--muted { color:#fb923c }.status-icon--gagged { color:#facc15 }.status-icon--admin { color:#38bdf8 }.status-icon--vip { color:#00e7a2 }
.status-icon:hover::after { content: attr(data-tooltip); position: absolute; z-index: 30; left: 50%; bottom: calc(100% + 6px); transform: translateX(-50%); width: max-content; max-width: 150px; padding: 4px 6px; border: 1px solid var(--border); border-radius: 3px; background: #071014; color: var(--text); font-size: 10px; font-weight: 600; pointer-events: none; }
.role { display: inline-flex; align-items: center; width: fit-content; min-height: 18px; padding: 1px 5px; margin-right: 4px; border: 1px solid currentColor; border-radius: 3px; font-size: 9px; font-weight: 900; }
.role--ban { color: var(--red); }.role--mute { color: #fb923c; }.role--gag { color: #facc15; }.role--silence { color: #c084fc; }

.weapon-list { padding: 6px 14px 13px; }
.weapon-row { min-height: 43px; display: grid; grid-template-columns: 72px minmax(0,1fr) auto; align-items: center; gap: 10px; border-bottom: 1px solid var(--border-soft); }
.weapon-row > img { width: 65px; height: 27px; object-fit: contain; }
.weapon-row > span { min-width: 0; display: flex; flex-direction: column; gap: 5px; }
.weapon-row strong { font-size: 12px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.weapon-row progress { display: block; width: 100%; height: 3px; appearance: none; border: 0; background: #1c2b30; }
.weapon-row progress::-webkit-progress-bar { background: #1c2b30; }
.weapon-row progress::-webkit-progress-value { background: var(--accent); }
.weapon-row progress::-moz-progress-bar { background: var(--accent); }
.weapon-row b { font-size: 12px; }
.weapon-insight-list { padding: 4px 12px 12px; }
.weapon-insight-row { min-height: 58px; display: grid; grid-template-columns: 68px minmax(120px,1fr) repeat(3,minmax(72px,.65fr)); align-items: center; gap: 10px; border-bottom: 1px solid var(--border-soft); }
.weapon-insight-row > img { width: 62px; height: 28px; object-fit: contain; }.weapon-insight-row > span { min-width: 0; display: flex; flex-direction: column; }
.weapon-insight-row > span:not(.weapon-insight-name) { text-align: right; }.weapon-insight-row small,.weapon-insight-sub{color:var(--muted);font-size:9px}.weapon-insight-row b{font-size:11px}.weapon-insight-name strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px}.weapon-insight-sub{display:flex;align-items:center;gap:5px}.weapon-insight-sub .trend-change{font-size:9px}
.weapon-directory-table .table-head,.weapon-directory-table .table-row{grid-template-columns:minmax(260px,1.45fr) repeat(6,minmax(80px,.65fr))}.weapon-directory-row{color:var(--text)}.weapon-directory-row .weapon-cell>span{min-width:0;display:flex;flex-direction:column}.weapon-directory-row .weapon-cell strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.weapon-directory-row .weapon-cell small{color:var(--muted);font-size:10px}.weapon-directory-row>span:not(.weapon-cell){font-variant-numeric:tabular-nums}.weapon-stat-accent{color:var(--accent);font-weight:800}
.weapon-hero{min-height:154px;display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:16px;padding:20px;background:var(--surface);border:1px solid var(--border);border-radius:6px}.weapon-hero-main{display:flex;align-items:center;gap:20px;min-width:0}.weapon-hero-main>div{min-width:0}.weapon-hero-main h1{margin:2px 0;font-size:34px;line-height:1.08}.weapon-hero-main p{margin:0;color:var(--muted)}.weapon-hero-image{width:178px;height:92px;display:grid;place-items:center;flex:none;border:1px solid var(--border);border-radius:5px;background:var(--surface-2)}.weapon-hero-image img{width:150px;height:68px;object-fit:contain}.weapon-hero-rank{min-width:112px;display:flex;align-items:flex-end;flex-direction:column}.weapon-hero-rank small,.weapon-hero-rank span{color:var(--muted);font-size:10px;font-weight:800}.weapon-hero-rank strong{margin:2px 0;color:var(--accent);font-size:30px;line-height:1}.weapon-period-heading{margin-top:2px}.weapon-trend-panel{display:flex;flex-direction:column}.weapon-trend-panel .chart-frame{flex:1;height:auto;min-height:360px}.weapon-leader-list .leader-row{grid-template-columns:26px 38px minmax(0,1fr) auto}.weapon-detail-grid .panel{height:100%}.weapon-condition-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;background:var(--border-soft)}.weapon-condition-grid>span{min-height:78px;display:flex;justify-content:center;flex-direction:column;padding:12px;background:var(--surface)}.weapon-condition-grid small,.weapon-share small{color:var(--muted);font-size:9px;font-weight:850}.weapon-condition-grid strong{margin-top:3px;font-size:20px}.weapon-share{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border-top:1px solid var(--border-soft)}.weapon-share>span{display:flex;flex-direction:column;padding:13px}.weapon-share>span+span{border-left:1px solid var(--border-soft)}.weapon-share strong{margin-top:3px;font-size:15px}.weapon-map-list{padding:4px 13px 12px}.weapon-map-list>a{min-height:58px;display:grid;grid-template-columns:72px minmax(0,1fr) auto;align-items:center;gap:11px;border-bottom:1px solid var(--border-soft)}.weapon-map-list img{width:72px;height:40px;object-fit:cover;border:1px solid var(--border)}.weapon-map-list>a>span{min-width:0;display:flex;flex-direction:column}.weapon-map-list strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.weapon-map-list small{color:var(--muted);font-size:10px}.weapon-map-list b{color:var(--accent);font-size:13px}.weapon-killfeed{margin-bottom:0}
@media (max-width:900px){.weapon-hero{align-items:flex-start}.weapon-hero-image{width:132px;height:78px}.weapon-hero-image img{width:112px;height:54px}.weapon-hero-rank{min-width:90px}.weapon-condition-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.weapon-trend-panel .chart-frame{min-height:310px}}
@media (max-width:560px){.weapon-hero{align-items:flex-start;flex-direction:column;padding:15px}.weapon-hero-main{align-items:flex-start;gap:12px}.weapon-hero-image{width:94px;height:68px}.weapon-hero-image img{width:82px;height:46px}.weapon-hero-main h1{font-size:27px}.weapon-hero-rank{width:100%;align-items:flex-start;padding-top:11px;border-top:1px solid var(--border-soft)}.weapon-condition-grid{grid-template-columns:repeat(2,minmax(0,1fr));padding:0 8px 8px}.weapon-map-list>a{grid-template-columns:58px minmax(0,1fr) auto}.weapon-map-list img{width:58px;height:36px}.weapon-trend-panel .chart-frame{min-height:260px}}
.skin-catalog-search{position:relative;z-index:20;display:flex;align-items:center;gap:9px;margin-bottom:12px;padding:0 12px;border:1px solid var(--border);border-radius:6px;background:#0b1519}.skin-catalog-search:focus-within{border-color:var(--accent)}.skin-catalog-search>img{width:16px;height:16px;filter:invert(67%)}.skin-catalog-search>input{width:100%;height:44px;border:0;outline:0;background:transparent;color:var(--text);font-size:12px}.skin-search-results{position:absolute;z-index:60;top:calc(100% + 6px);right:0;left:0;display:grid;gap:5px;padding:6px;border:1px solid var(--border);border-radius:6px;background:var(--surface);box-shadow:0 16px 28px rgba(0,0,0,.34)}.skin-search-results[hidden]{display:none}.skin-search-results a{min-height:58px;display:grid;grid-template-columns:66px minmax(0,1fr) auto;align-items:center;gap:10px;padding:7px 9px;border:1px solid var(--border-soft);border-left:3px solid var(--rarity,var(--border));border-radius:4px;background:#0b1519}.skin-search-results a:hover,.skin-search-results a.is-selected{border-color:color-mix(in srgb,var(--rarity,var(--accent)) 60%,var(--border));background:color-mix(in srgb,var(--rarity,var(--accent)) 9%,#0b1519)}.skin-search-results img{width:66px;height:42px;object-fit:contain}.skin-search-copy{min-width:0;display:grid;gap:2px}.skin-search-copy strong,.skin-search-copy small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.skin-search-copy small{color:var(--muted);font-size:10px}.skin-search-paint{color:var(--muted);font-size:10px;font-weight:900}
.skin-page-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.skin-gate{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:6px 14px;margin-bottom:12px;padding:14px}.skin-gate strong,.skin-gate span{display:block}.skin-gate span{color:var(--muted);font-size:12px}.skin-gate .command-button{grid-row:1/3;grid-column:2}.skin-quick-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:10px;margin-bottom:12px}.skin-quick-card{min-height:72px;display:flex;justify-content:center;flex-direction:column;gap:3px;padding:13px 14px;border:1px solid var(--border);border-left:3px solid var(--accent);border-radius:6px;background:var(--surface)}.skin-quick-card:hover{background:var(--surface-2)}.skin-quick-card span{color:var(--accent);font-size:10px;font-weight:900;text-transform:uppercase}.skin-quick-card strong{overflow:hidden;font-size:14px;text-overflow:ellipsis;white-space:nowrap}.skin-directory-panel{margin-bottom:12px;overflow:hidden}.skin-count{min-width:34px;height:28px;display:grid;place-items:center;border:1px solid var(--border);border-radius:4px;background:#0b1519;color:var(--accent);font-size:12px}.skin-weapon-grid,.skin-paint-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(218px,1fr));gap:9px;padding:12px}.skin-paint-grid{grid-template-columns:repeat(auto-fill,minmax(226px,1fr))}.skin-weapon-card,.skin-paint-card{position:relative;min-width:0;min-height:82px;display:grid;grid-template-columns:74px minmax(0,1fr) auto;align-items:center;gap:10px;padding:9px;border:1px solid var(--border-soft);border-left:3px solid var(--rarity,var(--border));border-radius:5px;background:#0b1519}.skin-paint-card{grid-template-columns:96px minmax(0,1fr) auto;min-height:106px}.skin-weapon-card:hover,.skin-paint-card:hover,.skin-weapon-card.is-active,.skin-paint-card.is-active{border-color:color-mix(in srgb,var(--rarity,var(--accent)) 60%,var(--border));background:color-mix(in srgb,var(--rarity,var(--accent)) 9%,#0b1519)}.skin-weapon-media,.skin-paint-media{height:58px;display:grid;place-items:center;overflow:hidden;border:1px solid var(--border-soft);border-radius:4px;background:var(--surface)}.skin-paint-media{height:78px}.skin-weapon-media img,.skin-paint-media img{width:100%;height:100%;object-fit:contain}.skin-card-copy{min-width:0;display:grid;gap:2px}.skin-card-copy strong,.skin-card-copy small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.skin-card-copy strong{font-size:12px}.skin-card-copy small{color:var(--muted);font-size:10px}.skin-active-mark,.skin-team-flags b{display:grid;place-items:center;min-width:26px;height:24px;padding:0 7px;border:1px solid color-mix(in srgb,var(--accent) 45%,var(--border));border-radius:4px;background:#0d211c;color:var(--accent);font-size:10px;font-weight:900}.skin-team-flags{display:flex;gap:4px}.skin-popular-card{align-items:stretch}.skin-popular-card .skin-paint-media,.skin-popular-card .skin-card-copy{align-self:center}.skin-popular-usage{display:grid;justify-items:end;gap:1px}.skin-popular-usage strong{color:var(--accent);font-size:18px}.skin-popular-usage small,.skin-team-usage{color:var(--muted);font-size:10px;font-weight:850;text-transform:uppercase}.skin-popular-actions{grid-column:1/-1;display:flex;gap:8px;flex-wrap:wrap}.skin-popular-actions .subtle-button{flex:1;min-height:34px;justify-content:center}.skin-team-usage{display:grid;place-items:center;padding:0 4px}.skin-rarity-consumer{--rarity:#b8c4c7}.skin-rarity-industrial{--rarity:#66bfff}.skin-rarity-milspec{--rarity:#4e73ff}.skin-rarity-restricted{--rarity:#8b5cf6}.skin-rarity-classified{--rarity:#d946ef}.skin-rarity-covert{--rarity:#ef4444}.skin-rarity-gold,.skin-rarity-contraband{--rarity:#f6c453}.skin-rarity-text-consumer{color:#b8c4c7}.skin-rarity-text-industrial{color:#66bfff}.skin-rarity-text-milspec{color:#4e73ff}.skin-rarity-text-restricted{color:#a78bfa}.skin-rarity-text-classified{color:#f472b6}.skin-rarity-text-covert{color:#ff7180}.skin-rarity-text-gold,.skin-rarity-text-contraband{color:#f6c453}.skin-editor-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.skin-editor-grid--detail{grid-template-columns:minmax(280px,.85fr) minmax(0,1.15fr)}.skin-form-body{display:grid;gap:12px;padding:14px}.skin-form-grid,.skin-gloves-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.skin-field-stack{display:grid;align-content:start;gap:12px}.skin-field{min-width:0;display:grid;gap:5px}.skin-field span,.skin-extra-head small,.skin-agent-panel small,.skin-field-stack small{color:var(--muted);font-size:10px;font-weight:850}.skin-field input,.skin-field select,.skin-hub-create-row input,.skin-sticker-tools input,.skin-sticker-tools select{width:100%;height:38px;border:1px solid var(--border);border-radius:4px;background:#0b1519;padding:0 10px;outline:0}.skin-field input:focus,.skin-field select:focus,.skin-hub-create-row input:focus,.skin-sticker-tools input:focus,.skin-sticker-tools select:focus{border-color:var(--accent)}.skin-toggle{min-height:52px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px;border:1px solid var(--border-soft);border-radius:5px;background:#0b1519}.skin-toggle span{display:grid;gap:1px}.skin-toggle small{color:var(--muted);font-size:10px}.skin-toggle input{position:relative;flex:none;width:44px;height:24px;margin:0;appearance:none;border:1px solid var(--border);border-radius:999px;background:var(--surface);cursor:pointer;transition:background .16s,border-color .16s}.skin-toggle input::after{content:"";position:absolute;top:3px;left:3px;width:16px;height:16px;border-radius:50%;background:var(--muted);transition:transform .16s,background .16s}.skin-toggle input:checked{border-color:var(--accent);background:#0d211c}.skin-toggle input:checked::after{transform:translateX(20px);background:var(--accent)}.skin-toggle input:focus-visible{outline:2px solid color-mix(in srgb,var(--accent) 45%,transparent);outline-offset:2px}.skin-extra-block{display:grid;gap:9px;padding:10px;border:1px solid var(--border-soft);border-radius:5px;background:#0b1519}.skin-extra-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.skin-sticker-slots{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:7px}.skin-sticker-slots button{min-width:0;height:54px;border:1px solid var(--border);border-radius:4px;background:var(--surface);cursor:pointer}.skin-sticker-slots button:hover{border-color:var(--accent)}.skin-sticker-slots span{display:block;overflow:hidden;padding:0 5px;color:var(--muted);font-size:10px;text-overflow:ellipsis;white-space:nowrap}.skin-detail-preview{position:relative;display:grid;place-items:center;overflow:hidden;border-bottom:1px solid var(--border);background:linear-gradient(145deg,color-mix(in srgb,var(--rarity) 16%,#0b1519),#0b1519)}.skin-detail-preview img{width:86%;height:86%;object-fit:contain}.skin-detail-preview [data-stattrak-count]{position:absolute;right:12px;bottom:12px;padding:5px 8px;border:1px solid var(--orange);border-radius:4px;background:rgba(245,158,11,.12);color:#ffd28a;font-size:12px;font-weight:900}.skin-detail-meta{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--border-soft)}.skin-detail-meta span{min-width:0;padding:12px}.skin-detail-meta span+span{border-left:1px solid var(--border-soft)}.skin-detail-meta small,.skin-detail-meta strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.skin-detail-meta small{color:var(--muted);font-size:10px;font-weight:850}.skin-team-tabs{display:flex;gap:6px}.skin-team-tabs button{min-width:42px;height:30px;border:1px solid var(--border);border-radius:4px;background:#0b1519;color:var(--muted);cursor:pointer;font-weight:900}.skin-team-tabs button.is-active{border-color:var(--accent);background:#0d211c;color:var(--accent)}.skin-team-tabs button:disabled{cursor:not-allowed;opacity:.45}.skin-save-button{width:100%;justify-content:center}.skin-preview-box{min-height:220px;display:grid;place-items:center;align-content:center;gap:9px;border:1px solid var(--border-soft);border-radius:5px;background:#0b1519}.skin-preview-box img{max-width:92%;max-height:168px;object-fit:contain}.skin-preview-box span{color:var(--muted)}.skin-preview-box strong{max-width:100%;overflow:hidden;padding:0 12px;text-overflow:ellipsis;white-space:nowrap}.skin-message{position:fixed;z-index:240;right:18px;bottom:18px;max-width:min(360px,calc(100vw - 36px));padding:11px 13px;border:1px solid var(--border);border-left:3px solid var(--accent);border-radius:6px;background:var(--surface);box-shadow:0 18px 32px rgba(0,0,0,.34);font-weight:800}.skin-message.is-error{border-left-color:var(--red)}.skin-sticker-modal{position:fixed;z-index:230;inset:0;display:grid;place-items:center;padding:18px;background:rgba(0,0,0,.6)}.skin-sticker-dialog{width:min(820px,100%);max-height:min(760px,calc(100vh - 36px));display:grid;grid-template-rows:auto auto minmax(0,1fr) auto;border:1px solid var(--border);border-radius:6px;background:var(--surface)}.skin-sticker-head,.skin-sticker-foot{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px;border-bottom:1px solid var(--border-soft)}.skin-sticker-foot{border-top:1px solid var(--border-soft);border-bottom:0}.skin-sticker-head button{width:30px;height:30px;border:1px solid var(--border);border-radius:4px;background:#0b1519;cursor:pointer}.skin-sticker-tools{display:grid;grid-template-columns:1fr 130px;gap:8px;padding:12px;border-bottom:1px solid var(--border-soft)}.skin-sticker-list{min-height:280px;display:grid;grid-template-columns:repeat(auto-fill,minmax(118px,1fr));align-content:start;gap:8px;padding:12px;overflow:auto}.skin-sticker-item{min-width:0;min-height:132px;display:grid;grid-template-rows:82px auto;gap:8px;padding:8px;border:1px solid var(--border-soft);border-radius:5px;background:#0b1519;cursor:pointer;text-align:center}.skin-sticker-item.is-active{border-color:var(--accent);background:#0d211c}.skin-sticker-item img{width:82px;height:82px;justify-self:center;object-fit:contain}.skin-sticker-item span{overflow:hidden;color:var(--muted);font-size:10px;text-overflow:ellipsis;white-space:nowrap}.skin-hub-create{margin-bottom:12px}.skin-hub-create-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;padding:12px}.skin-hub-login{display:flex;grid-column:1/-1;align-items:center;justify-content:space-between;gap:12px}.skin-hub-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:12px}.skin-hub-card{overflow:visible}.skin-hub-card-head{display:grid;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:11px;padding:12px;border-bottom:1px solid var(--border-soft)}.skin-hub-avatar{width:42px;height:42px;border-radius:4px}.skin-hub-card-head>span{min-width:0;display:grid;gap:1px}.skin-hub-card-head strong,.skin-hub-card-head small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.skin-hub-card-head small{color:var(--muted);font-size:10px}.skin-hub-score{justify-items:end}.skin-hub-score b{color:var(--accent);font-size:22px;line-height:1}.skin-hub-preview{display:grid;gap:10px;padding:12px}.skin-hub-preview>div{display:grid;grid-template-columns:28px minmax(0,1fr);align-items:start;gap:8px}.skin-hub-preview>div>span{display:grid;place-items:center;width:28px;height:28px;border:1px solid var(--border);border-radius:4px;background:#0b1519;color:var(--accent);font-size:10px;font-weight:900}.skin-hub-preview>div>div{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:6px}.skin-hub-item{height:44px;display:grid;place-items:center;overflow:hidden;border:1px solid var(--border-soft);border-left:2px solid var(--rarity,var(--border));border-radius:4px;background:#0b1519}.skin-hub-item img{width:100%;height:100%;object-fit:contain}.skin-hub-empty{grid-column:1/-1;color:var(--muted);font-size:11px}.skin-hub-actions{display:flex;align-items:center;gap:8px;padding:12px;border-top:1px solid var(--border-soft)}.skin-vote-group{display:flex;gap:5px}.skin-vote-button{width:34px;height:34px;border:1px solid var(--border);border-radius:4px;background:#0b1519;color:var(--muted);cursor:pointer;font-size:14px;font-weight:900}.skin-vote-button:hover{border-color:var(--accent);color:var(--text)}.skin-vote-button--up.is-active{border-color:var(--accent);background:#0d211c;color:var(--accent)}.skin-vote-button--down.is-active{border-color:var(--red);background:rgba(239,68,68,.1);color:#ff7180}.skin-hub-actions [data-hub-delete]{margin-left:auto}
.skin-sticker-modal[hidden]{display:none}.skin-detail-preview img{width:84%;height:76%;max-width:84%;max-height:76%;object-fit:contain;object-position:center}.skin-sticker-slots button{height:68px;display:grid;grid-template-rows:34px 16px;align-content:center;justify-items:center;gap:4px;overflow:hidden;padding:5px}.skin-sticker-slots [data-sticker-label]{width:100%;max-width:100%;min-width:0;text-align:center}.skin-sticker-slots .skin-sticker-slot-media{width:34px;height:34px;display:grid;place-items:center;overflow:hidden;padding:0;border:1px solid var(--border-soft);border-radius:3px;background:#0b1519;color:var(--muted);font-size:12px;white-space:normal}.skin-sticker-slots .skin-sticker-slot-media img{width:100%;height:100%;object-fit:contain}
.skin-back-button{min-width:78px;justify-content:flex-start;border-color:color-mix(in srgb,var(--accent) 36%,var(--border));background:#0b1519;color:var(--text)}.skin-back-button::before{content:"<";display:grid;place-items:center;width:18px;height:18px;border:1px solid var(--border);border-radius:3px;color:var(--accent);font-size:12px;line-height:1}.skin-back-button:hover,.skin-back-button:focus-visible{background:#0d211c}.skin-detail-preview{box-sizing:border-box;padding:30px}.skin-detail-preview img{width:100%;height:100%;max-width:100%;max-height:100%;object-fit:contain;object-position:center center}.skin-hub-card{position:relative;display:grid;grid-template-columns:58px minmax(0,1fr);overflow:visible}.skin-hub-vote-rail{display:grid;grid-template-rows:auto minmax(0,1fr) auto;align-items:center;justify-items:center;gap:7px;padding:10px 8px;border-right:1px solid var(--border-soft);background:#0b1519}.skin-hub-card-main{min-width:0}.skin-hub-card-head{grid-template-columns:42px minmax(0,1fr);padding:12px 14px}.skin-hub-score{display:grid;justify-items:center;gap:1px;text-align:center}.skin-hub-score b{color:var(--accent);font-size:23px;line-height:1}.skin-hub-score small{color:var(--muted);font-size:9px;font-weight:850;white-space:nowrap}.skin-vote-button{width:38px;height:34px;display:grid;place-items:center;border:1px solid var(--border);border-radius:4px;background:var(--surface);color:var(--muted);cursor:pointer;font-size:13px;font-weight:900}.skin-vote-button:hover,.skin-vote-button:focus-visible{border-color:var(--accent);color:var(--text);outline:0}.skin-vote-button--up.is-active{border-color:var(--accent);background:#0d211c;color:var(--accent)}.skin-vote-button--down.is-active{border-color:var(--red);background:rgba(239,68,68,.1);color:#ff7180}.skin-hub-preview{padding:12px 14px}.skin-hub-item{position:relative;height:50px;overflow:visible;outline:0}.skin-hub-thumb{width:100%;height:100%;display:grid;place-items:center;overflow:hidden}.skin-hub-thumb img{width:100%;height:100%;object-fit:contain}.skin-hub-thumb b{color:var(--muted);font-size:13px}.skin-hub-tooltip{position:absolute;z-index:40;left:50%;bottom:calc(100% + 8px);width:220px;display:none;transform:translateX(-50%);padding:10px;border:1px solid color-mix(in srgb,var(--rarity,var(--accent)) 48%,var(--border));border-top:2px solid var(--rarity,var(--accent));border-radius:5px;background:#071014;box-shadow:0 18px 36px rgba(0,0,0,.42);text-align:left;pointer-events:none}.skin-hub-tooltip strong,.skin-hub-tooltip span,.skin-hub-tooltip em,.skin-hub-tooltip i{display:block}.skin-hub-tooltip strong{margin-bottom:5px;font-size:12px}.skin-hub-tooltip span{display:grid;grid-template-columns:72px minmax(0,1fr);gap:8px;padding:3px 0;border-top:1px solid var(--border-soft)}.skin-hub-tooltip small{color:var(--muted);font-size:9px;font-weight:850}.skin-hub-tooltip b{overflow:hidden;font-size:10px;text-overflow:ellipsis;white-space:nowrap}.skin-hub-tooltip em{margin-top:7px;color:var(--muted);font-size:9px;font-style:normal;font-weight:850}.skin-hub-tooltip i{display:flex;gap:5px;margin-top:4px}.skin-hub-tooltip i img{width:26px;height:26px;object-fit:contain;border:1px solid var(--border-soft);border-radius:3px;background:#0b1519}.skin-hub-item:hover,.skin-hub-item:focus-visible{z-index:45;border-color:var(--rarity,var(--accent))}.skin-hub-item:hover .skin-hub-tooltip,.skin-hub-item:focus-visible .skin-hub-tooltip{display:block}.skin-hub-actions{justify-content:space-between;padding:11px 14px}.skin-hub-actions [data-hub-delete]{margin-left:auto}
@media (max-width:900px){.skin-quick-grid,.skin-editor-grid,.skin-editor-grid--detail,.skin-gloves-grid{grid-template-columns:1fr}.skin-hub-grid{grid-template-columns:1fr}.skin-gate{grid-template-columns:1fr}.skin-gate .command-button{grid-row:auto;grid-column:auto;width:max-content}.skin-hub-create-row{grid-template-columns:1fr}.skin-hub-create-row .command-button{justify-content:center}.skin-hub-login{align-items:flex-start;flex-direction:column}.skin-sticker-slots{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:560px){.skin-page-actions{width:100%}.skin-page-actions>*{flex:1;justify-content:center}.skin-weapon-grid,.skin-paint-grid{grid-template-columns:1fr;padding:9px}.skin-weapon-card{grid-template-columns:64px minmax(0,1fr)}.skin-paint-card{grid-template-columns:82px minmax(0,1fr);min-height:96px}.skin-active-mark,.skin-team-flags,.skin-popular-usage{grid-column:2;justify-self:start}.skin-popular-usage{justify-items:start}.skin-paint-media{height:68px}.skin-hub-card-head{grid-template-columns:38px minmax(0,1fr)}.skin-hub-score{grid-column:1/-1;justify-items:start;display:flex;align-items:baseline;gap:8px}.skin-hub-preview>div{grid-template-columns:24px minmax(0,1fr)}.skin-hub-preview>div>span{width:24px;height:24px}.skin-hub-preview>div>div{grid-template-columns:repeat(4,minmax(0,1fr))}.skin-hub-actions{flex-wrap:wrap}.skin-hub-actions [data-hub-delete]{margin-left:0}.skin-sticker-tools{grid-template-columns:1fr}.skin-sticker-list{grid-template-columns:repeat(2,minmax(0,1fr))}.skin-form-grid{grid-template-columns:1fr}.skin-detail-meta{grid-template-columns:1fr}.skin-detail-meta span+span{border-left:0;border-top:1px solid var(--border-soft)}}
@media (max-width:560px){.skin-detail-preview{padding:20px}.skin-hub-card{grid-template-columns:1fr}.skin-hub-vote-rail{grid-template-columns:auto minmax(56px,auto) auto;grid-template-rows:1fr;justify-content:start;border-right:0;border-bottom:1px solid var(--border-soft);padding:8px 10px}.skin-hub-vote-rail .skin-hub-score{grid-column:auto;display:grid;justify-items:center;gap:1px}.skin-vote-button{width:34px;height:32px}.skin-hub-tooltip{left:0;right:auto;transform:none;width:min(230px,calc(100vw - 44px))}.confirm-dialog{grid-template-columns:1fr}.confirm-dialog-icon{display:none}.confirm-dialog-actions{grid-column:1;justify-content:stretch}.confirm-dialog-actions>*{flex:1}}
.map-strip { min-height: 280px; display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); grid-template-rows: repeat(2,minmax(120px,1fr)); gap: 4px; padding: 9px; }
.map-strip a { position: relative; min-height: 120px; overflow: hidden; display: flex; flex-direction: column; justify-content: flex-end; padding: 10px; border: 1px solid var(--border); }
.map-strip a::before, .map-hero::before, .match-hero::before { content: ''; position: absolute; z-index: 1; inset: 0; background: rgba(4,10,13,.62); }
.map-strip img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.map-strip a > span, .map-strip a > b { position: relative; z-index: 2; }.map-strip span { font-size: 13px; font-weight: 850; }.map-strip b { color: var(--accent); font-size: 11px; }
.world-map { position: relative; height: 300px; padding: 10px; overflow: hidden; }.world-map svg { width: 100%; height: 100%; cursor: grab; touch-action: none; }.world-map svg:active { cursor: grabbing; }.world-map path { fill: #1d3034; stroke: #0d171b; stroke-width: .5; vector-effect: non-scaling-stroke; outline: none; }.world-map path.has-data { fill: var(--accent); cursor: pointer; }.world-map path.has-data:hover,.world-map path.has-data:focus { stroke: var(--text); stroke-width: 1.5; }.map-reset { flex: 0 0 auto; }.map-reset img { width: 16px; height: 16px; }
.map-tooltip { position: absolute; z-index: 4; left: 12px; bottom: 12px; min-width: 210px; display: flex; align-items: center; gap: 9px; padding: 9px 10px; border: 1px solid var(--border); background: #071014; box-shadow: 0 7px 18px rgba(0,0,0,.35); pointer-events: none; }.map-tooltip[hidden] { display: none; }.map-tooltip img { width: 30px; height: 21px; object-fit: cover; }.map-tooltip span { display: flex; flex-direction: column; }.map-tooltip small { color: var(--muted); font-size: 11px; }
.country-list { display: flex; gap: 6px; flex-wrap: wrap; padding: 0 13px 13px; }.country-list span { display: flex; align-items: center; gap: 5px; padding: 3px 6px; border: 1px solid var(--border); color: var(--muted); font-size: 11px; }.country-list img { width: 17px; height: 12px; object-fit: cover; }.country-list b { color: var(--text); }
.heatmap { display: grid; grid-template-columns: 42px repeat(24,minmax(5px,1fr)); gap: 3px; padding: 15px; overflow: visible; }.heatmap-cell { position: relative; aspect-ratio: 1; background: #152329; outline: none; }.heatmap-cell[data-level="1"]{background:#10503e}.heatmap-cell[data-level="2"]{background:#0b7657}.heatmap-cell[data-level="3"]{background:#00a875}.heatmap-cell[data-level="4"]{background:var(--accent)}.heatmap-cell:hover,.heatmap-cell:focus{box-shadow:0 0 0 1px var(--text)}.heatmap-cell:hover::after,.heatmap-cell:focus::after{content:attr(data-tooltip);position:absolute;z-index:8;left:50%;bottom:calc(100% + 6px);width:max-content;max-width:220px;transform:translateX(-50%);padding:6px 8px;border:1px solid var(--border);background:#071014;color:var(--text);font-size:11px;white-space:normal;pointer-events:none}.heatmap-label { color: var(--muted-2); font-size: 9px; align-self:center; }
.records { display: grid; grid-template-columns: repeat(3,1fr); gap: 1px; background: var(--border-soft); border-top: 1px solid var(--border-soft); }.records div { min-width:0; display:flex;flex-direction:column;padding:12px;background:var(--surface);}.records span,.records small{color:var(--muted);font-size:11px}.records strong{font-size:18px}
.round-type-panel{margin-bottom:12px;overflow:hidden}
.round-type-total{display:flex;align-items:flex-end;flex-direction:column;padding-left:14px;border-left:1px solid var(--border-soft)}
.round-type-total strong{font-size:20px;line-height:1}
.round-type-total small{margin-top:4px;color:var(--muted-2);font-size:9px;font-weight:850}
.round-type-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;background:var(--border-soft);border-bottom:1px solid var(--border-soft)}
.round-type-summary span{min-width:0;display:flex;justify-content:center;flex-direction:column;min-height:74px;padding:12px 15px;background:var(--surface)}
.round-type-summary small{color:var(--muted-2);font-size:9px;font-weight:900;letter-spacing:.08em}
.round-type-summary strong{margin-top:3px;overflow:hidden;font-size:21px;line-height:1.1;text-overflow:ellipsis;white-space:nowrap}
.round-type-chart{display:grid;grid-template-columns:repeat(12,minmax(76px,1fr));align-items:end;gap:10px;padding:18px 18px 16px;overflow-x:auto}
.round-type-bar{min-width:76px;display:grid;grid-template-rows:42px 230px 50px 48px;align-items:end;gap:8px}
.round-type-value{display:flex;align-items:center;justify-content:center;flex-direction:column;min-width:0;text-align:center}
.round-type-value strong{font-size:15px;line-height:1;font-variant-numeric:tabular-nums}
.round-type-value small{margin-top:4px;color:var(--muted);font-size:10px}
.round-type-column{position:relative;width:100%;height:230px;display:flex;align-items:flex-end;justify-content:center;border-bottom:1px solid var(--border);background:linear-gradient(to top,rgba(38,54,61,.28) 1px,transparent 1px) 0 0/100% 25%}
.round-type-fill{width:min(42px,72%);height:0;display:block;border-radius:5px 5px 0 0;background:var(--accent)}.round-type-fill:not(.round-type-fill--0){min-height:4px}.round-type-fill--0{height:0}.round-type-fill--5{height:5%}.round-type-fill--10{height:10%}.round-type-fill--15{height:15%}.round-type-fill--20{height:20%}.round-type-fill--25{height:25%}.round-type-fill--30{height:30%}.round-type-fill--35{height:35%}.round-type-fill--40{height:40%}.round-type-fill--45{height:45%}.round-type-fill--50{height:50%}.round-type-fill--55{height:55%}.round-type-fill--60{height:60%}.round-type-fill--65{height:65%}.round-type-fill--70{height:70%}.round-type-fill--75{height:75%}.round-type-fill--80{height:80%}.round-type-fill--85{height:85%}.round-type-fill--90{height:90%}.round-type-fill--95{height:95%}.round-type-fill--100{height:100%}
.round-type-icon{width:100%;height:50px;display:grid;place-items:center;border:1px solid var(--border-soft);border-radius:4px;background:#0b1519}
.round-type-icon img{max-width:62px;max-height:34px;object-fit:contain;filter:brightness(0) invert(1);opacity:.85}
.round-type-icon--weapon img{filter:none;opacity:1}
.round-type-label{min-width:0;display:grid;grid-template-columns:20px minmax(0,1fr);grid-template-rows:auto auto;align-items:center;gap:2px 6px}
.round-type-label b{grid-row:1/3;width:20px;height:20px;display:grid;place-items:center;border:1px solid var(--border);color:var(--accent);font-size:9px}
.round-type-label strong,.round-type-label small{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.round-type-label strong{font-size:11px}
.round-type-label small{color:var(--muted);font-size:9px}
@media (max-width:1220px){.round-type-chart{grid-template-columns:repeat(12,minmax(86px,1fr));gap:9px}.round-type-bar{min-width:86px;grid-template-rows:40px 190px 48px 48px}.round-type-column{height:190px}}
@media (max-width:700px){.round-type-total{align-items:flex-start;width:100%;padding:8px 0 0;border-top:1px solid var(--border-soft);border-left:0}.round-type-summary{grid-template-columns:1fr}.round-type-summary span{min-height:62px}.round-type-chart{grid-template-columns:repeat(12,82px);padding:14px}.round-type-bar{min-width:82px;grid-template-rows:38px 170px 46px 48px}.round-type-column{height:170px}.round-type-fill{width:36px}}

.filterbar { display: grid; grid-template-columns: minmax(240px,1fr) auto auto auto; gap: 8px; margin-bottom: 12px; padding: 10px; background: var(--surface); border: 1px solid var(--border); border-radius: 6px; }
.filterbar label { height: 38px; display: flex; align-items: center; gap: 8px; padding: 0 10px; background: #0b1519; border: 1px solid var(--border); border-radius: 4px; }.filterbar label img{width:16px;filter:invert(70%)}.filterbar input{width:100%;border:0;outline:0;background:transparent}.filterbar .filter-input{height:38px;padding:0 10px;border:1px solid var(--border);border-radius:4px;background:#0b1519}.filterbar select,.filterbar button,.command-button{height:38px;padding:0 14px;border:1px solid var(--border);background:var(--surface-2);border-radius:4px;cursor:pointer;font-size:12px;font-weight:800}.filterbar button,.command-button{display:inline-flex;align-items:center;justify-content:center;gap:7px;background:var(--accent);border-color:var(--accent);color:#03231a;white-space:nowrap;line-height:1}.command-button{width:fit-content}.command-button img{width:15px;height:15px;flex:none;filter:brightness(.2)}.command-button > span[aria-hidden="true"]{display:inline-flex;align-items:center;justify-content:center;flex:none;line-height:1}
.vip-task-foot .command-button img { filter: invert(86%) sepia(42%) saturate(594%) hue-rotate(350deg) brightness(104%); }
.table-panel { overflow: hidden; }.five-player-table-panel{overflow:visible}.data-table { width:100%; }.table-head,.table-row{display:grid;align-items:center;gap:12px;min-height:52px;padding:8px 14px;border-bottom:1px solid var(--border-soft)}.table-head{min-height:38px;background:#0d171b;color:var(--muted);font-size:11px;font-weight:850;text-transform:uppercase}.table-row:hover{background:var(--surface-2)}
.player-table .table-head,.player-table .table-row{grid-template-columns:104px minmax(250px,1.5fr) minmax(170px,1fr) repeat(4,minmax(80px,.55fr))}.five-player-table .table-head,.five-player-table .table-row{grid-template-columns:minmax(250px,1.5fr) minmax(170px,1fr) repeat(4,minmax(80px,.55fr))}.weapon-table .table-head,.weapon-table .table-row{grid-template-columns:minmax(210px,1.3fr) repeat(5,minmax(80px,.7fr))}.weapon-table--insights .table-head,.weapon-table--insights .table-row{grid-template-columns:minmax(190px,1.25fr) repeat(6,minmax(72px,.65fr))}.session-table .table-head,.session-table .table-row{grid-template-columns:1.2fr repeat(3,1fr)}.name-history-table .table-head,.name-history-table .table-row{grid-template-columns:minmax(260px,1.4fr) repeat(2,minmax(160px,.8fr)) minmax(80px,.35fr)}.chatlogs-table .table-head,.chatlogs-table .table-row{grid-template-columns:minmax(220px,1fr) minmax(110px,.45fr) minmax(260px,1.8fr) minmax(166px,.7fr)}.recent-match-table .table-head,.recent-match-table .table-row{grid-template-columns:minmax(210px,1.15fr) repeat(6,minmax(74px,.7fr))}.scoreboard .table-head,.scoreboard .table-row{grid-template-columns:minmax(230px,1.5fr) minmax(105px,.75fr) minmax(72px,.5fr) repeat(4,minmax(48px,.36fr)) minmax(60px,.45fr) minmax(90px,.65fr)}.punishment-table .table-head,.punishment-table .table-row{grid-template-columns:minmax(230px,1.25fr) .5fr minmax(220px,1.45fr) minmax(110px,.65fr) minmax(110px,.65fr)}.name-history-name{min-width:0;display:flex;align-items:center;gap:8px}.name-history-name strong{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.name-history-name small{flex:none;padding:3px 7px;border:1px solid color-mix(in srgb,var(--accent) 38%,var(--border));border-radius:999px;background:#0d211c;color:var(--accent);font-size:9px;font-weight:850;text-transform:uppercase}.score-elo{display:flex;align-items:center;gap:8px}.neutral{color:var(--muted)}
.chatlogs-login{min-height:180px;display:grid;place-items:center;align-content:center;gap:8px;padding:24px;text-align:center}.chatlogs-login>span{max-width:560px;color:var(--muted)}.chatlogs-filter{grid-template-columns:minmax(240px,1fr) minmax(150px,.45fr) auto auto auto auto}.chatlog-row{border-left:3px solid transparent}.chatlog-row.is-flagged{border-left-color:var(--red);background:rgba(239,68,68,.06)}.chatlog-row.is-checked{border-left-color:var(--accent);background:rgba(0,231,162,.04)}.chatlog-message{min-width:0;overflow-wrap:anywhere;white-space:pre-wrap;line-height:1.35}.chatlog-actions{display:flex;align-items:center;justify-content:flex-end;gap:6px;flex-wrap:wrap}.chatlog-actions .icon-button{display:grid;place-items:center;flex:none}.chatlog-actions .icon-button:disabled{cursor:not-allowed;opacity:.42}.chatlog-tag{display:inline-flex;align-items:center;height:24px;padding:0 7px;border:1px solid var(--border);border-radius:4px;background:#0b1519;color:var(--muted);font-size:10px}.chatlog-tag--flagged{border-color:#71303b;color:#ff7180}.chatlog-tag--checked{border-color:#176147;color:var(--accent)}
.player-cell { min-width:0; display:flex;align-items:center;gap:10px}.player-cell>span{min-width:0;display:flex;flex-direction:column}.player-cell strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.player-cell small{color:var(--muted);font-size:11px;display:flex;align-items:center;gap:4px}.player-cell small>img{width:16px;height:12px}.win-loss{display:flex;align-items:center;gap:5px}.win-loss strong{color:#00e7a2}.win-loss b{color:#ff6678}.win-loss i{color:var(--muted);font-style:normal}.weapon-cell{display:flex;align-items:center;gap:12px}.weapon-cell>img{width:80px;height:30px;object-fit:contain}
.rkPremierRating{--rk-col-bg-1:#3c414a;--rk-col-bg-2:189,205,222;--rk-col-text:#e0f7ff;--rk-premier-w:75px;--rk-premier-int:18px;--rk-premier-sep:14px;--rk-premier-frac:13px;position:relative;display:inline-flex;align-items:center;justify-content:center;width:var(--rk-premier-w);min-width:var(--rk-premier-w);max-width:var(--rk-premier-w);padding:5px 10px 5px 15px;overflow:hidden;border-radius:1px;background-color:var(--rk-col-bg-1);background-image:linear-gradient(to right,rgba(var(--rk-col-bg-2),.15),var(--rk-col-bg-1));box-shadow:inset 0 0 0 1px #ffffff0f;color:var(--rk-col-text);font-weight:900;line-height:1;white-space:nowrap;transform:skew(-10deg);font-variant-numeric:tabular-nums}.rkPremierRating::before,.rkPremierRating::after{content:"";position:absolute;z-index:3;top:0;width:4px;height:100%;background:rgb(var(--rk-col-bg-2))}.rkPremierRating::before{left:0}.rkPremierRating::after{left:6px}.rkPremierRatingText{position:relative;z-index:2;display:inline-flex;align-items:baseline;justify-content:center;max-width:100%;overflow:hidden;padding:0 2px;transform:translateX(1px)}.rkPremierRatingInt{font-size:var(--rk-premier-int)}.rkPremierRatingSep{padding:0 1px;font-size:var(--rk-premier-sep);opacity:.92}.rkPremierRatingFrac{font-size:var(--rk-premier-frac);opacity:.92}.rkPremierRating--lg{--rk-premier-w:128px;--rk-premier-int:28px;--rk-premier-sep:22px;--rk-premier-frac:22px;padding:8px 14px 8px 18px}.rkPremierRating--unranked{--rk-col-bg-1:#242b2f;--rk-col-bg-2:104,118,124;--rk-col-text:#9ba7ab;font-size:10px}.rkPremierRating--yellow{--rk-col-bg-1:#5a4901;--rk-col-bg-2:226,191,0;--rk-col-text:#ffff00}.rkPremierRating--red{--rk-col-bg-1:#521515;--rk-col-bg-2:233,86,86;--rk-col-text:#fe5e5e}.rkPremierRating--pink{--rk-col-bg-1:#540e58;--rk-col-bg-2:221,57,234;--rk-col-text:#d22ce6}.rkPremierRating--purple{--rk-col-bg-1:#421e58;--rk-col-bg-2:185,101,241;--rk-col-text:#f584ff}.rkPremierRating--blue{--rk-col-bg-1:#242959;--rk-col-bg-2:106,128,242;--rk-col-text:#89a1ff}.rkPremierRating--lightblue{--rk-col-bg-1:#2e4358;--rk-col-bg-2:140,196,241;--rk-col-text:#b2faff}.rkPremierRating--white{--rk-col-bg-1:#3c414a;--rk-col-bg-2:189,205,222;--rk-col-text:#e0f7ff}.rkPremierRatingFx{position:absolute;z-index:1;inset:0;overflow:hidden;pointer-events:none}.rkPremierRatingFx span{position:absolute;bottom:-20px;display:block;color:rgba(var(--rk-col-bg-2),.92);font-size:10px;font-style:italic;font-weight:900;line-height:1;animation:rkPremierPlusFloat linear infinite;opacity:0}.rkPremierRatingFx span:nth-child(1){left:10px;animation-duration:1.35s;animation-delay:-.15s}.rkPremierRatingFx span:nth-child(2){left:17px;animation-duration:1.7s;animation-delay:-.95s}.rkPremierRatingFx span:nth-child(3){left:24px;animation-duration:1.5s;animation-delay:-.5s}.rkPremierRatingFx span:nth-child(4){left:31px;animation-duration:1.95s;animation-delay:-1.2s}.rkPremierRatingFx span:nth-child(5){left:38px;animation-duration:1.25s;animation-delay:-.75s}.rkPremierRatingFx span:nth-child(6){left:45px;animation-duration:1.55s;animation-delay:-.35s}.rkPremierRatingFx span:nth-child(7){left:52px;animation-duration:1.85s;animation-delay:-1.05s}.rkPremierRatingFx span:nth-child(8){left:59px;animation-duration:1.45s;animation-delay:-.65s}.rkPremierRatingFx span:nth-child(9){left:66px;animation-duration:1.7s;animation-delay:-1.35s}.rkPremierRatingFx--down{z-index:3}.rkPremierRatingFx--down span{top:-20px;bottom:auto;width:2px;height:8px;border-radius:999px;background:rgba(var(--rk-col-bg-2),.9);font-size:0;animation-name:rkPremierMinusFall}.rkPremierRating--lg .rkPremierRatingFx span:nth-child(1){left:18px}.rkPremierRating--lg .rkPremierRatingFx span:nth-child(2){left:30px}.rkPremierRating--lg .rkPremierRatingFx span:nth-child(3){left:42px}.rkPremierRating--lg .rkPremierRatingFx span:nth-child(4){left:54px}.rkPremierRating--lg .rkPremierRatingFx span:nth-child(5){left:66px}.rkPremierRating--lg .rkPremierRatingFx span:nth-child(6){left:78px}.rkPremierRating--lg .rkPremierRatingFx span:nth-child(7){left:90px}.rkPremierRating--lg .rkPremierRatingFx span:nth-child(8){left:102px}.rkPremierRating--lg .rkPremierRatingFx span:nth-child(9){left:114px}@keyframes rkPremierPlusFloat{0%{transform:translateY(0) translateX(0) scale(.68);opacity:0}14%{opacity:.98}100%{transform:translateY(-52px) translateX(-8px);opacity:0}}@keyframes rkPremierMinusFall{0%{transform:translateY(0) scaleY(.7);opacity:0}14%{opacity:.98}100%{transform:translateY(52px);opacity:0}}
.rk5Rate{--size:56px;--stroke:2.4;--text-size:9px;--fill-solid:#9fa6b2;--badge-bg:#071014;position:relative;display:inline-grid;place-items:center;width:var(--size);height:var(--size);flex:0 0 var(--size);overflow:visible;border-radius:999px;background:var(--badge-bg);color:#fff;vertical-align:middle;outline:none}.rk5Rate:focus-visible{box-shadow:0 0 0 2px #38bdf8}.rk5Rate svg{position:relative;z-index:1;display:block;width:100%;height:100%;overflow:visible;shape-rendering:geometricPrecision}.rk5Rate .background{fill:var(--badge-bg)}.rk5Rate .barBg{fill:none;stroke:#707070;stroke-width:var(--stroke)}.rk5Rate .progress{fill:none;stroke:var(--fill-solid);stroke-width:var(--stroke)}.rk5Rate text{fill:var(--fill-solid);font-size:var(--text-size);font-weight:900;text-anchor:middle;dominant-baseline:middle;user-select:none}.rk5-tooltip{position:absolute;z-index:40;left:50%;bottom:calc(100% + 8px);display:none;min-width:126px;padding:7px 9px;transform:translateX(-50%);border:1px solid var(--border);border-radius:4px;background:#071014;color:var(--text);text-align:left;white-space:nowrap;pointer-events:none}.rk5-tooltip strong,.rk5-tooltip span{display:block;font-size:11px;line-height:1.35}.rk5-tooltip span{color:var(--muted);font-weight:500}.rk5Rate:hover>.rk5-tooltip,.rk5Rate:focus>.rk5-tooltip,.rk5Rate.is-open>.rk5-tooltip{display:block}.rk5Rate--sm{--size:34px;--text-size:9px}.rk5Rate--md{--size:56px;--text-size:9px}.rk5Rate--lg{--size:88px;--text-size:9.5px}.rk5Rate--digits-3{--text-size:7px}.rk5Rate--digits-4{--text-size:5px}.rk5Rate--digits-5{--text-size:4px}.rk5Rate--digits-6{--text-size:3px}.rk5Rate.tier-0{--fill-solid:#707982}.rk5Rate.tier-1{--fill-solid:#9fa6b2}.rk5Rate.tier-2{--fill-solid:#8ea8c1}.rk5Rate.tier-3{--fill-solid:#7aa9d6}.rk5Rate.tier-4{--fill-solid:#5f9df0}.rk5Rate.tier-5{--fill-solid:#6f82f3}.rk5Rate.tier-6{--fill-solid:#8a73f0}.rk5Rate.tier-7{--fill-solid:#a06be8}.rk5Rate.tier-8{--fill-solid:#bb67dd}.rk5Rate.tier-9{--fill-solid:#d067cf}.rk5Rate.tier-10{--fill-solid:#e06dbd}.rk5Rate.tier-11{--fill-solid:#ea739f}.rk5Rate.tier-12{--fill-solid:#ef737f}.rk5Rate.tier-13{--fill-solid:#f06f67}.rk5Rate.tier-14{--fill-solid:#e97a58}.rk5Rate.tier-15{--fill-solid:#dd8751}.rk5Rate.tier-16{--fill-solid:#cf9448}.rk5Rate.tier-17{--fill-solid:#c7a046}.rk5Rate.tier-18{--fill-solid:#d3af3f}.rk5Rate.tier-19{--fill-solid:#dfbd38}.rk5Rate.tier-20{--fill-solid:#f0c933}.rk5Rate.tier-21{--fill-solid:#ffd84a}
.pagination{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:4px;margin-top:15px}.page-link{min-width:36px;height:34px;display:grid;place-items:center;padding:0 9px;border:1px solid var(--border);background:var(--surface);font-size:11px}.page-link--edge{min-width:58px}.page-link.is-active{background:var(--accent);border-color:var(--accent);color:#052019}.page-link.is-disabled{opacity:.42;cursor:not-allowed}.page-ellipsis{padding:0 4px;color:var(--muted)}

.map-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.map-grid--profile{grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}.map-card{min-width:0;overflow:hidden;border:1px solid var(--border);border-radius:6px;background:var(--surface);transition:border-color .18s,transform .18s}.map-card-media{position:relative;height:142px;display:flex;align-items:flex-end;overflow:hidden;padding:13px}.map-card-media::after{content:'';position:absolute;inset:20% 0 0;background:linear-gradient(to bottom,transparent,rgba(5,11,14,.92))}.map-card-media>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .24s,filter .24s}.map-card-media>span{position:relative;z-index:1;width:100%;display:flex;align-items:flex-end;justify-content:space-between;gap:8px}.map-card-media strong{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:18px}.map-card-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid var(--border-soft);border-bottom:1px solid var(--border-soft)}.map-card-metrics>span{min-width:0;padding:9px 8px;border-right:1px solid var(--border-soft)}.map-card-metrics>span:last-child{border-right:0}.map-card-metrics small,.map-card-trend small,.map-card-profile-summary small{display:block;color:var(--muted);font-size:9px;font-weight:800}.map-card-metrics b{display:block;margin-top:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px}.map-card-trend{height:66px;display:grid;grid-template-columns:auto minmax(90px,1fr);align-items:center;gap:10px;padding:7px 10px}.map-card-trend>span:first-child{display:flex;flex-direction:column}.map-card-trend b{font-size:11px}.map-card-spark{position:relative;min-width:0;height:50px}.map-card-spark canvas,.map-hero-spark canvas{position:absolute;inset:0;width:100%!important;height:100%!important}.map-card-profile-summary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;background:var(--border-soft)}.map-card-profile-summary>span{min-width:0;padding:10px;background:#0b1519}.map-card-profile-summary b{display:block;margin-top:2px;font-size:12px}.map-card:hover,.map-card:focus-visible{border-color:var(--accent);transform:translateY(-2px)}.map-card:hover .map-card-media>img,.map-card:focus-visible .map-card-media>img{transform:scale(1.035);filter:contrast(1.08)}
.map-hero,.match-hero{position:relative;min-height:230px;margin-bottom:12px;display:flex;align-items:flex-end;padding:24px;overflow:hidden;border:1px solid var(--border);border-radius:6px}.hero-media{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.map-hero>div,.match-hero>div{position:relative;z-index:2}.map-hero{padding-bottom:72px}.map-hero>div{width:min(540px,100%)}.map-hero-spark{position:absolute;z-index:2;right:0;bottom:0;left:0;height:60px}.session-map-cell{display:flex;align-items:center;gap:10px;min-width:0}.session-map-cell img{width:64px;height:36px;object-fit:cover;border-radius:3px}.session-map-cell strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.mvp-value{display:inline-flex;align-items:center;gap:5px;color:var(--text);font-variant-numeric:tabular-nums}.mvp-value>strong{font-size:inherit}.mvp-star{width:16px;height:16px;flex:0 0 auto;background:#ffc933;mask:url("/assets/icons/star.svg") center/contain no-repeat;-webkit-mask:url("/assets/icons/star.svg") center/contain no-repeat}.metric>.mvp-value{font-size:27px;font-weight:900}.metric>.mvp-value .mvp-star{width:22px;height:22px}.five-profile-stats{margin-bottom:12px}.five-profile-showcase{display:grid;grid-template-columns:minmax(260px,.82fr) minmax(0,1.55fr);gap:12px;margin-bottom:12px}.five-profile-score{position:relative;min-width:0;min-height:238px;display:grid;align-content:space-between;gap:18px;padding:16px;overflow:hidden;border:1px solid color-mix(in srgb,#f0c933 30%,var(--border));border-radius:6px;background:linear-gradient(135deg,#10170f,#071014 58%,#0b1519)}.five-profile-score::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(240,201,51,.08),transparent 42%),repeating-linear-gradient(100deg,transparent 0 17px,rgba(240,201,51,.055) 18px,transparent 19px);opacity:.82;pointer-events:none}.five-profile-score>*{position:relative;z-index:1}.five-profile-kicker,.five-profile-lane>span{color:var(--accent);font-size:9px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.five-profile-score-main{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px}.five-profile-score-main>span{min-width:0;display:flex;flex-direction:column}.five-profile-score-main strong{overflow:hidden;color:#f0c933;font-size:42px;line-height:1;text-overflow:ellipsis;white-space:nowrap;font-variant-numeric:tabular-nums}.five-profile-score-main small{margin-top:4px;color:var(--muted);font-size:10px;text-transform:uppercase}.five-profile-record{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border:1px solid rgba(240,201,51,.22);background:rgba(7,16,20,.58)}.five-profile-record span{min-width:0;padding:9px 10px;border-right:1px solid rgba(240,201,51,.18)}.five-profile-record span:last-child{border-right:0}.five-profile-record b,.five-profile-record small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.five-profile-record b{color:var(--text);font-size:16px;font-variant-numeric:tabular-nums}.five-profile-record small{margin-top:2px;color:var(--muted-2);font-size:8px;font-weight:850;text-transform:uppercase}.five-profile-lanes{min-width:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.five-profile-lane{--lane-color:var(--accent);min-width:0;display:grid;grid-template-rows:auto auto 1fr;gap:9px;padding:13px;border:1px solid var(--border);border-top:3px solid var(--lane-color);border-radius:6px;background:var(--surface)}.five-profile-lane--results{--lane-color:#f0c933}.five-profile-lane--combat{--lane-color:#58b4ff}.five-profile-lane--impact{--lane-color:#ffb454}.five-profile-lane--utility{--lane-color:#00e7a2}.five-profile-lane strong{overflow:hidden;color:var(--text);font-size:24px;line-height:1.05;text-overflow:ellipsis;white-space:nowrap;font-variant-numeric:tabular-nums}.five-profile-lane dl{display:grid;align-content:start;gap:7px;margin:0}.five-profile-lane dl>div{min-width:0;display:flex;align-items:center;justify-content:space-between;gap:10px;padding-top:7px;border-top:1px solid var(--border-soft)}.five-profile-lane dt,.five-profile-lane dd{min-width:0;margin:0}.five-profile-lane dt{overflow:hidden;color:var(--muted);font-size:10px;text-overflow:ellipsis;white-space:nowrap}.five-profile-lane dd{display:flex;justify-content:flex-end;color:var(--text);font-size:12px;font-weight:850;text-align:right;font-variant-numeric:tabular-nums}.five-profile-lane dd .mvp-value{justify-content:flex-end;font-size:13px}.five-profile-lane dd .mvp-star{width:14px;height:14px}.profile-stat-group{padding:0 16px 14px}.profile-stat-group+ .profile-stat-group{border-top:1px solid var(--border-soft)}.profile-stat-group h3{margin:13px 0 3px;color:#9cb1b9;font-size:11px;text-transform:uppercase}.profile-stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:0 18px}.profile-stat{min-height:58px;display:flex;justify-content:center;flex-direction:column;border-top:1px solid var(--border-soft)}.profile-stat small{color:var(--muted);font-size:11px}.profile-stat strong,.profile-stat>.mvp-value{margin-top:2px;font-size:18px}.player-relations{margin-bottom:12px}.relation-list{padding:4px 13px 12px}.relation-list>a{min-height:58px;display:grid;grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:10px;border-bottom:1px solid var(--border-soft)}.relation-list>a:hover{background:var(--surface-2)}.relation-list>a>span:not(.avatar){display:flex;min-width:0;flex-direction:column}.relation-list .player-name-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.relation-list small{color:var(--muted);font-size:11px}.relation-list>a>b{display:flex;gap:8px;font-size:12px;font-style:normal}.relation-list>a>b i{font-style:normal}.match-performance-row{border-left:3px solid transparent}.match-performance-row--winner{border-left-color:#00e7a2}.match-performance-row--loser{border-left-color:#ff6678}.match-performance-row--draw{border-left-color:#38bdf8}@media(max-width:1050px){.five-profile-showcase{grid-template-columns:1fr}.five-profile-score{min-height:200px}}@media(max-width:680px){.five-profile-lanes{grid-template-columns:1fr}.five-profile-score-main{grid-template-columns:1fr}.five-profile-record{grid-template-columns:repeat(2,minmax(0,1fr))}.five-profile-record span:nth-child(2n){border-right:0}.five-profile-record span:nth-child(n+3){border-top:1px solid rgba(240,201,51,.18)}}
.profile-hero{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 330px;align-items:stretch;border:1px solid var(--border);border-radius:6px 6px 0 0;background:var(--surface)}
.profile-header{position:relative;isolation:isolate;display:grid;gap:13px;min-height:134px;padding:18px;background:var(--surface);border:1px solid var(--border);border-radius:6px 6px 0 0}
.profile-header> :not(.profile-header-banner){position:relative;z-index:2}
.profile-header-banner{position:absolute;z-index:0;inset:0;width:100%;height:100%;border-radius:5px 5px 0 0;object-fit:cover}
.profile-header--banner::before{content:"";position:absolute;z-index:1;inset:0;border-radius:5px 5px 0 0;background:rgba(7,16,20,.72)}
.profile-hero>.profile-header{min-width:0;min-height:178px;border:0;border-radius:5px 0 0}
.profile-hero .profile-header-banner,.profile-hero .profile-header--banner::before{border-radius:5px 0 0}
.profile-header-top{display:flex;align-items:center;justify-content:space-between;gap:20px;min-width:0}
.profile-header+.metric-grid{margin-top:12px}
.profile-main{display:flex;align-items:center;gap:16px;min-width:0}
.profile-main>div{min-width:0}
.profile-main h1{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.profile-main h1 .player-name{font-size:inherit;font-weight:inherit}
.profile-main p{display:flex;align-items:center;flex-wrap:wrap;gap:7px}
.profile-main p img{width:18px;height:13px}
.profile-edit-link,.profile-compare-link{width:fit-content;margin-top:7px;color:var(--accent);font-size:11px;font-weight:850}
.profile-edit-link:hover,.profile-compare-link:hover{text-decoration:underline}
.profile-edit-link+.profile-compare-link{margin-left:12px}
.player-online{color:var(--accent);font-weight:850}
.profile-milestone-section{position:relative;min-width:0;padding-top:10px;border-top:1px solid var(--border-soft)}
.profile-milestone-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:6px}
.profile-milestone-label{color:var(--muted);font-size:9px;font-weight:900;letter-spacing:.08em}
.profile-milestone-count{color:var(--muted-2);font-size:8px;font-weight:850;letter-spacing:.06em;white-space:nowrap}
.profile-milestones{position:relative;display:flex;align-items:center;gap:7px;min-width:0;padding:1px 15px 4px 1px;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;-ms-overflow-style:none;overscroll-behavior-x:contain;scroll-snap-type:x proximity;cursor:grab;outline:none}
.profile-milestones::-webkit-scrollbar{display:none}
.profile-milestones:focus-visible{box-shadow:inset 0 -1px var(--accent)}
.profile-milestones.is-dragging{cursor:grabbing;scroll-snap-type:none;user-select:none}
.profile-milestone{--profile-milestone:#b9c4cf;--profile-category:var(--muted);position:relative;width:106px;height:46px;display:grid;grid-template-columns:30px minmax(0,1fr);align-items:center;gap:8px;flex:none;padding:6px 9px 6px 7px;overflow:hidden;border:1px solid color-mix(in srgb,var(--profile-milestone) 48%,var(--border));border-left:3px solid var(--profile-milestone);border-radius:3px;background:linear-gradient(110deg,color-mix(in srgb,var(--profile-milestone) 14%,rgba(9,20,25,.96)),rgba(9,20,25,.9) 72%);clip-path:polygon(7px 0,100% 0,100% calc(100% - 7px),calc(100% - 7px) 100%,0 100%,0 7px);scroll-snap-align:start;outline:none;transition:border-color .14s ease,background .14s ease,transform .14s ease}
.profile-milestone::before{content:"";position:absolute;top:0;right:10px;left:27px;height:1px;background:var(--profile-milestone);opacity:.7}
.profile-milestone::after{content:"";position:absolute;right:8px;bottom:6px;width:14px;height:2px;background:var(--profile-milestone);opacity:.45}
.profile-milestone:hover,.profile-milestone:focus-visible{z-index:2;border-color:var(--profile-milestone);background:linear-gradient(110deg,color-mix(in srgb,var(--profile-milestone) 20%,rgba(9,20,25,.98)),rgba(9,20,25,.94) 74%);transform:translateY(-1px)}
.profile-milestone-emblem{width:30px;height:30px;display:grid;place-items:center;border:1px solid color-mix(in srgb,var(--profile-milestone) 42%,var(--border));background:color-mix(in srgb,var(--profile-milestone) 11%,#0a171c);clip-path:polygon(5px 0,100% 0,100% calc(100% - 5px),calc(100% - 5px) 100%,0 100%,0 5px)}
.profile-milestone-emblem img{width:16px;height:16px;object-fit:contain;filter:brightness(0) invert(1);opacity:.92}.profile-milestone-emblem .milestone-icon--feed{width:23px;height:18px;filter:brightness(0) invert(1);opacity:.94}
.profile-milestone-copy{min-width:0;display:grid;align-content:center;gap:2px}
.profile-milestone-copy small,.profile-milestone-copy b{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.profile-milestone-copy small{color:var(--profile-category);font-size:7px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}
.profile-milestone-copy b{color:var(--profile-milestone);font-size:13px;font-weight:900;line-height:1;font-variant-numeric:tabular-nums}
.profile-milestone-tooltip{display:none}
.profile-milestone-floating-tooltip{--profile-milestone:#b9c4cf;position:fixed;z-index:220;min-width:150px;max-width:230px;padding:8px 10px;border:1px solid color-mix(in srgb,var(--profile-milestone) 58%,var(--border));border-top:2px solid var(--profile-milestone);border-radius:4px;background:#071014;color:var(--text);text-align:left;white-space:normal;pointer-events:none}
.profile-milestone-floating-tooltip[hidden]{display:none}
.profile-milestone-floating-tooltip strong,.profile-milestone-floating-tooltip span,.profile-milestone-floating-tooltip small{display:block;line-height:1.35}
.profile-milestone-floating-tooltip strong{font-size:11px}
.profile-milestone-floating-tooltip span{color:var(--profile-milestone);font-size:11px;font-weight:800}
.profile-milestone-floating-tooltip small{margin-top:2px;color:var(--muted);font-size:10px}
.profile-milestone--silver{--profile-milestone:#b9c4cf}
.profile-milestone--blue{--profile-milestone:#58b4ff}
.profile-milestone--purple{--profile-milestone:#a78bfa}
.profile-milestone--pink{--profile-milestone:#f472b6}
.profile-milestone--red{--profile-milestone:#ff6678}
.profile-milestone--gold{--profile-milestone:#f6c453}
.profile-milestone--kills{--profile-category:#ff7a87}
.profile-milestone--headshots{--profile-category:#f6c453}
.profile-milestone--dmg_health{--profile-category:#58b4ff}
.profile-milestone--noscopes{--profile-category:#a78bfa}
.profile-milestone--knife_kills{--profile-category:#f472b6}
.profile-milestone--inair{--profile-category:#00e7a2}
.profile-milestone--assists{--profile-category:#65d6ad}
.profile-milestone--wallbangs{--profile-category:#f59e5b}
.profile-milestone--smokes{--profile-category:#8fb7c7}
.profile-milestone--blinds{--profile-category:#e7d36f}
.profile-milestone--playtime{--profile-category:#7fc36a}
.profile-milestone--dmg_armor{--profile-category:#8fb7c7}
.profile-milestone--assisted_flash{--profile-category:#65d6ad}
.profile-milestone--sessions{--profile-category:#7fc36a}
.player-rank-badge{--player-rank:#b9c4cf;--player-rank-plate:#071014;--player-rank-foil-a:rgba(246,188,70,.3);--player-rank-foil-b:rgba(178,118,38,.16);position:relative;width:112px;height:34px;display:grid;grid-template-columns:28px minmax(0,1fr);align-items:center;gap:6px;overflow:hidden;border:1px solid color-mix(in srgb,var(--player-rank) 42%,var(--border));border-left:3px solid color-mix(in srgb,var(--player-rank) 74%,var(--border));border-radius:3px;background:linear-gradient(112deg,color-mix(in srgb,var(--player-rank) 13%,#101d22),var(--player-rank-plate) 52%,#091419);clip-path:polygon(7px 0,100% 0,100% calc(100% - 7px),calc(100% - 7px) 100%,0 100%,0 7px);outline:none;font-variant-numeric:tabular-nums}
.player-rank-badge::before{content:"";position:absolute;left:0;top:0;bottom:0;width:34px;background:linear-gradient(135deg,color-mix(in srgb,var(--player-rank) 30%,#172126),color-mix(in srgb,var(--player-rank) 9%,#071014));clip-path:polygon(0 0,100% 0,78% 100%,0 100%);opacity:.9;pointer-events:none}.player-rank-badge::after{content:"";position:absolute;inset:0;background:linear-gradient(115deg,transparent 0 28%,var(--player-rank-foil-b) 40%,var(--player-rank-foil-a) 49%,transparent 62%);background-size:240% 100%;opacity:0;pointer-events:none}
.player-rank-badge--foil::after{opacity:.3;animation:player-rank-foil 8.5s ease-in-out infinite}
.player-rank-emblem{position:relative;z-index:1;width:22px;height:22px;display:grid;place-items:center;margin-left:3px}.player-rank-emblem::before{content:"";width:13px;height:13px;background:var(--player-rank);-webkit-mask:url("/assets/icons/trophy.svg") center/contain no-repeat;mask:url("/assets/icons/trophy.svg") center/contain no-repeat}.player-rank-copy{position:relative;z-index:1;min-width:0;display:grid;align-content:center;padding-right:7px}.player-rank-copy b{min-width:0;overflow:hidden;color:var(--player-rank);font-size:16px;font-weight:950;line-height:1;text-overflow:ellipsis;white-space:nowrap}.player-rank-empty{color:var(--muted-2);font-weight:850}.player-rank-cell{display:flex;align-items:center}.player-rank-badge--sm{width:86px;height:28px;grid-template-columns:24px minmax(0,1fr);gap:5px;border-left-width:2px}.player-rank-badge--sm::before{width:29px}.player-rank-badge--sm .player-rank-emblem{width:18px;height:18px;margin-left:3px}.player-rank-badge--sm .player-rank-emblem::before{width:11px;height:11px}.player-rank-badge--sm .player-rank-copy{padding-right:6px}.player-rank-badge--sm .player-rank-copy b{font-size:12px}.player-rank-badge--lg{width:124px;height:40px;grid-template-columns:32px minmax(0,1fr);gap:7px}.player-rank-badge--lg::before{width:39px}.player-rank-badge--lg .player-rank-emblem{width:25px;height:25px;margin-left:4px}.player-rank-badge--lg .player-rank-emblem::before{width:15px;height:15px}.player-rank-badge--lg .player-rank-copy b{font-size:19px}.player-rank-badge--silver{--player-rank:#b9c4cf}.player-rank-badge--blue{--player-rank:#58b4ff}.player-rank-badge--purple{--player-rank:#a78bfa}.player-rank-badge--pink{--player-rank:#f472b6}.player-rank-badge--red{--player-rank:#ff6678}.player-rank-badge--gold{--player-rank:#f6c453}.player-rank-badge--foil-top1{--player-rank:#f6c453;--player-rank-foil-a:rgba(244,174,50,.48);--player-rank-foil-b:rgba(196,126,32,.34)}.player-rank-badge--foil-top2{--player-rank:#f6c453;--player-rank-foil-a:rgba(226,157,48,.39);--player-rank-foil-b:rgba(161,100,31,.27)}.player-rank-badge--foil-top3{--player-rank:#f6c453;--player-rank-foil-a:rgba(205,132,39,.32);--player-rank-foil-b:rgba(139,82,26,.22)}.player-rank-badge--foil-top1::after{opacity:.36}.player-rank-badge--foil-top2::after{opacity:.3}.player-rank-badge--foil-top3::after{opacity:.25}@keyframes player-rank-foil{0%,100%{background-position:0 0}50%{background-position:92% 0}}
.compare-rank-meta .player-rank-badge--sm{margin-top:5px}
.profile-ranks{display:flex;align-items:center;gap:14px}
.rank-cluster{display:flex;align-items:flex-start;flex-direction:column;gap:5px}
.rank-cluster>small{color:var(--muted);font-size:10px;font-weight:800}
.profile-ranks .rkPremierRating--lg{--rk-premier-w:112px;--rk-premier-int:24px;--rk-premier-sep:19px;--rk-premier-frac:19px;padding:7px 12px 7px 17px}
.profile-ranks .rk5Rate--lg{--size:48px;--stroke:2.3;--text-size:9px}
.profile-tabs{height:43px;display:flex;align-items:flex-end;gap:24px;margin:0 0 20px;padding:0 17px;background:#0d171b;border:1px solid var(--border);border-top:0;border-radius:0 0 6px 6px;overflow:auto}
.profile-tabs a{height:42px;display:grid;place-items:center;border-bottom:2px solid transparent;color:var(--muted);font-weight:750;white-space:nowrap}
.profile-tabs a.is-active,.profile-tabs a:hover{color:var(--text);border-bottom-color:var(--accent)}
.profile-period-bar{display:flex;align-items:center;justify-content:flex-end;gap:12px;min-width:0;margin:-8px 0 20px}
.profile-period-bar>span{color:var(--muted);font-size:9px;font-weight:900;letter-spacing:.08em;white-space:nowrap}
.profile-tab-panels{min-width:0;overflow-x:clip}
.profile-tab-panel{min-width:0}
.profile-tab-panel.is-entering{animation:profile-tab-slide-in .3s cubic-bezier(.22,1,.36,1)}
@keyframes profile-tab-slide-in{from{opacity:0;transform:translateX(34px)}to{opacity:1;transform:translateX(0)}}
@media(prefers-reduced-motion:reduce){.profile-tab-panel.is-entering{animation:none}}
.rep-sidebar{--rep-color:#87969c;min-width:0;min-height:178px;display:grid;grid-template-rows:auto minmax(0,1fr) auto;gap:9px;padding:13px;background:#0d181d;border-left:1px solid var(--border);border-radius:0 5px 0 0;overflow:hidden}
.rep-sidebar[data-rep-tone="excellent"]{--rep-color:#58c989}
.rep-sidebar[data-rep-tone="positive"]{--rep-color:#7fc36a}
.rep-sidebar[data-rep-tone="mixed"]{--rep-color:#d1aa55}
.rep-sidebar[data-rep-tone="poor"]{--rep-color:#df805f}
.rep-sidebar[data-rep-tone="very-poor"]{--rep-color:#e06572}
.rep-sidebar-head{display:flex;align-items:center;justify-content:space-between;gap:12px;min-width:0}
.rep-sidebar-title{min-width:0;overflow:hidden;color:var(--accent);font-size:8px;font-weight:900;letter-spacing:.11em;text-overflow:ellipsis;white-space:nowrap}
.rep-score-compact{display:flex;align-items:baseline;gap:7px;flex:none}
.rep-score-compact small{color:var(--muted-2);font-size:7px;font-weight:850;letter-spacing:.08em}
.rep-score-compact strong{color:var(--rep-color);font-size:19px;line-height:1;font-variant-numeric:tabular-nums}
.rep-compact-main{display:grid;grid-template-columns:72px minmax(0,1fr);align-items:center;gap:12px;min-height:0;overflow:hidden}
.rep-grade{position:relative;width:72px;height:58px;display:grid;place-items:center;background:var(--rep-color);clip-path:polygon(10px 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%,0 10px);transition:background .18s ease}
.rep-grade::before{content:"";position:absolute;inset:2px;background:#0d181d;clip-path:polygon(9px 0,100% 0,100% calc(100% - 9px),calc(100% - 9px) 100%,0 100%,0 9px)}
.rep-grade::after{content:"";position:absolute;right:9px;bottom:7px;width:18px;height:2px;background:var(--rep-color)}
.rep-grade-value{position:relative;z-index:1;display:grid;text-align:center}
.rep-grade-value strong{color:var(--rep-color);font-size:20px;line-height:1;font-variant-numeric:tabular-nums}
.rep-grade-value span{margin-top:4px;color:var(--muted-2);font-size:6px;font-weight:850;letter-spacing:.1em}
.rep-compact-copy{min-width:0;display:grid;align-content:center;gap:6px;overflow:hidden}
.rep-status{overflow:hidden;color:var(--text);font-size:13px;font-weight:850;line-height:1;text-overflow:ellipsis;white-space:nowrap}
.rep-counts{display:flex;align-items:center;gap:12px;min-width:0}
.rep-counts>span{display:flex;align-items:baseline;gap:4px;min-width:0;font-size:8px;font-weight:850;white-space:nowrap}
.rep-counts b{font-size:11px;font-variant-numeric:tabular-nums}
.rep-counts small{color:inherit;font-size:7px;font-weight:900;letter-spacing:.05em}
.rep-counts .positive{color:#65d6ad}
.rep-counts .negative{color:#ff7885}
.rep-total{overflow:hidden;color:var(--muted-2);font-size:8px;font-weight:750;text-overflow:ellipsis;white-space:nowrap}
.rep-total b{color:var(--muted);font-variant-numeric:tabular-nums}
.rep-actions{display:grid;grid-template-columns:1fr 1fr;gap:7px;min-width:0}
.rep-button{--button-color:var(--muted);min-width:0;min-height:35px;display:grid;grid-template-columns:25px minmax(0,1fr) 16px;align-items:center;gap:7px;padding:4px 6px 4px 5px;border:1px solid var(--border);border-bottom:2px solid var(--button-color);border-radius:4px;background:#0b1519;color:var(--text);cursor:pointer;text-align:left;transition:background .12s,border-color .12s,transform .12s}
.rep-button--positive{--button-color:#4fc493}
.rep-button--negative{--button-color:#ef6877}
.rep-button:hover{border-color:color-mix(in srgb,var(--button-color) 58%,var(--border));background:var(--surface-2);transform:translateY(-1px)}
.rep-button:active{background:var(--surface-3);transform:none}
.rep-button:disabled{cursor:wait;opacity:.6;transform:none}
.rep-button-icon{width:25px;height:25px;display:grid;place-items:center;border:1px solid color-mix(in srgb,var(--button-color) 38%,var(--border));border-radius:3px;background:color-mix(in srgb,var(--button-color) 9%,#0d191e);color:var(--button-color)}
.rep-button-icon svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.rep-button-label{overflow:hidden;font-size:9px;font-weight:900;letter-spacing:.04em;text-overflow:ellipsis;white-space:nowrap}
.rep-button-state{width:16px;height:16px;display:grid;place-items:center;border:1px solid var(--border);border-radius:3px;color:transparent;font-size:8px;font-weight:900}
.rep-button.is-selected{border-color:color-mix(in srgb,var(--button-color) 70%,var(--border));background:color-mix(in srgb,var(--button-color) 8%,var(--surface-2))}
.rep-button.is-selected .rep-button-state{border-color:var(--button-color);background:var(--button-color);color:#06110d}
.rep-access-note{min-height:35px;display:flex;align-items:center;justify-content:center;gap:7px;border:1px solid var(--border-soft);border-bottom:2px solid var(--border);border-radius:4px;background:#0b1519;color:var(--muted);font-size:9px;font-weight:850;letter-spacing:.04em;text-align:center}
.rep-access-note img{width:14px;height:14px;filter:invert(72%) sepia(5%) saturate(275%) hue-rotate(150deg)}
@media(max-width:1100px){.profile-hero{grid-template-columns:1fr}.profile-hero>.profile-header,.profile-hero .profile-header-banner,.profile-hero .profile-header--banner::before{border-radius:5px 5px 0 0}.rep-sidebar{min-height:154px;border-left:0;border-top:1px solid var(--border);border-radius:0}}
@media(max-width:560px){.rep-sidebar{padding:12px}.rep-compact-main{grid-template-columns:68px minmax(0,1fr);gap:10px}.rep-grade{width:68px;height:56px}.rep-actions{gap:6px}.rep-button{grid-template-columns:24px minmax(0,1fr) 15px;gap:5px}}
.stat-stack{padding:5px 14px 13px}
.stat-stack>span{min-height:45px;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:5px 12px;border-bottom:1px solid var(--border-soft)}
.stat-stack>span:last-child{border-bottom:0}
.stat-stack b{min-width:0;overflow:hidden;font-size:12px;text-overflow:ellipsis;white-space:nowrap}
.stat-stack strong{font-size:14px;font-variant-numeric:tabular-nums}
.stat-stack small{grid-column:1/-1;color:var(--muted);font-size:11px}
.hitgroup-panel{margin-bottom:12px}
.hitgroup-panel--overview .hitgroup-body{width:min(170px,100%)}
.hitgroup-panel--overview .hitgroup-layout{grid-template-columns:minmax(260px,.62fr) minmax(0,1.38fr)}
.hitgroup-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:12px 22px 16px}
.hitgroup-summary span{min-width:0;display:flex;justify-content:center;flex-direction:column;min-height:54px;padding:10px 12px;border:1px solid var(--border-soft);background:var(--surface-2)}
.hitgroup-summary b{overflow:hidden;color:var(--text);font-size:18px;text-overflow:ellipsis;white-space:nowrap;font-variant-numeric:tabular-nums}
.hitgroup-summary small{margin-top:2px;color:var(--muted);font-size:9px;font-weight:850;text-transform:uppercase}
.hitgroup-layout{display:grid;grid-template-columns:minmax(260px,.72fr) minmax(0,1.28fr);gap:34px;padding:8px 26px 24px}
.hitgroup-body{position:relative;isolation:isolate;width:min(150px,100%);aspect-ratio:213/390;justify-self:center;align-self:start;overflow:visible;border:0;background:transparent}
.hitgroup-region{position:absolute;z-index:1;display:block;border:0;background:transparent;opacity:.36;filter:grayscale(1) brightness(.55) saturate(.8);cursor:help;transition:opacity .16s ease,filter .16s ease}
.hitgroup-region img{display:block;width:100%;height:100%;object-fit:fill;pointer-events:none;user-select:none}
.hitgroup-region:hover{z-index:30;opacity:1;filter:none}
.hitgroup-region:focus-visible{z-index:30;outline:1px solid color-mix(in srgb,var(--accent) 70%,transparent);outline-offset:3px;opacity:1;filter:none}
.hitgroup-region::before,.hitgroup-region::after{position:absolute;left:50%;z-index:20;opacity:0;pointer-events:none;transition:opacity .14s ease,transform .14s ease}
.hitgroup-region::before{content:"";bottom:calc(100% + 3px);width:7px;height:7px;border-right:1px solid var(--border);border-bottom:1px solid var(--border);background:#071014;transform:translate(-50%,3px) rotate(45deg)}
.hitgroup-region::after{content:attr(data-hitgroup-tooltip);bottom:calc(100% + 8px);width:max-content;max-width:min(220px,70vw);padding:7px 9px;border:1px solid var(--border);border-top:2px solid var(--accent);border-radius:4px;background:#071014;color:var(--text);font-size:10px;font-weight:850;line-height:1.25;text-align:center;white-space:normal;transform:translate(-50%,3px)}
.hitgroup-region:hover::before,.hitgroup-region:hover::after,.hitgroup-region:focus-visible::before,.hitgroup-region:focus-visible::after{opacity:1;transform:translate(-50%,0) rotate(45deg)}
.hitgroup-region:hover::after,.hitgroup-region:focus-visible::after{transform:translate(-50%,0)}
.hitgroup-region--hot-1{opacity:.54;filter:grayscale(.55) brightness(.78) saturate(1)}
.hitgroup-region--hot-2{opacity:.66;filter:grayscale(.35) brightness(.9) saturate(1.15)}
.hitgroup-region--hot-3{opacity:.78;filter:grayscale(.18) brightness(1) saturate(1.28)}
.hitgroup-region--hot-4{opacity:.9;filter:grayscale(.06) brightness(1.08) saturate(1.45)}
.hitgroup-region--hot-5{opacity:1;filter:brightness(1.13) saturate(1.65)}
.hitgroup-region--1{left:34%;top:15.9%;width:33.3%;height:20.8%;z-index:3}
.hitgroup-region--8{left:33.5%;top:29%;width:25.3%;height:6.6%;z-index:4}
.hitgroup-region--2{left:21%;top:28.7%;width:50%;height:22.6%;z-index:2}
.hitgroup-region--3{left:20%;top:46%;width:53.3%;height:18.9%;z-index:2}
.hitgroup-region--4{left:1%;top:9.4%;width:26.7%;height:45.3%;z-index:2}
.hitgroup-region--5{left:66.7%;top:34.9%;width:20%;height:43.4%;z-index:5}
.hitgroup-region--6{left:25%;top:62.3%;width:26.7%;height:37.7%;z-index:2}
.hitgroup-region--7{left:46%;top:62.8%;width:36.7%;height:37.2%;z-index:2}
.hitgroup-list{min-width:0;padding-top:2px}
.hitgroup-list-head,.hitgroup-row{display:grid;grid-template-columns:minmax(110px,1fr) 70px 70px minmax(100px,.9fr);align-items:center;gap:10px}
.hitgroup-panel--overview{overflow:visible}
.hitgroup-panel--overview .hitgroup-list-head,.hitgroup-panel--overview .hitgroup-row{grid-template-columns:minmax(110px,1fr) 42px 70px 70px minmax(100px,.9fr)}
.hitgroup-list-head{padding:0 0 7px;color:var(--muted);font-size:9px;font-weight:900;text-transform:uppercase}
.hitgroup-list-head span:not(:first-child),.hitgroup-row>strong,.hitgroup-row>span:last-child{text-align:right}
.hitgroup-panel--overview .hitgroup-list-head span:nth-child(2){text-align:center}
.hitgroup-row{min-height:32px;border-top:1px solid var(--border-soft);font-size:12px}
.hitgroup-row>span:first-child{min-width:0;display:flex;align-items:center;gap:8px}
.hitgroup-row b,.hitgroup-row strong{font-variant-numeric:tabular-nums}
.hitgroup-row>span:first-child b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.hitgroup-row>span:last-child{display:grid;grid-template-columns:minmax(34px,1fr) 44px;align-items:center;gap:8px}
.hitgroup-leader-cell{display:flex;justify-content:center}
.hitgroup-leader-avatar{position:relative;display:grid;place-items:center;color:var(--text);outline:none}
.hitgroup-leader-avatar>.avatar{width:28px;height:28px;border-radius:4px}
.hitgroup-leader-avatar:hover,.hitgroup-leader-avatar:focus-visible{z-index:40}
.hitgroup-leader-avatar:hover>.player-popover,.hitgroup-leader-avatar:focus-visible>.player-popover{display:block}
.hitgroup-leader-empty{color:var(--muted-2);font-weight:850}
.hitgroup-dot{width:8px;height:8px;flex:0 0 auto;border-radius:50%;background:#12332c}
.hitgroup-dot--hot-1{background:#126048}
.hitgroup-dot--hot-2{background:#16845e}
.hitgroup-dot--hot-3{background:#18a875}
.hitgroup-dot--hot-4{background:#10d794}
.hitgroup-dot--hot-5{background:#00e7a2}
.hitgroup-meter{width:100%;height:16px;accent-color:var(--accent)}
@media(max-width:680px){.hitgroup-summary{padding:10px 14px 12px}.hitgroup-panel--overview .hitgroup-layout,.hitgroup-layout{grid-template-columns:1fr;gap:18px;padding:4px 14px 16px}.hitgroup-panel--overview .hitgroup-body{width:min(150px,100%)}.hitgroup-list-head,.hitgroup-row{grid-template-columns:minmax(95px,1fr) 54px 54px minmax(82px,.8fr);gap:7px}.hitgroup-panel--overview .hitgroup-list-head,.hitgroup-panel--overview .hitgroup-row{grid-template-columns:minmax(86px,1fr) 32px 48px 48px minmax(78px,.8fr);gap:6px}.hitgroup-leader-avatar>.avatar{width:24px;height:24px}.hitgroup-row>span:last-child{grid-template-columns:1fr 38px}}
.empty{grid-column:1/-1;min-height:130px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:5px;color:var(--muted);text-align:center;padding:24px}.empty strong{color:var(--text)}
.matches-grid,.server-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.sessions-list .table-head,.sessions-list .table-row{grid-template-columns:minmax(230px,1.3fr) minmax(180px,1fr) repeat(2,minmax(130px,.8fr)) minmax(85px,.5fr)}.sessions-list .table-row{min-height:58px}.sessions-list .table-row>span:last-child{color:var(--accent)}.scoreboard-session-list .table-head,.scoreboard-session-list .table-row{grid-template-columns:minmax(270px,1.45fr) minmax(112px,.58fr) minmax(72px,.36fr) minmax(78px,.4fr) minmax(145px,.7fr) minmax(90px,.45fr)}.scoreboard-session-list--admin .table-head,.scoreboard-session-list--admin .table-row{grid-template-columns:minmax(270px,1.45fr) minmax(112px,.58fr) minmax(72px,.36fr) minmax(78px,.4fr) minmax(145px,.7fr) minmax(90px,.45fr) minmax(74px,.35fr)}.scoreboard-session-list .table-row{min-height:70px}.scoreboard-session-list time{color:var(--text);font-size:12px}.scoreboard-session-list .session-map-cell small{color:var(--muted);font-size:11px}.scoreboard-session-list .inline-match-score span:first-child{color:var(--cs2-ct)}.scoreboard-session-list .inline-match-score span:last-child{color:var(--cs2-t)}.scoreboard-session-row{position:relative;border-left:3px solid #38bdf8;background:linear-gradient(90deg,rgba(56,189,248,.07),transparent 42%)}.scoreboard-session-row--ct{border-left-color:var(--cs2-ct);background:linear-gradient(90deg,color-mix(in srgb,var(--cs2-ct) 10%,transparent),transparent 42%)}.scoreboard-session-row--t{border-left-color:var(--cs2-t);background:linear-gradient(90deg,color-mix(in srgb,var(--cs2-t) 10%,transparent),transparent 42%)}.scoreboard-session-row--draw{border-left-color:#38bdf8}.scoreboard-session-row:hover{background:var(--surface-2)}.scoreboard-session-map img{width:76px;height:44px;border-radius:4px}.scoreboard-session-map span{min-width:0;display:grid;gap:3px}.scoreboard-session-map small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.scoreboard-session-score{display:grid;justify-items:start;gap:4px}.scoreboard-session-score small{color:var(--muted-2);font-size:9px;font-weight:850;text-transform:uppercase}.scoreboard-session-stat,.scoreboard-session-duration{font-variant-numeric:tabular-nums}.scoreboard-session-stat strong,.scoreboard-session-duration strong{font-size:13px}.scoreboard-delete-form{display:flex;justify-content:flex-end}
@media(max-width:900px){.scoreboard-session-panel{overflow-x:auto}.scoreboard-session-list{min-width:760px}.scoreboard-session-list--admin{min-width:840px}.scoreboard-session-list .table-head{display:grid}.scoreboard-session-panel .scoreboard-session-list .table-row{grid-template-columns:minmax(270px,1.45fr) minmax(112px,.58fr) minmax(72px,.36fr) minmax(78px,.4fr) minmax(145px,.7fr) minmax(90px,.45fr);gap:12px;padding:8px 14px}.scoreboard-session-panel .scoreboard-session-list--admin .table-row{grid-template-columns:minmax(270px,1.45fr) minmax(112px,.58fr) minmax(72px,.36fr) minmax(78px,.4fr) minmax(145px,.7fr) minmax(90px,.45fr) minmax(74px,.35fr)}.scoreboard-session-panel .scoreboard-session-list .table-row>[data-label]::before{display:none}.scoreboard-session-panel .scoreboard-session-list .session-map-cell{grid-column:auto}.scoreboard-session-panel .scoreboard-session-list .scoreboard-delete-form{grid-column:auto}}
.map-session-list{padding:4px 13px 12px}.map-session-list>a{min-height:52px;display:grid;grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:9px;border-bottom:1px solid var(--border-soft)}.map-session-list>a>span:not(.avatar){display:flex;min-width:0;flex-direction:column}.map-session-list strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.map-session-list small{color:var(--muted);font-size:11px}.map-session-list>a>b{color:var(--accent);font-size:11px}.weapon-list--extended{padding:4px 13px 12px}.weapon-list--extended .weapon-row{min-height:52px}.map-detail-lists .panel{height:100%}.weapon-row small{color:var(--muted);font-size:11px}
.killfeed{padding:7px}.kill-row{min-height:66px;display:grid;grid-template-columns:62px minmax(180px,1.2fr) minmax(130px,.7fr) minmax(150px,1fr) 145px;align-items:center;gap:12px;padding:7px 9px;border-bottom:1px solid var(--border-soft)}.kill-row--incoming{animation:kill-row-arrive .7s ease-out}@keyframes kill-row-arrive{0%{opacity:0;transform:translateY(-8px);background:color-mix(in srgb,var(--accent) 18%,var(--surface))}55%{opacity:1;transform:translateY(0);background:color-mix(in srgb,var(--accent) 10%,var(--surface))}100%{background:transparent}}.kill-time{color:var(--muted);font-size:11px}.kill-actors{display:flex;min-width:0;flex-direction:column;align-items:flex-end}.kill-actor{display:flex;align-items:center;gap:8px;min-width:0;font-weight:800}.kill-actor strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.kill-actors>.kill-actor{flex-direction:row-reverse;text-align:right}.kill-assist{display:flex;align-items:center;gap:4px;margin-top:2px;color:var(--muted);font-size:10px}.kill-assist>a{display:flex;align-items:center;gap:4px;color:var(--text)}.kill-assist .avatar{width:18px;height:18px}.kill-action{display:flex;align-items:center;justify-content:center;gap:6px}.kill-modifiers{display:flex;gap:4px}.kill-airborne{width:26px;height:20px;object-fit:contain;margin-right:-10px;transform:translate(-3px,-5px)}.kill-modifiers img,.kill-headshot{width:18px;height:18px;object-fit:contain}.kill-weapon{width:72px;height:28px;object-fit:contain;filter:brightness(0) invert(1)}.kill-map{height:46px;position:relative;display:flex;align-items:flex-end;justify-content:flex-end;overflow:hidden;border:1px solid var(--border);color:var(--text);font-size:11px;font-weight:700}.kill-map img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.55}.kill-map span{position:relative;z-index:1;padding:4px 6px;text-align:right;text-shadow:0 1px 2px #000}.side--ct strong{color:var(--blue)}.side--t strong{color:var(--orange)}.side--ct strong.player-name--website-member,.side--t strong.player-name--website-member{color:#6ee7c7}
.server-network-overview{margin-bottom:10px}.server-guide{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(280px,.65fr);gap:20px;margin-top:14px;padding:18px;border:1px solid var(--border);border-radius:6px;background:var(--surface)}.server-guide h2{margin:3px 0 7px;font-size:20px}.server-guide p{max-width:900px;margin:0;color:var(--muted);line-height:1.65}.server-guide nav{display:grid;gap:7px}.server-guide nav a{display:flex;align-items:flex-start;justify-content:center;flex-direction:column;min-height:58px;padding:10px 12px;border:1px solid var(--border-soft);background:#0b1519}.server-guide nav a:hover{border-color:var(--accent)}.server-guide nav strong{font-size:11px}.server-guide nav span{margin-top:2px;color:var(--muted);font-size:9px}.server-page-actions{display:flex;align-items:flex-end;flex-direction:column;gap:8px}.server-page-controls{display:grid;width:min(360px,100%);grid-template-columns:minmax(0,1fr);gap:8px}.server-activity-control{min-width:0;display:grid;gap:4px}.server-activity-control>span{color:var(--muted-2);font-size:9px;font-weight:900;letter-spacing:.08em}.server-activity-control select{width:100%;height:38px;padding:0 10px;outline:0;border:1px solid var(--border);border-radius:4px;background:#0b1519;color:var(--text);font-size:11px;font-weight:800;cursor:pointer}.server-activity-control select:focus{border-color:var(--accent)}.server-updated{color:var(--muted);font-size:11px}.server-card{overflow:hidden;scroll-margin-top:calc(var(--topbar-height) + 12px);background:var(--surface);border:1px solid var(--border);border-radius:6px}.server-card.is-online{border-color:color-mix(in srgb,var(--accent) 30%,var(--border))}.server-card.is-offline{border-color:color-mix(in srgb,var(--red) 42%,var(--border))}.server-image{position:relative;height:170px}.server-image::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(7,16,20,.1),rgba(7,16,20,.72))}.server-image>img{width:100%;height:100%;object-fit:cover;opacity:.72}.server-image>span{position:absolute;z-index:1;left:12px;top:12px;display:flex;align-items:center;gap:5px;padding:4px 7px;background:#0b1418;border:1px solid var(--border);font-size:10px;font-weight:850}.server-image i{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--orange)}.server-card.is-online .server-image i{background:var(--accent)}.server-card.is-offline .server-image i{background:var(--red)}.server-card.is-unavailable .server-image>img{filter:grayscale(.55)}.server-info{padding:13px}.server-title{display:flex!important;align-items:flex-start;justify-content:space-between;gap:12px}.server-title>div{min-width:0}.server-title h2{margin:0;overflow:hidden;font-size:17px;text-overflow:ellipsis;white-space:nowrap}.server-title p{margin:2px 0 10px;color:var(--muted)}.server-title>small{flex:none;color:var(--muted-2);font-size:9px}.server-metrics{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:8px}.server-info .metric{min-height:72px}.server-uptime-metric>span{display:flex;align-items:center;gap:5px}.server-uptime-metric img{width:13px;height:13px;filter:invert(82%) sepia(57%) saturate(1932%) hue-rotate(102deg) brightness(94%)}.server-uptime-chart{display:grid!important;grid-template-columns:auto minmax(120px,1fr)!important;align-items:center;gap:14px!important;margin-top:10px;padding:10px 11px;border:1px solid var(--border-soft);background:#0b1519}.server-uptime-chart>span{display:flex;flex-direction:column}.server-uptime-chart strong{font-size:10px}.server-uptime-chart small{color:var(--muted-2);font-size:9px}.server-uptime-chart svg{width:100%;height:46px}.server-uptime-chart path{fill:none;stroke:var(--accent);stroke-width:2;vector-effect:non-scaling-stroke}.server-card.is-offline .server-uptime-chart path{stroke:#ff7180}.server-card.is-unavailable .server-uptime-chart path{stroke:var(--muted-2)}.server-player-activity{margin-top:10px;padding:11px;border:1px solid var(--border-soft);background:#0b1519}.server-player-activity-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:8px}.server-player-activity-head>span:first-child{display:flex;flex-direction:column}.server-player-activity-head strong{font-size:10px;letter-spacing:.04em;text-transform:uppercase}.server-player-activity-head small{color:var(--muted-2);font-size:9px}.server-player-activity-summary{display:flex;gap:14px}.server-player-activity-summary>span{display:flex;align-items:flex-end;gap:4px}.server-player-activity-summary b{font-size:13px;font-variant-numeric:tabular-nums}.server-player-activity-summary small{font-size:8px;font-weight:850}.server-player-chart-frame{height:150px}.server-player-chart-frame canvas{width:100%!important;height:100%!important}.server-statistics{margin-top:10px;padding:11px;border:1px solid var(--border-soft);background:#0b1519}.server-statistics-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:10px}.server-statistics-head>span,.server-statistics-section-head>span{display:flex;flex-direction:column}.server-statistics-head strong{font-size:10px;letter-spacing:.04em;text-transform:uppercase}.server-statistics-section-head strong{font-size:11px;letter-spacing:.04em;text-transform:uppercase}.server-statistics-head small{color:var(--muted-2);font-size:9px}.server-statistics-section-head small{color:var(--muted-2);font-size:10px;line-height:1.4}.server-statistics-head>[data-server-statistics-trend]{max-width:230px;text-align:right}.server-statistics-head>[data-server-statistics-trend].is-up{color:var(--accent)}.server-statistics-head>[data-server-statistics-trend].is-down{color:#ff7180}.server-statistics-head>[data-server-statistics-trend].is-flat{color:var(--muted)}.server-statistics-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border:1px solid var(--border-soft)}.server-statistics-metrics>div{min-width:0;padding:10px;border-right:1px solid var(--border-soft)}.server-statistics-metrics>div:last-child{border-right:0}.server-statistics-metrics span,.server-statistics-highlights span{display:block;color:var(--muted-2);font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.04em}.server-statistics-metrics strong{display:block;margin-top:3px;font-size:17px;font-variant-numeric:tabular-nums}.server-statistics-highlights{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:8px}.server-statistics-highlights>div{min-width:0;padding:10px;border:1px solid var(--border-soft);background:#091216}.server-statistics-highlights strong{display:block;margin-top:3px;overflow:hidden;font-size:12px;text-overflow:ellipsis;white-space:nowrap}.server-statistics-highlights small{display:block;margin-top:2px;color:var(--muted);font-size:9px}.server-statistics-detail-grid{display:grid;grid-template-columns:minmax(0,1fr) 210px;gap:8px;margin-top:8px}.server-heatmap-panel,.server-busiest-panel{min-width:0;padding:10px;border:1px solid var(--border-soft);background:#091216}.server-statistics-section-head{margin-bottom:8px}.server-heatmap-scroll{min-width:0;overflow:visible;padding-bottom:0}.server-heatmap{display:grid;width:100%;min-width:0;grid-template-columns:34px repeat(8,minmax(0,1fr));gap:3px;align-items:center}.server-heatmap-corner,.server-heatmap-time,.server-heatmap-day{color:var(--muted-2);font-size:10px;line-height:1.2}.server-heatmap-time{text-align:center;font-variant-numeric:tabular-nums;white-space:nowrap}.server-heatmap-day{font-size:10px}.server-heatmap-cell{height:32px;display:flex;align-items:center;justify-content:center;min-width:0;border:1px solid #203038;background:#0b1519;color:var(--muted-2);font-size:11px;font-weight:800;font-variant-numeric:tabular-nums;cursor:help;outline:0}.server-heatmap-cell:hover,.server-heatmap-cell:focus-visible{border-color:var(--accent);color:var(--text)}.server-heatmap-cell.level-1{border-color:#21463d;background:#10251f;color:#8cb8a9}.server-heatmap-cell.level-2{border-color:#245e4d;background:#123328;color:#9ccfbd}.server-heatmap-cell.level-3{border-color:#24765d;background:#124233;color:#b0ddcd}.server-heatmap-cell.level-4{border-color:#168e68;background:#10523e;color:#c4ebdd}.server-heatmap-cell.level-5{border-color:#00b77e;background:#096448;color:#e6fff6}.server-heatmap-tooltip{position:fixed;z-index:240;min-width:208px;max-width:270px;padding:10px;border:1px solid var(--border);border-top:2px solid var(--accent);border-radius:4px;background:#071014;color:var(--text);pointer-events:none}.server-heatmap-tooltip[hidden]{display:none}.server-heatmap-tooltip::after{content:"";position:absolute;left:var(--tooltip-arrow-left,50%);width:8px;height:8px;background:#071014;border-right:1px solid var(--border);border-bottom:1px solid var(--border);transform:translateX(-50%) rotate(45deg)}.server-heatmap-tooltip[data-side="top"]::after{top:calc(100% - 4px)}.server-heatmap-tooltip[data-side="bottom"]::after{bottom:calc(100% - 4px);transform:translateX(-50%) rotate(225deg)}.server-heatmap-tooltip>strong{display:block;font-size:12px}.server-heatmap-tooltip>span{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin-top:8px}.server-heatmap-tooltip>span>span{display:flex;flex-direction:column;gap:2px;padding-left:7px;border-left:1px solid var(--border-soft)}.server-heatmap-tooltip b{font-size:12px;font-variant-numeric:tabular-nums}.server-heatmap-tooltip small{color:var(--muted-2);font-size:8px;font-weight:850;text-transform:uppercase}.server-heatmap-tooltip>em{display:block;margin-top:7px;color:var(--muted);font-size:9px;font-style:normal}.server-busiest-hours{display:grid;gap:5px}.server-busiest-hours>div{display:grid;grid-template-columns:22px minmax(0,1fr);grid-template-rows:auto auto;gap:1px 7px;padding:7px 0;border-bottom:1px solid var(--border-soft)}.server-busiest-hours>div:last-child{border-bottom:0}.server-busiest-hours>div>b{grid-row:1/3;display:flex;align-items:center;justify-content:center;width:22px;height:22px;border:1px solid var(--border);color:var(--accent);font-size:10px}.server-busiest-hours>div>span{min-width:0;display:flex;flex-direction:column}.server-busiest-hours strong{font-size:11px;line-height:1.35}.server-busiest-hours small{color:var(--muted);font-size:9px;line-height:1.4}.server-busiest-hours em{grid-column:2;color:var(--muted-2);font-size:9px;line-height:1.4;font-style:normal}.server-statistics-empty{display:block;padding:14px 0;color:var(--muted-2);font-size:9px;text-align:center}.server-players{padding:0 13px 13px}.server-players[hidden]{display:none}.server-players>span{display:grid;grid-template-columns:1fr auto auto;gap:10px;padding:6px 0;border-top:1px solid var(--border-soft)}.server-players small{color:var(--muted)}
.compare-page-heading .subtle-button img{width:15px;height:15px;filter:invert(76%)}.compare-selector{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 54px minmax(0,1fr) minmax(175px,auto);align-items:stretch;gap:9px;margin-bottom:14px;padding:12px;border:1px solid var(--border);border-radius:6px;background:var(--surface)}.compare-picker{position:relative;min-width:0;padding:10px;border:1px solid var(--border-soft);background:#0b1519}.compare-picker-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:8px}.compare-picker-heading>span{color:var(--muted-2);font-size:9px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.compare-picker-heading button{padding:0;border:0;background:transparent;color:var(--muted);cursor:pointer;font-size:9px;font-weight:800}.compare-picker-heading button:hover{color:var(--accent)}.compare-picker-selected{min-height:48px;display:grid;grid-template-columns:40px minmax(0,1fr) auto;align-items:center;gap:9px;margin-bottom:8px}.compare-picker-selected.is-empty{opacity:.62}.compare-picker-selected-copy{min-width:0;display:flex;flex-direction:column}.compare-picker-selected-copy strong,.compare-picker-selected-copy small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.compare-picker-selected-copy strong{font-size:13px}.compare-picker-selected-copy small{color:var(--muted);font-size:9px}.compare-picker-selected-rating{display:flex;justify-content:flex-end}.compare-picker-avatar{width:40px;height:40px;border-radius:4px}.compare-picker-search{position:relative;height:38px;display:flex;align-items:center;gap:8px;padding:0 10px;border:1px solid var(--border);border-radius:4px;background:#091216}.compare-picker-search:focus-within{border-color:var(--accent)}.compare-picker-search>img{width:15px;height:15px;filter:invert(65%)}.compare-picker-search>input{min-width:0;width:100%;border:0;outline:0;background:transparent;color:var(--text);font-size:11px}.compare-picker-results{position:absolute;z-index:35;top:calc(100% + 5px);right:0;left:0;max-height:280px;overflow:auto;border:1px solid var(--border);border-radius:4px;background:#071014}.compare-picker-results[hidden]{display:none}.compare-picker-result{width:100%;min-height:54px;display:grid;grid-template-columns:36px minmax(0,1fr) auto;align-items:center;gap:9px;padding:7px 9px;border:0;border-bottom:1px solid var(--border-soft);background:transparent;color:var(--text);cursor:pointer;text-align:left}.compare-picker-result:last-child{border-bottom:0}.compare-picker-result:hover,.compare-picker-result:focus-visible{outline:0;background:var(--surface-2)}.compare-picker-result:disabled{cursor:not-allowed;opacity:.45}.compare-picker-result .avatar{width:36px;height:36px;border-radius:4px}.compare-picker-result-copy{min-width:0;display:flex;flex-direction:column}.compare-picker-result strong,.compare-picker-result small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.compare-picker-result small{color:var(--muted);font-size:9px}.compare-picker-result-rating{justify-self:end}.compare-picker-error{display:block;margin-top:7px;color:#ff7180;font-size:9px}.compare-picker-error[hidden]{display:none}.compare-selector-middle{display:grid;place-items:center}.compare-selector-middle span,.compare-duel-mark>strong{display:grid;place-items:center;width:42px;height:42px;border:1px solid var(--border);background:#091216;color:var(--accent);font-size:13px;font-weight:900}.compare-selector-actions{display:flex;align-items:stretch;justify-content:flex-end;flex-direction:column;gap:8px}.compare-selector-actions label{display:grid;gap:4px}.compare-selector-actions label>span{color:var(--muted-2);font-size:9px;font-weight:900;letter-spacing:.07em;text-transform:uppercase}.compare-selector-actions select{height:38px;padding:0 10px;border:1px solid var(--border);border-radius:4px;outline:0;background:#0b1519;color:var(--text);font-size:11px;font-weight:800}.compare-selector-actions select:focus{border-color:var(--accent)}.compare-selector-actions .command-button{width:100%}.compare-selector-actions .command-button:disabled{cursor:not-allowed;opacity:.42}.compare-form-message{grid-column:1/-1;min-height:0;color:#ff7180;font-size:10px;text-align:right}.compare-scope-note{margin:-5px 0 13px;color:var(--muted-2);font-size:10px;text-align:right}.compare-duel{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 74px minmax(0,1fr);grid-template-areas:"left mark right";align-items:stretch;gap:10px;margin-bottom:18px}.compare-profile-card{--compare-side:var(--accent);position:relative;isolation:isolate;min-width:0;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;padding:16px;overflow:hidden;border:1px solid var(--border);border-top:3px solid var(--compare-side);border-radius:6px;background:var(--surface)}.compare-profile-card--left{grid-area:left;--compare-side:#58b4ff}.compare-profile-card--right{grid-area:right;--compare-side:#ffb454}.compare-profile-card.has-banner::before{content:"";position:absolute;z-index:-1;inset:0;background:rgba(7,16,20,.78)}.compare-profile-banner{position:absolute;z-index:-2;inset:0;width:100%;height:100%;object-fit:cover}.compare-profile-main{display:grid;grid-template-columns:64px minmax(0,1fr);align-items:center;gap:12px;min-width:0}.compare-profile-avatar{width:64px;height:64px;border-radius:5px}.compare-profile-main>div{min-width:0}.compare-profile-main h2{margin:2px 0;font-size:21px;line-height:1.1}.compare-profile-main h2 a{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.compare-profile-main p{display:flex;align-items:center;gap:6px;margin:0;color:var(--muted);font-size:10px}.compare-profile-main .country-flag{width:17px;height:12px}.compare-profile-rating{display:flex;align-items:flex-end;justify-content:center;flex-direction:column;gap:5px}.compare-profile-rating-label{color:var(--muted-2);font-size:9px;font-weight:900;letter-spacing:.07em}.compare-profile-meta{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border:1px solid var(--border-soft);background:rgba(9,18,22,.82)}.compare-profile-meta>span{min-width:0;padding:9px 10px;border-right:1px solid var(--border-soft)}.compare-profile-meta>span:last-child{border-right:0}.compare-profile-meta small,.compare-profile-meta strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.compare-profile-meta small{color:var(--muted-2);font-size:8px;font-weight:850;text-transform:uppercase}.compare-profile-meta strong{margin-top:2px;font-size:12px}.compare-profile-favorites{grid-column:1/-1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.compare-profile-favorites>span{position:relative;min-height:48px;display:grid;grid-template-columns:58px minmax(0,1fr);grid-template-rows:auto auto;align-content:center;column-gap:8px;padding:7px 9px;overflow:hidden;border:1px solid var(--border-soft);background:rgba(9,18,22,.86)}.compare-profile-favorites img{grid-row:1/3;width:58px;height:32px;object-fit:contain}.compare-profile-favorites>span:nth-child(2) img{height:100%;object-fit:cover;opacity:.62}.compare-profile-favorites small{color:var(--muted-2);font-size:8px;font-weight:850;text-transform:uppercase}.compare-profile-favorites strong{overflow:hidden;font-size:11px;text-overflow:ellipsis;white-space:nowrap}.compare-duel-mark{grid-area:mark;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:7px}.compare-duel-mark>span{color:var(--muted);font-size:9px;font-weight:800;text-align:center;text-transform:uppercase}.compare-metric-section{margin-top:16px}.compare-table{overflow:hidden;border:1px solid var(--border);border-radius:6px;background:var(--surface)}.compare-table-head,.compare-table-row{display:grid;grid-template-columns:minmax(110px,1fr) minmax(150px,.75fr) minmax(110px,1fr);align-items:center}.compare-table-head{min-height:32px;padding:0 11px;background:#0d171b;color:var(--muted-2);font-size:8px;font-weight:900;text-transform:uppercase}.compare-table-head span:last-child{text-align:right}.compare-table-head strong{text-align:center}.compare-table-row{min-height:44px;border-top:1px solid var(--border-soft)}.compare-value{height:100%;display:flex;align-items:center;padding:0 12px;font-variant-numeric:tabular-nums}.compare-value--right{justify-content:flex-end;text-align:right}.compare-value strong{font-size:15px}.compare-value.is-leading{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 8%,transparent);color:var(--accent)}.compare-value--left.is-leading{border-left:3px solid var(--accent);padding-left:9px}.compare-value--right.is-leading{border-right:3px solid var(--accent);padding-right:9px}.compare-value.is-losing{border-color:var(--red);background:color-mix(in srgb,var(--red) 7%,transparent);color:#ff7180}.compare-value--left.is-losing{border-left:3px solid var(--red);padding-left:9px}.compare-value--right.is-losing{border-right:3px solid var(--red);padding-right:9px}.compare-value.is-tied{color:#b8c4c7}.compare-metric-label{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:2px;text-align:center}.compare-metric-label strong{font-size:10px}.compare-metric-label small{color:var(--muted-2);font-size:7px;text-transform:uppercase}.compare-empty{min-height:220px;display:flex;align-items:center;justify-content:center;gap:18px;padding:30px;text-align:left}.compare-empty>img{width:54px;height:54px;padding:12px;border:1px solid var(--border);filter:invert(78%)}.compare-empty>div{max-width:560px}.compare-empty span{color:var(--accent);font-size:9px;font-weight:900;letter-spacing:.09em}.compare-empty h2{margin:3px 0 5px;font-size:22px}.compare-empty p{margin:0;color:var(--muted)}@media(max-width:1100px){.compare-selector{grid-template-columns:minmax(0,1fr) 46px minmax(0,1fr)}.compare-selector-actions{grid-column:1/-1;display:grid;grid-template-columns:minmax(160px,1fr) auto;align-items:end}.compare-form-message,.compare-scope-note{text-align:left}.compare-duel{grid-template-columns:1fr;grid-template-areas:"left" "mark" "right"}.compare-duel-mark{flex-direction:row}.compare-profile-card{grid-template-columns:minmax(0,1fr) auto}}@media(max-width:680px){.profile-edit-link+.profile-compare-link{display:block;margin-left:0}.compare-selector{grid-template-columns:1fr}.compare-selector-middle{height:28px}.compare-selector-middle span{width:34px;height:28px}.compare-selector-actions{grid-template-columns:1fr}.compare-profile-card{grid-template-columns:1fr;padding:14px}.compare-profile-rating{align-items:flex-start}.compare-profile-meta,.compare-profile-favorites{grid-column:1}.compare-profile-meta{grid-template-columns:1fr}.compare-profile-meta>span{border-right:0;border-bottom:1px solid var(--border-soft)}.compare-profile-meta>span:last-child{border-bottom:0}.compare-profile-favorites{grid-template-columns:1fr}.compare-table-head{display:none}.compare-table-row{grid-template-columns:1fr 1fr;grid-template-rows:auto auto;min-height:76px}.compare-metric-label{grid-column:1/-1;grid-row:1;padding:8px;border-bottom:1px solid var(--border-soft)}.compare-value{grid-row:2;min-height:42px;padding:0 12px}.compare-value--left{border-right:1px solid var(--border-soft)}.compare-empty{align-items:flex-start;flex-direction:column;padding:22px}}
.five-hero{min-height:180px;display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:12px;padding:22px;background:var(--surface);border:1px solid var(--border);border-radius:6px}.five-hero>div{display:flex;align-items:center;gap:17px}.five-hero>div>img{width:88px;height:88px;object-fit:contain}.five-hero nav{display:flex;align-items:center;gap:15px}.five-hero nav>a:not(.command-button){color:var(--accent);font-weight:800}.five-leaders-panel,.latest-matches-panel{overflow:visible}.five-leaders-panel .leader-row{grid-template-columns:26px minmax(0,1fr) auto}.match-list{padding:5px 12px}.match-list-row{position:relative;min-height:86px;display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:12px;padding:8px 10px;isolation:isolate;border-bottom:1px solid var(--border-soft)}.match-list-row::after{content:'';position:absolute;z-index:-1;inset:0;background:rgba(7,16,20,.76)}.match-list-row:hover::after{background:rgba(13,25,30,.7)}.match-list-media{position:absolute;z-index:-2;inset:0;width:100%;height:100%;object-fit:cover}.match-list-team{display:flex;min-width:0;flex-direction:column;align-items:flex-start}.match-list-team>a{min-width:0;display:flex;flex-direction:column}.match-list-team--right{align-items:flex-end;text-align:right}.match-list-team--right .avatar-stack{justify-content:flex-end}.match-list .avatar-stack{min-width:0;margin-top:5px}.match-list .match-player-tip .avatar{width:25px;height:25px}.match-list small{color:var(--muted);font-size:11px}.match-list strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.matches-grid>.empty{min-height:200px;background:var(--surface);border:1px solid var(--border);border-radius:6px}.match-history{overflow:visible}.match-history-head,.match-history-row{display:grid;grid-template-columns:75px minmax(230px,1fr) 90px minmax(230px,1fr) 155px 105px;align-items:center;gap:12px;padding:9px 13px}.match-history-head{min-height:38px;background:#0d171b;color:var(--muted);font-size:11px;font-weight:850;text-transform:uppercase}.match-history-row{position:relative;z-index:1;min-height:76px;isolation:isolate;border-top:1px solid var(--border-soft)}.match-history-row:hover,.match-history-row:focus-within{z-index:12}.match-history-row::after{content:'';position:absolute;z-index:-1;inset:0;background:rgba(7,16,20,.78)}.match-history-row:hover::after{background:rgba(17,27,32,.72)}.match-history-media{position:absolute;z-index:-2;inset:0;width:100%;height:100%;object-fit:cover}.match-id{color:var(--text);font-weight:800;text-decoration:underline}.match-roster{display:flex;align-items:center;gap:10px;min-width:0}.match-roster--right{justify-content:flex-end;text-align:right}.avatar-stack{display:flex;align-items:center;min-width:94px}.match-player-tip{position:relative;display:grid;place-items:center;flex:0 0 auto;padding:0;border:0;border-radius:50%;background:transparent;color:inherit;cursor:pointer;overflow:visible}.match-player-tip+.match-player-tip{margin-left:-8px}.match-player-tip .avatar{width:30px;height:30px;border:2px solid #091216;border-radius:50%;font-size:10px}.match-history .match-player-tip+.match-player-tip{margin-left:-12px}.match-history .match-player-tip .avatar{width:40px;height:40px;border-radius:50%;font-size:10px}.match-player-tip:hover,.match-player-tip:focus-visible,.match-player-tip.is-open{z-index:20}.match-player-tip:focus-visible>.avatar{box-shadow:0 0 0 2px #38bdf8}.player-popover{position:absolute;z-index:50;left:0;bottom:calc(100% + 7px);display:none;min-width:180px;padding:8px 10px;border:1px solid var(--border);border-radius:5px;background:#071014;color:var(--text);text-align:left;white-space:nowrap;cursor:default}.match-player-tip--right .player-popover{right:0;left:auto}.match-player-tip:hover .player-popover,.match-player-tip:focus .player-popover,.match-player-tip.is-open .player-popover{display:block}.player-popover-head{display:flex;align-items:center;gap:8px}.player-popover-head>.player-name{max-width:120px}.player-popover-rating{display:flex;align-items:center;gap:5px;margin-top:4px;color:var(--muted);font-size:11px}.player-popover-rating strong{font-size:11px}.match-score,.inline-match-score,.match-hero-score{display:flex;align-items:center;justify-content:center;gap:7px;font-style:normal;font-variant-numeric:tabular-nums}.match-score{font-size:18px}.inline-match-score{justify-content:flex-start;font-size:13px}.match-hero-score{gap:12px;font-size:48px}.match-score i,.inline-match-score i,.match-hero-score i{color:var(--muted);font-style:normal}.winner,.match-result--winner{color:#00e7a2}.loser,.match-result--loser{color:#ff6678}.draw,.match-result--draw{color:#38bdf8}.match-history-row time{color:var(--text);font-size:12px}.match-open{display:grid;place-items:center;min-height:34px;border:1px solid var(--border);border-radius:4px;background:rgba(7,16,20,.72);font-size:12px;font-weight:800}.match-hero{align-items:center;justify-content:center;text-align:center;min-height:270px}.match-hero section{display:grid;grid-template-columns:minmax(180px,1fr) auto minmax(180px,1fr);align-items:center;gap:30px;margin:18px 0}.match-hero section>span{display:flex;flex-direction:column}.match-hero section small{color:var(--muted)}.match-hero section strong{font-size:22px}.positive{color:var(--accent)}.negative{color:var(--red)}
.match-scoreboard{overflow:visible}.match-team-block{display:grid;grid-template-columns:180px minmax(0,1fr);min-width:0}.match-team-block+ .match-team-block{border-top:1px solid var(--border)}.match-team-summary{min-width:0;display:flex;align-items:center;flex-direction:column;justify-content:center;gap:6px;padding:18px 12px;background:#0b1519;border-right:1px solid var(--border);text-align:center}.match-team-total{font-size:54px;line-height:1;font-variant-numeric:tabular-nums}.match-team-name{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:850}.match-team-summary>small{margin-top:5px;color:var(--muted);font-size:9px;font-weight:850}.round-splits{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:5px}.round-split{width:52px;height:52px;display:grid;place-items:center;border:2px solid currentColor;border-radius:50%;background:#091216}.round-split small{grid-area:1/1;color:currentColor;font-size:8px;font-weight:900;transform:translateY(-12px)}.round-split strong{grid-area:1/1;font-size:21px;line-height:1}.round-split--ct{color:var(--cs2-ct)}.round-split--t{color:var(--cs2-t)}.round-split--half{color:#9aa8ae}.retake-scoreboard-hero .match-side--ct,.retake-scoreboard .match-side--ct,.retake-scoreboard-hero .match-hero-score span:first-child{color:var(--cs2-ct)}.retake-scoreboard-hero .match-side--t,.retake-scoreboard .match-side--t,.retake-scoreboard-hero .match-hero-score span:last-child{color:var(--cs2-t)}.round-splits-empty{margin-top:8px;color:var(--muted);font-size:10px}.scoreboard-table{min-width:0;overflow:visible}.scoreboard .table-row:last-child{border-bottom:0}.retake-scoreboard .scoreboard .table-head,.retake-scoreboard .scoreboard .table-row{grid-template-columns:minmax(230px,1.6fr) minmax(125px,.8fr) repeat(4,minmax(48px,.38fr)) minmax(60px,.45fr) minmax(90px,.65fr)}.retake-scoreboard .scoreboard-row--left{background:#0a1012;color:#89979d}.retake-scoreboard .scoreboard-row--left:hover{background:#0d171b}.retake-scoreboard .scoreboard-row--left .avatar{filter:grayscale(1);opacity:.58}.retake-scoreboard .scoreboard-row--left .rkPremierRating{filter:grayscale(.85);opacity:.68}.retake-scoreboard .scoreboard-row--left .player-cell em{margin-top:2px;color:#66757c;font-size:9px;font-style:normal;font-weight:850;text-transform:uppercase}.match-team-block--spectator{color:#8f999d}.match-team-block--spectator .match-team-summary{background:#0a1012;color:#777;border-right-color:#1a2529}.match-team-block--spectator .match-team-total{color:#555}.match-team-block--spectator .avatar{filter:grayscale(1);opacity:.55}.match-team-block--spectator .scoreboard .table-head,.match-team-block--spectator .scoreboard .table-row{grid-template-columns:minmax(230px,1fr) minmax(120px,.35fr)}
@media (max-width:900px){.match-scoreboard,.scoreboard-table,.retake-scoreboard .scoreboard{max-width:100%}.scoreboard-table{overflow-x:auto;overscroll-behavior-x:contain}.match-scoreboard .scoreboard{min-width:820px}.match-scoreboard .scoreboard .table-head{display:grid}.match-scoreboard .scoreboard .table-row{gap:12px;padding:8px 14px}.match-scoreboard .scoreboard .table-row>.player-cell{grid-column:auto}.match-scoreboard .scoreboard .table-row>[data-label]{min-width:0;font-size:12px;font-weight:800;font-variant-numeric:tabular-nums}.match-scoreboard .scoreboard .table-row>[data-label]::before{display:none}.match-scoreboard .scoreboard .table-row>[data-label="Rating"]{grid-column:auto;justify-content:flex-start}.match-scoreboard .scoreboard .table-row>[data-label="MVP"] .mvp-value{justify-content:flex-start}.retake-scoreboard .scoreboard{min-width:760px}.retake-scoreboard .scoreboard .table-head,.retake-scoreboard .scoreboard .table-row{grid-template-columns:minmax(210px,1.55fr) minmax(112px,.78fr) repeat(4,minmax(44px,.34fr)) minmax(56px,.42fr) minmax(78px,.55fr)}.match-team-block--spectator .scoreboard{min-width:380px}.match-team-block--spectator .scoreboard .table-row{grid-template-columns:minmax(230px,1fr) minmax(120px,.35fr)}.match-team-block--spectator .scoreboard .table-row>[data-label="Status"]{grid-column:auto}}
@media (max-width:560px){.retake-scoreboard-hero{min-height:244px}.retake-scoreboard .player-cell .avatar{width:34px;height:34px}.retake-scoreboard .player-cell small{font-size:10px}.retake-scoreboard .rkPremierRating{--rk-premier-w:72px;--rk-premier-int:17px;--rk-premier-sep:13px;--rk-premier-frac:12px}}
.match-roster:not(.match-roster--right)>.rk5Rate>.rk5-tooltip{left:0;transform:none}.match-roster--right>.rk5Rate>.rk5-tooltip,.five-leaders-panel .leader-row>.rk5Rate>.rk5-tooltip{right:0;left:auto;transform:none}
.rk5Rate.is-dismissed>.rk5-tooltip,.match-player-tip.is-dismissed .player-popover{display:none}
.error-page{min-height:60vh;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center}.error-page>span{color:var(--accent);font-size:80px;font-weight:900}.error-page h1{margin:0;font-size:30px}.error-page p{color:var(--muted);margin:8px 0 20px}
.sidebar-scrim{position:fixed;z-index:25;inset:0;background:rgba(0,0,0,.62)}

@media (max-width: 1500px){.metric-grid--seven{grid-template-columns:repeat(4,1fr)}.metric-grid--seven>.metric:last-child{grid-column:span 2}}
@media (max-width: 1220px){.metric-grid--eight{grid-template-columns:repeat(4,1fr)}}
@media (max-width: 1220px){.metric-grid--six{grid-template-columns:repeat(3,1fr)}.dashboard-grid{grid-template-columns:1fr}.map-grid{grid-template-columns:repeat(2,1fr)}.player-table .table-head,.player-table .table-row{grid-template-columns:98px minmax(230px,1.4fr) minmax(130px,.8fr) repeat(4,minmax(75px,.6fr))}.five-player-table .table-head,.five-player-table .table-row{grid-template-columns:minmax(230px,1.4fr) minmax(130px,.8fr) repeat(4,minmax(75px,.6fr))}.match-history-head,.match-history-row{grid-template-columns:60px minmax(150px,1fr) 70px minmax(150px,1fr) 110px}.match-history-head>span:last-child,.match-open{display:none}}
@media (max-width: 900px){.account-profile-grid,.account-gdpr-layout{grid-template-columns:1fr}.account-gdpr-delete-form{grid-template-columns:1fr}.web-user-head{grid-template-columns:minmax(0,1fr) auto}.web-user-status-strip{grid-column:1/-1}.web-user-meta{display:none}.web-user-actions{grid-template-columns:1fr}.web-user-side-actions{border-left:0;border-top:1px solid var(--border-soft);padding:10px 0 0}.web-role-footer{align-items:stretch;flex-direction:column}.web-role-footer>span{margin-right:0}.web-role-save{width:100%}.web-role-options{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width: 560px){.account-profile-identity,.account-gdpr-facts{grid-template-columns:1fr}.account-profile-preview-content,.account-gdpr-identity{align-items:flex-start}.account-gdpr-delete-form .command-button{width:100%;justify-content:center}.web-user-head{grid-template-columns:1fr}.web-user-status-strip,.web-user-head-actions{grid-column:1}.web-user-head-actions{width:100%;justify-content:space-between}.web-user-head-actions>.subtle-button{width:100%}.web-role-options{grid-template-columns:1fr}}
@media (max-width: 900px){:root{--sidebar-width:0px}.sidebar{transform:translateX(-100%);width:230px;transition:transform .2s}.sidebar.is-open{transform:translateX(0)}.main-shell{margin-left:0}.menu-button{display:block}.topbar{padding:0 14px}.global-search{width:100%}.top-link{display:none}.account-user > span:last-child{display:none}.content{padding:18px 15px 36px}.site-footer-inner{grid-template-columns:1fr;gap:18px;padding:20px 15px 22px}.site-footer-links{grid-template-columns:repeat(3,minmax(110px,1fr))}.metric-grid--eight,.metric-grid--seven,.metric-grid--six,.metric-grid--four,.metric-grid--three{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-grid--equal{grid-template-columns:1fr}.profile-header-top{align-items:flex-start}.profile-ranks{flex-direction:column;align-items:flex-end}.map-grid{grid-template-columns:repeat(2,1fr)}.map-strip{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(4,minmax(110px,1fr))}.matches-grid,.server-grid{grid-template-columns:1fr}.table-head{display:none}.data-table .table-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px 14px;padding:12px}.data-table .table-row>.player-cell,.data-table .table-row>.weapon-cell{grid-column:1/-1}.sessions-list .table-row>.player-cell{grid-column:auto}.data-table .table-row>[data-label]::before{content:attr(data-label);display:block;color:var(--muted);font-size:11px;font-weight:850}.punishment-table .table-row{grid-template-columns:repeat(2,1fr)}.kill-row{grid-template-columns:48px minmax(140px,1fr) 115px minmax(120px,.8fr)}.kill-map{display:none}.kill-modifiers{display:none}.match-history-head{display:none}.match-history-row{grid-template-columns:minmax(0,1fr) 70px minmax(0,1fr);grid-template-rows:auto auto;gap:8px 10px;min-height:110px;padding:12px}.match-id{grid-column:1;grid-row:1}.match-history-row time{grid-column:3;grid-row:1;text-align:right}.match-roster{grid-column:1;grid-row:2;align-items:flex-start;flex-direction:column;gap:5px}.match-score{grid-column:2;grid-row:2;align-self:center}.match-roster--right{grid-column:3;text-align:right;align-items:flex-end}.match-roster--right .avatar-stack{order:initial}.match-hero section{gap:12px;grid-template-columns:1fr auto 1fr}.match-hero section strong{font-size:16px}.match-hero section b{font-size:32px}.five-hero{align-items:flex-start;flex-direction:column}.match-team-block{grid-template-columns:1fr}.match-team-summary{display:grid;grid-template-columns:64px minmax(0,1fr) auto auto;grid-template-rows:auto auto;gap:3px 14px;padding:12px 14px;border-right:0;border-bottom:1px solid var(--border);text-align:left}.match-team-total{grid-row:1/3;align-self:center;font-size:42px}.match-team-name{align-self:end}.match-team-summary>small{align-self:start;margin:0}.match-team-summary>.rk5Rate{grid-column:3;grid-row:1/3;align-self:center}.match-team-summary>.round-splits,.match-team-summary>.round-splits-empty{grid-column:4;grid-row:1/3;align-self:center;margin:0}.round-split{width:44px;height:44px}.round-split small{transform:translateY(-10px)}.round-split strong{font-size:18px}.admin-job-grid{grid-template-columns:1fr}}
@media (max-width: 560px){.page-heading{align-items:flex-start;flex-direction:column}.page-heading-actions{width:100%}.page-heading-actions>a{flex:1;justify-content:center}.profile-period-bar{align-items:flex-start;flex-direction:column;gap:7px;margin-top:-7px}.period-control{width:100%}.site-footer-inner{gap:16px}.site-footer-links{grid-template-columns:1fr}.content-page-panel{padding-bottom:10px}.content-page-copy{padding-top:18px}.metric{min-height:82px;padding:11px}.metric>strong{font-size:21px}.map-grid{grid-template-columns:1fr}.map-card{min-height:190px}.profile-header-top{align-items:flex-start;flex-direction:column}.profile-main{align-items:flex-start}.avatar--xl{width:72px;height:72px}.profile-ranks{width:100%;align-items:flex-start;flex-direction:row;flex-wrap:wrap}.profile-tabs{gap:18px}.filterbar{grid-template-columns:1fr 1fr}.filterbar label{grid-column:1/-1}.filterbar button{grid-column:1/-1}.map-strip{grid-template-columns:1fr;grid-template-rows:none}.world-map{height:220px}.heatmap{grid-template-columns:32px repeat(24,minmax(4px,1fr));gap:2px;padding:10px;overflow-x:auto}.records{grid-template-columns:1fr}.sessions-list .table-row{grid-template-columns:1fr}.sessions-list .table-row>.player-cell{grid-column:1/-1}.session-map-cell{grid-column:1/-1}.kill-row{grid-template-columns:36px minmax(95px,1fr) 70px minmax(90px,1fr);gap:6px;padding:6px 4px;font-size:11px}.kill-row .avatar{display:none}.kill-weapon{width:58px}.kill-assist{display:none}.match-history-row{min-height:118px}.match-roster>strong{max-width:105px}.avatar-stack .avatar{width:27px;height:27px}.five-hero>div{align-items:flex-start}.five-hero>div>img{width:60px;height:60px}.five-hero nav{width:100%;justify-content:space-between}.match-hero{padding:16px}.match-hero section{grid-template-columns:1fr;gap:8px}.match-hero section b{justify-content:center;order:-1}.match-hero section>span:last-child{text-align:center}.match-hero section>span:first-child{text-align:center}.match-team-summary{grid-template-columns:54px minmax(0,1fr) auto}.match-team-summary>.round-splits,.match-team-summary>.round-splits-empty{grid-column:1/-1;grid-row:3;justify-self:start;margin-top:6px}.pagination{justify-content:flex-start}.page-link--edge{min-width:46px;padding:0 6px;font-size:10px}.top-auth{width:36px;padding:0;justify-content:center}.top-auth span{display:none}.account-logout{padding:0 8px}.auth-panel{padding:20px}.admin-job{min-height:210px}}
.kill-modifiers img,.kill-headshot{filter:brightness(0) invert(1)}
@media (max-width: 560px){.sessions-list .table-row{grid-template-columns:repeat(2,minmax(0,1fr))}.sessions-list .table-row>.player-cell,.sessions-list .session-map-cell{grid-column:auto}.sessions-list .player-cell small{display:none}.kill-time{display:none}.kill-map{display:flex;grid-column:1;grid-row:1;height:34px}.kill-map span{display:none}}
@media (max-width: 1220px){.activity-trend-panel .chart-frame{min-height:320px}}
@media (max-width: 1220px){.trend-kpis{grid-template-columns:repeat(3,minmax(0,1fr))}.trend-metric:first-child,.trend-metric:last-child{border-radius:0}}
@media (max-width: 900px){.latest-matches-panel{margin-bottom:12px}.match-list-row{min-height:92px}}
@media (max-width: 900px){.admin-moderation{grid-template-columns:1fr}.moderation-table .table-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 16px;padding:12px}.moderation-table .player-cell{grid-column:1/-1}.moderation-table .table-row>[data-label]::before{content:attr(data-label);display:block;color:var(--muted);font-size:10px;font-weight:850;text-transform:uppercase}.moderation-actions{align-self:end;justify-self:end}}
@media (max-width: 980px){.admin-db-nav{grid-template-columns:1fr}.admin-db-nav .panel-heading{border-right:0;border-bottom:1px solid var(--border-soft)}.admin-db-nav a{min-width:158px}.admin-db-field-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-db-filter{grid-template-columns:1fr 1fr}.admin-db-filter label{grid-column:1/-1}.admin-db-filter button{grid-column:1/-1}}
@media (max-width: 560px){.admin-db-field-grid,.admin-db-filter{grid-template-columns:1fr}.admin-db-filter select{grid-column:1}.admin-db-table{min-width:760px}.admin-db-form-actions .command-button{width:100%}}
@media (max-width: 1100px){.vip-center-hero,.vip-center-grid{grid-template-columns:1fr}.vip-pass-main{border-right:0;border-bottom:1px solid color-mix(in srgb,#f6c453 20%,var(--border-soft))}.vip-create-form{grid-template-columns:repeat(2,minmax(0,1fr))}.vip-player-field{grid-column:1/-1}.vip-create-form .command-button{grid-column:1/-1}.vip-table .table-head,.vip-table .table-row{grid-template-columns:minmax(220px,1.1fr) 100px minmax(130px,.7fr) minmax(300px,1.2fr)}.vip-actions{grid-template-columns:1fr 1fr}.vip-actions form:last-child{justify-content:flex-end}.vip-admin-form{grid-template-columns:repeat(2,minmax(0,1fr))}.vip-admin-form .command-button{grid-column:1/-1}}
@media (max-width: 900px){.vip-center-hero{min-height:0}.vip-pass-main,.vip-wallet{padding:16px}.vip-wallet{grid-template-columns:1fr}.vip-wallet-balance strong{font-size:42px}.vip-daily-claim{padding:14px 0 0;border-left:0;border-top:1px solid color-mix(in srgb,#f6c453 28%,var(--border-soft))}.vip-table .table-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 16px;padding:12px}.vip-table .player-cell,.vip-actions{grid-column:1/-1}.vip-table .table-row>[data-label]::before{content:attr(data-label);display:block;color:var(--muted);font-size:10px;font-weight:850;text-transform:uppercase}.vip-actions{grid-template-columns:repeat(2,minmax(0,1fr))}.vip-ledger-row{grid-template-columns:1fr auto;gap:6px 12px}.vip-ledger-row time{text-align:left}.vip-ledger-row time,.vip-ledger-row>span:nth-child(3){grid-column:1/-1}}
@media (max-width: 900px){.chatlogs-filter{grid-template-columns:minmax(0,1fr) minmax(150px,.5fr) auto auto}.chatlogs-filter button,.chatlogs-filter .subtle-button{grid-column:auto}.chatlogs-table .table-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 16px;padding:12px}.chatlogs-table .player-cell,.chatlog-message{grid-column:1/-1}.chatlogs-table .table-row>[data-label]::before{content:attr(data-label);display:block;color:var(--muted);font-size:10px;font-weight:850;text-transform:uppercase}.chatlog-actions{justify-content:flex-start}}
@media (max-width: 900px){.trend-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.panel-heading{align-items:flex-start;flex-wrap:wrap}.chart-tabs{max-width:100%}.weapon-insight-row{grid-template-columns:58px minmax(110px,1fr) repeat(3,minmax(68px,.55fr))}.weapon-insight-row>img{width:54px}}
@media (max-width: 560px){.activity-trend-panel .chart-frame{min-height:260px}.match-list{padding:4px 6px}.match-list-row{grid-template-columns:minmax(0,1fr) 54px minmax(0,1fr);gap:6px;padding:8px 5px}.match-list-team>a strong{max-width:110px}.player-popover{min-width:166px}.match-history-row .rk5-tooltip{bottom:auto;top:calc(100% + 7px)}.match-hero-score{font-size:34px}.status-icon:hover::after{display:none}}
@media (max-width: 560px){.trend-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.trend-metric{min-height:76px;padding:9px}.trend-metric>strong{font-size:17px}.chart-tabs{width:100%}.chart-tabs button{min-width:0;flex:1}.weapon-insight-row{grid-template-columns:52px minmax(0,1fr) repeat(3,minmax(0,1fr));gap:7px;padding:7px 0}.weapon-insight-row>img{width:48px}.weapon-insight-name{grid-column:2/-1}.weapon-insight-row>span:not(.weapon-insight-name){text-align:left}.map-card-media{height:132px}.map-card-metrics>span{padding:8px 5px}.map-card-metrics b{font-size:11px}.map-card-trend{grid-template-columns:auto minmax(80px,1fr)}.map-hero{min-height:260px;padding:16px 16px 68px}.map-hero-spark{height:56px}}
@media (max-width: 560px){.moderation-form{grid-template-columns:1fr}.moderation-field--wide,.moderation-player-preview,.moderation-submit{grid-column:1}.input-command,.connection-search{flex-direction:column}.input-command button,.connection-search button{width:100%}.moderation-player-preview{grid-template-columns:40px minmax(0,1fr)}.moderation-player-preview .subtle-button{grid-column:1/-1}.connection-state{min-height:180px}.connection-ip-list>span{align-items:flex-start;flex-direction:column;gap:2px}.moderation-table .table-row{grid-template-columns:1fr}.moderation-table .player-cell{grid-column:1}.moderation-actions{justify-self:start}}
@media (max-width: 560px){.vip-identity{grid-template-columns:58px minmax(0,1fr)}.vip-center-avatar{width:58px;height:58px}.vip-identity strong{font-size:22px}.vip-pass-status strong{font-size:20px}.vip-wallet-balance strong{font-size:36px}.vip-checkout,.vip-market-stats,.vip-admin-form,.vip-create-form,.vip-filter,.vip-actions,.vip-task-range,.vip-task-foot{grid-template-columns:1fr}.vip-day-presets{grid-template-columns:repeat(2,minmax(0,1fr))}.vip-capacity-meter{grid-template-columns:repeat(10,minmax(0,1fr))}.vip-guest-panel{align-items:flex-start;flex-direction:column}.vip-guest-panel .command-button{width:100%}.vip-filter .filter-check,.vip-filter .subtle-button{grid-column:1/-1;width:100%}.vip-table .table-row{grid-template-columns:1fr}.vip-table .player-cell{grid-column:1}.vip-actions form{flex-direction:column}.vip-actions form:last-child{justify-content:flex-start}.vip-actions .icon-button{width:100%}}
@media (max-width: 560px){.chatlogs-filter{grid-template-columns:1fr}.chatlogs-filter .filter-input,.chatlogs-filter select,.chatlogs-filter .subtle-button{grid-column:1/-1}.chatlogs-table .table-row{grid-template-columns:1fr}.chatlogs-table .player-cell{grid-column:1}.chatlog-actions{align-items:flex-start}.chatlog-actions .icon-button{width:34px;height:34px}}
@media (max-width: 1180px){.topbar-server-card{width:196px;flex-basis:196px}.topbar-server-strip{justify-content:flex-start}.global-search{max-width:390px}}
@media (max-width: 900px){.sidebar-account{margin-top:8px}.topbar-server-strip{flex:1;margin-left:0}.topbar-server-card{width:190px;flex-basis:190px}.global-search{flex:1 1 260px;min-width:160px}.server-metrics{grid-template-columns:repeat(3,minmax(0,1fr))!important}}
@media (max-width: 680px){.global-search{display:none}.topbar{gap:8px;padding:0 10px}.topbar-server-strip{max-width:none}.topbar-server-card{width:196px;flex-basis:196px}}
@media (max-width: 700px){.server-guide{grid-template-columns:1fr}}@media (max-width: 560px){.server-page-actions,.server-page-controls,.server-activity-control{width:100%}.server-page-actions{align-items:stretch}.server-page-controls{grid-template-columns:1fr}.server-metrics{grid-template-columns:1fr!important}.server-uptime-chart{grid-template-columns:1fr!important}.server-player-activity-head,.server-statistics-head{flex-direction:column}.server-player-activity-summary{width:100%}.server-statistics-head>[data-server-statistics-trend]{max-width:none;text-align:left}.server-statistics-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.server-statistics-metrics>div:nth-child(2){border-right:0}.server-statistics-metrics>div:nth-child(-n+2){border-bottom:1px solid var(--border-soft)}.server-statistics-highlights{grid-template-columns:1fr}.server-statistics-detail-grid{grid-template-columns:1fr}.server-heatmap{grid-template-columns:28px repeat(8,minmax(0,1fr));gap:2px}.server-heatmap-corner,.server-heatmap-time{font-size:8px}.server-heatmap-day{font-size:9px}.server-heatmap-cell{height:30px;font-size:10px}.server-title{flex-direction:column}.server-title>small{margin-top:-6px}}
@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}.map-card,.map-card-media>img,.sidebar,.vip-wallet [data-vip-number]{transition:none}.rkPremierRatingFx span,.milestone-track,.kill-row--incoming,.player-rank-badge--foil::after,.vip-checkout strong.is-changing,.vip-daily-claim,.realtime-toast{animation:none}.milestone-viewport{overflow-x:auto}}

.website-member-filter label { flex: 1; }
.website-member-table .table-head,.website-member-table .table-row { grid-template-columns: minmax(280px,1.45fr) minmax(150px,.65fr) minmax(170px,.8fr) minmax(130px,.55fr); }
.website-member-row { min-height: 64px; }
.website-member-identity { min-width: 0; display: flex; align-items: center; gap: 11px; }
.website-member-avatar { width: 42px; height: 42px; flex: none; border-radius: 4px; }
.website-member-identity > span:last-child { min-width: 0; display: flex; flex-direction: column; }
.website-member-identity small { color: var(--muted); font-size: 10px; }
.website-member-name { min-width: 0; display: inline-flex; align-items: center; gap: 6px; width: fit-content; max-width: 100%; font-size: 14px; font-weight: 850; }
.website-member-name > span { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.website-member-name--owner { color: #f6d978; }
.website-member-name--admin { color: #ff8aa0; }
.website-member-name--moderator { color: #7dd3fc; }
.website-member-name--user { color: #6ee7c7; }
.website-member-crown { width: 15px; height: 15px; flex: none; background: currentColor; -webkit-mask: url('/assets/icons/crown.svg') center/contain no-repeat; mask: url('/assets/icons/crown.svg') center/contain no-repeat; }
.website-role { display: inline-flex; align-items: center; min-height: 23px; padding: 3px 7px; border-left: 2px solid var(--border); background: #0b1519; color: var(--muted); font-size: 9px; font-weight: 850; text-transform: uppercase; }
.website-role--owner { border-left-color: #f6c84c; color: #f6d978; }
.website-role--admin { border-left-color: #ff5b78; color: #ff8aa0; }
.website-role--moderator { border-left-color: var(--blue); color: #7dd3fc; }
.website-role--user { border-left-color: var(--accent); color: #6ee7c7; }
.website-member-date strong { font-size: 11px; }
.website-member-action a { display: inline-flex; align-items: center; min-height: 32px; padding: 0 10px; border: 1px solid var(--border); border-radius: 4px; color: var(--text); font-size: 10px; font-weight: 800; }
.website-member-action a:hover { border-color: var(--accent); color: var(--accent); }
.website-member-action em { color: var(--muted-2); font-size: 10px; font-style: normal; }
.profile-kicker { display: flex; align-items: center; flex-wrap: wrap; gap: 8px; }
.profile-website-member { display: inline-flex; align-items: center; gap: 5px; min-height: 22px; padding: 2px 7px; border-left: 2px solid var(--accent); background: #0b1519; color: #6ee7c7; font-size: 9px; font-weight: 850; text-transform: uppercase; }
.profile-website-member img { width: 13px; height: 13px; filter: brightness(0) saturate(100%) invert(86%) sepia(21%) saturate(876%) hue-rotate(105deg) brightness(96%) contrast(86%); }
@media (max-width: 900px){.website-member-table .table-row{grid-template-columns:repeat(2,minmax(0,1fr))}.website-member-table .website-member-identity{grid-column:1/-1}.website-member-action{justify-self:start}}
@media (max-width: 560px){.website-member-table .table-row{grid-template-columns:1fr}.website-member-table .website-member-identity{grid-column:1}.website-member-action{justify-self:stretch}.website-member-action a{justify-content:center;width:100%}}
@media (max-width: 900px){.map-image-admin-grid,.announcement-admin-grid{grid-template-columns:1fr}.overview-announcement{grid-template-columns:38px minmax(0,1fr)}.overview-announcement>a{grid-column:2;padding:8px 0 0;border-left:0;border-top:1px solid color-mix(in srgb,var(--announcement-color) 24%,var(--border))}.announcement-admin-card{grid-template-columns:42px minmax(0,1fr)}.announcement-admin-actions{grid-column:2;justify-content:flex-start}}
@media (max-width: 560px){.map-image-upload-form .command-button{width:100%;justify-content:center}.map-image-grid{grid-template-columns:1fr}.map-image-preview{height:132px}.map-image-rename-form{grid-template-columns:1fr}.map-image-actions{align-items:stretch;flex-direction:column}.map-image-actions>*{width:100%}.map-image-actions .subtle-button{justify-content:center}.announcement-tone-options,.announcement-link-fields{grid-template-columns:1fr}.overview-announcement{grid-template-columns:32px minmax(0,1fr);padding:11px}.overview-announcement-icon{width:32px;height:32px}.announcement-admin-card{grid-template-columns:34px minmax(0,1fr);padding:11px}.announcement-admin-marker{width:32px;height:32px}.announcement-admin-actions{flex-wrap:wrap}}