body.rank-redesign { --rank-bg:#111416; --rank-surface:#1a1e20; --rank-line:#303638; --rank-muted:#a3adaf; --rank-ink:#eef1ef; --rank-coral:#ff7867; background:var(--rank-bg) !important; color:var(--rank-ink); font-size:14px; line-height:1.6; }
.rank-redesign a,.rank-redesign a:visited { color:#c5ddda; }
.rank-redesign a:hover { color:#fff; }
.rank-redesign .d90x-icon { width:18px; height:18px; }
.rank-shell,.d90x-rank.rank-redesign > .block,.d90x-rank.rank-redesign > .content { width:100%; max-width:1440px; padding:0 32px; margin:auto; }
.rank-header { border-top:3px solid #f27866; border-bottom:1px solid var(--rank-line); background:#191d1f; }
.rank-header-inner { min-height:80px; display:flex; align-items:center; gap:24px; }
.rank-header .d90x-brand { flex:none; }
.rank-header-divider { height:30px; width:1px; background:#394042; }
.rank-section-brand { font-size:17px; line-height:1.2; color:#f3f5f2 !important; font-weight:800; }
.rank-section-brand > span { display:block; margin-top:4px; color:#a3adaf; font-size:10px; font-weight:500; }
.rank-project-nav { display:flex; align-items:center; gap:25px; margin-left:auto; }
.rank-project-nav > a { display:inline-flex; align-items:center; gap:7px; font-size:12px; color:#c4cccd; }
.d90x-rank.rank-redesign > .rank-page-head { padding-top:30px; }
.rank-heading-row { display:flex; align-items:center; justify-content:space-between; gap:24px; margin-bottom:27px; }
.rank-heading-copy { min-width:0; }
.rank-kicker { display:flex; align-items:center; gap:8px; margin:0 0 8px; color:#a8b8b4; font-size:10px; font-weight:700; }
.rank-kicker .d90x-icon { color:#f58a78; width:15px; height:15px; }
.rank-redesign h1 { color:#f0f3ef; font-size:32px; line-height:1.3; font-weight:800; overflow-wrap:anywhere; margin:0; }
.rank-redesign .rank-search { margin-left:auto; max-width:390px; gap:8px; min-width:260px; }
.rank-search-field { display:flex; align-items:center; gap:10px; flex:1; min-width:0; border:1px solid #414b4e; border-radius:5px; padding-left:13px; background:#1c2225; }
.rank-search-field .d90x-icon { flex:none; color:#a5b1b5; }
.d90x-rank.rank-redesign .rank-search input[type="search"] { width:100%; padding:11px 10px 11px 0; height:44px; min-height:44px; border:0 !important; outline:0; background:transparent !important; box-shadow:none; font-size:13px; }
.rank-search-field:focus-within { border-color:#91c7c4; outline:1px solid #91c7c4; }
.rank-redesign .rank-search button { width:44px; height:44px; background:#ee7969; color:#181c1d; border-color:#ee7969; }
.rank-search button:hover { background:#ff9a89; }
.rank-game-tabs { display:flex; align-items:center; flex-wrap:wrap; gap:4px; border-bottom:1px solid #353c3e; min-height:49px; margin-bottom:22px; }
.rank-game-tabs > a { display:inline-flex; align-items:center; gap:9px; min-height:49px; padding:11px 19px; font-size:13px; color:#aab6b7; border-bottom:2px solid transparent; margin-bottom:-1px; font-weight:650; }
.rank-game-tabs > a:first-child { padding-left:0; margin-right:12px; }
.rank-game-tabs > a[aria-current] { color:#f6f3ea; border-bottom-color:#f18470; }
.rank-game-tabs > a:hover { color:#fff; background:#1b2022; }
.rank-game-marker { width:7px; height:7px; background:#91d4bd; border-radius:2px; }
[data-game="cssv34"] .rank-game-marker { background:#e2bb75; }
[data-game="csgo"] .rank-game-marker { background:#9eafeb; }
.rank-section-nav { display:flex; align-items:center; flex-wrap:wrap; gap:6px; margin:-3px 0 25px; }
.rank-section-nav > a { display:inline-flex; align-items:center; gap:8px; padding:8px 13px; color:#a8b5b7; font-size:12px; border-radius:4px; min-height:38px; }
.rank-section-nav > a:hover { background:#232a2d; color:#fff; }
.rank-section-nav > a[aria-current] { background:#2b3633; color:#bce4d0; }
.rank-section-nav > .rank-more-link { margin-left:auto; }
.d90x-rank.rank-redesign > .content { padding-bottom:0; }
.rank-redesign #rank-content { outline:0; color:var(--rank-ink); }
.rank-metrics { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:12px; padding:0; margin:0 0 30px; }
.rank-metric { --metric-accent:#9acdb8; --metric-tint:#24352e; --metric-border:#3a5046; position:relative; display:flex; flex-direction:column; justify-content:space-between; gap:21px; min-width:0; padding:19px 17px 17px; border:1px solid #35403e; border-radius:9px; background:linear-gradient(145deg,#1d2423,#191e20); }
.rank-metric::before { content:""; position:absolute; top:-1px; left:17px; width:30px; height:2px; border-radius:0 0 2px 2px; background:var(--metric-accent); opacity:.7; }
.rank-metric-players { --metric-accent:#afc0dd; --metric-tint:#28323e; --metric-border:#3f4c60; }
.rank-metric-kills { --metric-accent:#e2a492; --metric-tint:#3a2c29; --metric-border:#60463d; }
.rank-metric-headshots { --metric-accent:#d9c18b; --metric-tint:#363226; --metric-border:#58513c; }
.rank-metric-new { --metric-accent:#bcb4e2; --metric-tint:#302d40; --metric-border:#4f4963; }
.rank-metric-heading { display:flex; align-items:center; gap:10px; min-width:0; min-height:36px; }
.rank-metric-icon { display:grid; place-items:center; flex:0 0 34px; width:34px; height:34px; border:1px solid var(--metric-border); border-radius:9px; background:var(--metric-tint); color:var(--metric-accent); }
.rank-metric-icon .d90x-icon { display:inline-flex; align-items:center; justify-content:center; width:17px; height:17px; }
.rank-metric-label { color:#b0bfbb; font-size:12px; font-weight:600; line-height:1.45; overflow-wrap:break-word; }
.rank-metric-value { display:flex; flex-wrap:wrap; align-items:baseline; gap:3px 8px; min-width:0; margin:0; color:#f1f5f1; font-size:clamp(25px,2.15vw,34px); font-weight:800; line-height:1.2; letter-spacing:-.6px; font-variant-numeric:tabular-nums; overflow-wrap:anywhere; }
.rank-metric-value small { color:#98aaa3; font-size:12px; font-weight:500; line-height:1.4; letter-spacing:0; white-space:nowrap; }
.rank-metric-value.is-unavailable { color:#899a94; }
.rank-section-heading { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:12px; min-height:32px; margin:0 0 15px; }
.rank-redesign .rank-section-heading h2 { display:flex; align-items:center; gap:10px; margin:0; color:#edf2ef; font-size:18px; line-height:1.4; font-weight:750; }
.rank-section-heading h2 > .d90x-icon { color:#91bcb0; }
.rank-section-heading > a { display:inline-flex; align-items:center; gap:7px; color:#bdcfc6; font-size:11px; }
.rank-section-heading > span { font-size:11px; color:#96a5a6; }
.rank-updated { display:flex; align-items:center; gap:7px; }
.rank-icon-button { display:inline-flex; align-items:center; justify-content:center; width:31px; height:31px; padding:0; border:1px solid #3b4749; background:transparent; color:#a9b9b9; border-radius:4px; cursor:pointer; margin-left:6px; }
.rank-icon-button:hover { background:#2d3939; color:#fff; }
.rank-server-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:20px; margin-bottom:34px; }
.rank-server { min-width:0; border:1px solid #384143; border-radius:7px; overflow:hidden; background:#1a1f21; }
.rank-server:hover { border-color:#65746f; }
.rank-server-media { display:block; position:relative; aspect-ratio:3 / 1; overflow:hidden; background:#293331; }
.rank-server-media > img,.rank-map-media > img { position:relative; width:100%; height:100%; display:block; object-fit:cover; }
.rank-server-media > img { object-position:center 42%; }
.rank-map-fallback { display:grid; place-items:center; position:absolute; inset:0; color:#829b91; }
.rank-map-fallback .d90x-icon { width:35px; height:35px; }
.rank-edition { position:absolute; left:14px; top:12px; padding:3px 7px; border-radius:3px; color:#eff6ef; background:#17201de8; font-size:9px; line-height:1.7; font-weight:800; }
.rank-server-index { position:absolute; bottom:9px; right:15px; color:#fff; font-size:27px; line-height:1; font-weight:800; text-shadow:0 1px 9px #000; }
.rank-server-info { padding:15px 17px 10px; }
.rank-game-title { display:flex; align-items:flex-start; gap:10px; min-height:46px; font-size:16px; font-weight:800; line-height:1.4; color:#f0f3ee !important; }
.rank-game-title > .d90x-icon { margin:2px 0 0 auto; flex:none; color:#8eaaa0; }
.rank-server-name { margin:3px 0 15px; font-size:10px; color:#98a8a9; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
.rank-server-live { display:flex; align-items:center; justify-content:space-between; gap:10px; font-size:11px; }
.rank-server-live > span { display:inline-flex; align-items:center; gap:7px; min-width:0; overflow-wrap:anywhere; }
.rank-server-live .d90x-icon { width:15px; height:15px; color:#9ab7ae; }
.rank-server-live strong { font-size:14px; }
.rank-server-live small { color:#a1adad; font-size:11px; }
.rank-occupancy { appearance:none; display:block; width:100%; height:3px; border:0; margin:10px 0 8px; background:#343f3c; }
.rank-occupancy::-webkit-meter-bar { background:#343f3c; border:0; border-radius:0; height:3px; }
.rank-occupancy::-webkit-meter-optimum-value { background:#98c9b7; }
.rank-occupancy::-moz-meter-bar { background:#98c9b7; }
[data-game="cssv34"] .rank-occupancy::-webkit-meter-optimum-value { background:#d2b780; }
[data-game="csgo"] .rank-occupancy::-webkit-meter-optimum-value { background:#9ba9dc; }
.rank-server-new-players { display:flex; align-items:center; justify-content:space-between; gap:10px; padding:7px 0 10px; margin-bottom:3px; border-bottom:1px solid #303b37; color:#9cafa7; font-size:11px; }
.rank-server-new-players > span { display:inline-flex; align-items:center; gap:7px; min-width:0; }
.rank-server-new-players .d90x-icon { flex:none; width:14px; height:14px; color:#a6bbae; }
.rank-server-new-players > strong { color:#c7e1d1; font-size:13px; font-weight:700; font-variant-numeric:tabular-nums; overflow-wrap:anywhere; }
.rank-server[data-game="cssv34"] .rank-server-new-players > strong { color:#ddc899; }
.rank-server[data-game="csgo"] .rank-server-new-players > strong { color:#bdc9ee; }
.rank-server .rank-server-new-players > .is-unavailable { color:#879990; }
.rank-server-bottom { display:flex; align-items:center; justify-content:space-between; gap:10px; min-height:38px; }
.rank-address { display:inline-flex; align-items:center; gap:8px; padding:5px 0; min-width:0; border:0; color:#9cafad; background:transparent; font-family:Consolas,"Courier New",monospace !important; font-size:11px; overflow-wrap:anywhere; text-align:left; cursor:pointer; }
.rank-address:hover { color:#fff; }
.rank-address .d90x-icon { width:13px; height:13px; flex:none; }
.rank-server-bottom > a { display:inline-flex; align-items:center; gap:8px; font-size:11px; color:#c7dacf; }
.rank-server-grid.is-single { grid-template-columns:1fr; }
.is-single .rank-server { display:grid; grid-template-columns:minmax(220px,31%) minmax(0,1fr); }
.is-single .rank-server-media { aspect-ratio:auto; min-height:180px; }
.is-single .rank-game-title { min-height:0; font-size:20px; }
.is-single .rank-server-info { padding:19px 24px 13px; }
.rank-dashboard-columns { display:grid; grid-template-columns:minmax(0,1fr) 340px; gap:28px; margin-bottom:32px; }
.rank-dashboard-columns > * { min-width:0; }
.rank-table-scroll { width:100%; overflow:auto; scrollbar-color:#687a74 #1b2220; scrollbar-width:thin; }
.rank-table { width:100%; border-collapse:collapse; font-size:13px; }
.rank-table th { padding:11px 12px; text-align:right; color:#92a49f; font-size:10px; font-weight:650; border-top:1px solid #3b4742; border-bottom:1px solid #3b4742; background:#1d2522; white-space:nowrap; }
.rank-table th:first-child,.rank-table th:nth-child(2) { text-align:left; }
.rank-table td { padding:10px 12px; border-bottom:1px solid #2e3733; color:#c1ceca; text-align:right; font-variant-numeric:tabular-nums; }
.rank-table td:first-child,.rank-table td:nth-child(2) { text-align:left; }
.rank-table tr:hover > td { background:#1e2823; }
.rank-table td:first-child { width:45px; }
.rank-leading-row { background:#171e1b; }
.rank-position { color:#8b9e95; font-size:12px; font-weight:600; }
.rank-position-1,.rank-position-2,.rank-position-3 { display:inline-grid; place-items:center; min-width:23px; height:25px; border-radius:4px; background:#3c3422; color:#edca83; }
.rank-position-2 { color:#c4d0d2; background:#2b3436; }
.rank-position-3 { color:#d8ac8a; background:#392f29; }
.rank-player-name { display:flex; align-items:center; gap:10px; min-width:0; color:#e0e9e1 !important; }
.rank-player-initial { display:grid; place-items:center; flex:none; width:34px; height:34px; border-radius:5px; font-size:16px; font-weight:800; background:#2d4037; color:#a8d6bd; }
.rank-player-initial[data-game="cssv34"] { background:#3d382b; color:#e2c58c; }
.rank-player-initial[data-game="csgo"] { background:#303640; color:#bfcaea; }
.rank-player-name > span:last-child { display:flex; flex-direction:column; min-width:0; max-width:280px; }
.rank-player-name strong { color:inherit; font-size:13px; font-weight:650; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.rank-player-name small { color:#8d9c96; font-size:9px; }
.rank-table .rank-score { color:#dce9dd; font-weight:800; }
.rank-activity { border-left:1px solid var(--rank-line); padding-left:26px; }
.rank-live-label { display:flex; align-items:center; gap:7px; }
.rank-live-label > span { width:5px; height:5px; background:#90cbae; border-radius:50%; }
.rank-frags { margin:0; padding:0; list-style:none; }
.rank-frags li { padding:11px 0; border-bottom:1px solid #2a3330; }
.rank-frag-top { display:flex; align-items:center; justify-content:space-between; gap:10px; margin-bottom:7px; }
.rank-game-tag { display:inline-flex; align-items:center; max-width:100%; width:max-content; padding:2px 6px; border:1px solid #3b5246; border-radius:3px; color:#add1b8; font-size:9px; font-weight:750; }
.rank-game-tag[data-game="cssv34"] { color:#dcc695; border-color:#514936; }
.rank-game-tag[data-game="csgo"] { color:#bbc8e4; border-color:#424c60; }
.rank-frag-top time { color:#83958d; font-size:10px; }
.rank-frag-players { display:flex; align-items:center; gap:8px; font-size:12px; }
.rank-frag-players > a { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; max-width:48%; font-weight:650; }
.rank-frag-players > .d90x-icon { width:14px; height:14px; color:#dd9679; flex:none; }
.rank-frag-players > .rank-frag-victim { color:#9aaba2; font-weight:500; }
.rank-frag-weapon { display:block; margin-top:4px; color:#a0967c; font-size:9px; }
.rank-bottom-columns { padding-top:4px; }
.rank-map-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:14px; }
.rank-map-tile { min-width:0; border:1px solid #343f39; border-radius:5px; overflow:hidden; background:#1a211d; }
.rank-map-media { position:relative; aspect-ratio:16 / 9; background:#29352d; }
.rank-map-tile > div:last-child { padding:11px 12px; }
.rank-map-tile strong { display:block; font-size:13px; }
.rank-map-tile small { display:block; margin-top:4px; color:#9ba99d; font-size:10px; }
.rank-weapon-list { margin:0; padding:0; list-style:none; }
.rank-weapon-list > li { display:flex; align-items:center; gap:14px; padding:12px 0; border-bottom:1px solid #30382f; }
.rank-weapon-index { color:#849680; font-size:10px; }
.rank-weapon-name { flex:1; font-size:12px; font-weight:700; }
.rank-weapon-list strong { color:#c1d1be; font-size:12px; }
.rank-weapon-bar { display:block; height:3px; margin-top:7px; background:#2f392e; }
.rank-weapon-bar > span { display:block; height:3px; background:#a2ad7a; }
.rank-player-summary { display:flex; align-items:center; gap:22px; padding:4px 0 28px; margin-bottom:28px; border-bottom:1px solid #38423d; }
.rank-profile-mark { position:relative; display:grid; place-items:center; flex:none; width:106px; height:106px; background:#2a3b32; border:1px solid #576f5d; border-radius:7px; font-size:53px; color:#bed4b9; font-weight:800; }
.rank-profile-mark > .rank-profile-badge { position:absolute; display:grid; place-items:center; bottom:-7px; right:-7px; width:29px; height:29px; border-radius:4px; border:1px solid #7f8765; background:#a6ad78; color:#1b251a; }
.rank-profile-identity { min-width:0; display:flex; flex-direction:column; align-items:flex-start; gap:7px; }
.rank-profile-identity > strong { font-size:18px; font-weight:750; }
.rank-profile-time { display:flex; align-items:center; gap:7px; color:#9eafa3; font-size:11px; }
.rank-profile-time .d90x-icon { width:14px; height:14px; }
.rank-profile-metrics { margin-left:auto; display:grid; grid-template-columns:repeat(4,minmax(85px,1fr)); gap:22px; }
.rank-profile-metrics > div { border-left:1px solid #354136; padding-left:22px; }
.rank-profile-metrics span { display:block; font-size:11px; color:#a1b29f; }
.rank-profile-metrics strong { font-size:28px; color:#e4edda; display:block; font-weight:800; }
.rank-profile-metrics small { font-size:15px; }
.rank-redesign .content .block { margin:0 0 28px; padding:0; width:100%; background:transparent; }
.rank-redesign .fNormal,.rank-redesign .subblock { color:#bfcac4; font-size:13px; }
.rank-redesign .fSmall { color:#a2b0a7; font-size:11px; }
.rank-redesign .fHeading { color:#e8ede6; font-size:17px; font-weight:700; }
.rank-redesign img[src$="downarrow.gif"] { display:none; }
.rank-redesign .data-table { width:100% !important; border:0 !important; border-collapse:collapse; background:#1a1e21; }
.rank-redesign .data-table td,.rank-redesign .data-table th { border:0; border-bottom:1px solid #343b3f; background:transparent; color:#c7d0d3; padding:13px 14px; font-size:12px; line-height:1.6; }
.rank-redesign .data-table tr:nth-child(even):not(.data-table-head) { background:#1e2326; }
.rank-redesign .data-table-head,.rank-redesign .data-table-head > td,.rank-redesign .data-table-head > th { background:#282e32 !important; color:#b8c4ca !important; font-size:10px; font-weight:650; border-top:1px solid #48545b; border-bottom:1px solid #48545b; }
.rank-redesign .data-table-head a { color:#d6e2e6; }
.rank-redesign .data-table-head .fHeading { font-size:14px; }
.rank-redesign .data-table tr:hover > td:not(.data-table-head) { background:#2a343a; }
.rank-redesign .data-table .bg1,.rank-redesign .data-table .bg2 { background:transparent; }
.rank-redesign .d90x-table-scroll { border-radius:4px; scrollbar-color:#697963 #1b241b; margin-bottom:8px; }
.rank-redesign .d90x-table-scroll > table { min-width:0; }
.rank-redesign .d90x-table-scroll > table.rank-wide-table { min-width:850px; }
.rank-redesign .data-table img { vertical-align:middle; }
.rank-redesign .data-table .fSmall { color:inherit; }
.rank-redesign #main ul.subsection_tabs { display:flex; flex-wrap:wrap; gap:5px; margin:0 0 20px !important; padding:0; border-bottom:1px solid #3d4548; height:auto; min-height:44px; }
.rank-redesign #main ul.subsection_tabs li { display:block; float:none; margin:0; padding:0; list-style:none; border:0; background:transparent; }
.rank-redesign #main ul.subsection_tabs li a { display:block; width:auto; height:auto; padding:10px 15px; border:0; border-bottom:2px solid transparent; border-radius:0; color:#b2bdc1; font-size:12px; font-weight:650; background:transparent; }
.rank-redesign #main ul.subsection_tabs li a.active { color:#f0e4cc; border-bottom-color:#dbb77c; background:#2d2b24; }
.rank-redesign #main ul.subsection_tabs li a:hover { background:#30373a; color:#fff; }
.rank-redesign .rank-detail-columns { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:24px; }
.rank-redesign .rank-detail-columns > div { float:none !important; width:100% !important; min-width:0; }
.rank-redesign .rank-detail-columns > div[style*="clear"] { grid-column:1 / -1; }
.rank-redesign #player_avatar { width:110px; max-width:110px; padding:13px; }
.rank-redesign #player_avatar img { width:80px; height:80px; object-fit:cover; border-radius:6px; }
.rank-redesign .data-table-head br { display:none; }
.rank-redesign input[type="submit"],.rank-redesign input[type="button"] { background:#3a4a35; border:1px solid #718264; color:#e3eed9; min-height:36px; }
.rank-redesign input:not([type="hidden"]),.rank-redesign select,.rank-redesign textarea { color:#e5ebed; background:#252c30; border-color:#54616a; }
.rank-redesign .rank-footer { width:100%; max-width:none; display:flex; flex-wrap:wrap; align-items:center; gap:18px; margin:40px 0 0 !important; padding:25px 0 22px !important; border-top:1px solid #354131; color:#84937f; }
.rank-footer > div { display:flex; flex-direction:column; gap:4px; }
.rank-footer-brand { font-size:17px; color:#dfe9d6 !important; font-weight:800; }
.rank-footer-brand span { color:#ed8d73; }
.rank-footer > div > span { font-size:10px; color:#8b9c85; }
.rank-footer nav { margin-left:auto; display:flex; flex-wrap:wrap; gap:20px; }
.rank-footer nav a { color:#abbca2; font-size:11px; }
.rank-footer p { flex-basis:100%; padding-top:15px; border-top:1px solid #283224; margin:0; color:#788c70; font-size:10px; }
.rank-footer p a { color:#9bac91; }
.rank-empty { padding:35px 15px !important; color:#a6b39e !important; text-align:center; }
.rank-player-general { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:32px; margin:0 0 25px; }
.rank-player-grade { display:flex; align-items:center; gap:20px; padding:0 0 24px; margin-bottom:28px; border-bottom:1px solid #37413e; }
.rank-player-grade > img { width:42px; height:84px; object-fit:contain; flex:none; }
.rank-player-grade > div { min-width:0; flex:1; }
.rank-player-grade .rank-kicker { display:block; margin-bottom:3px; font-size:9px; }
.rank-player-grade strong { display:block; color:#e6e6cc; font-size:20px; font-weight:750; }
.rank-grade-next { display:block; margin:3px 0 9px; color:#9faa9b; font-size:11px; }
.rank-player-grade progress { display:block; width:100%; max-width:520px; height:4px; border:0; background:#353e31; }
.rank-player-grade progress::-webkit-progress-bar { background:#353e31; }
.rank-player-grade progress::-webkit-progress-value { background:#cbb378; }
.rank-player-grade progress::-moz-progress-bar { background:#cbb378; }
.rank-player-grade > a { display:flex; align-items:center; gap:7px; font-size:11px; flex:none; }
.rank-grades-grid { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:15px; }
.rank-grade-tile { position:relative; display:flex; flex-direction:column; align-items:center; padding:18px 13px 13px; border:1px solid #3d453a; border-radius:6px; background:#1c211c; text-align:center; min-width:0; }
.rank-grade-tile:hover { background:#252e24; border-color:#899477; }
.rank-grade-index { position:absolute; top:12px; left:13px; color:#7f917b; font-size:10px; }
.rank-grade-tile > img { width:45px; height:90px; object-fit:contain; margin-bottom:14px; }
.rank-grade-tile > strong { min-height:44px; color:#dce6d4; font-size:13px; line-height:1.5; overflow-wrap:anywhere; }
.rank-grade-kills { font-size:11px; color:#c9b681; margin:6px 0 12px; }
.rank-grade-tile > small { display:flex; align-items:center; justify-content:space-between; gap:10px; width:100%; padding-top:10px; margin-top:auto; border-top:1px solid #364130; color:#8e9f86; font-size:10px; }
.rank-grade-tile > small .d90x-icon { width:14px; height:14px; }
.rank-player-general > section { min-width:0; }
.rank-facts { margin:0; }
.rank-facts > div { display:grid; grid-template-columns:minmax(120px,43%) minmax(0,1fr); gap:16px; padding:12px 0; border-bottom:1px solid #30383b; font-size:12px; }
.rank-facts dt { color:#9daeb0; font-weight:500; }
.rank-facts dd { margin:0; color:#dce4e1; overflow-wrap:anywhere; }
.rank-facts .rank-restricted { color:#f49e8f; }
.rank-shot-breakdown { display:flex; justify-content:space-between; gap:20px; margin:0 0 15px; }
.rank-shot-breakdown > div { min-width:0; }
.rank-shot-breakdown span { display:block; color:#a5b5b2; font-size:12px; }
.rank-shot-breakdown strong { display:flex; align-items:baseline; gap:12px; color:#e2e8d8; font-size:26px; }
.rank-shot-breakdown small { color:#d1b787; font-size:13px; }
.rank-shot-bar { display:block; height:6px; background:#35423e; margin:0 0 12px; border-radius:2px; overflow:hidden; }
.rank-shot-bar > span { display:block; height:6px; background:#dbb47b; }
.rank-player-links { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px 15px; margin-top:17px; }
.rank-player-links > a { display:flex; align-items:center; gap:8px; min-width:0; min-height:38px; border-bottom:1px solid #3a4545; color:#bdcec9; font-size:12px; }
.rank-player-links > a > :last-child { margin-left:auto; width:14px; height:14px; }
.rank-signature { border-top:1px solid #384341; border-bottom:1px solid #384341; margin-bottom:26px; }
.rank-signature summary { display:flex; align-items:center; gap:10px; padding:13px 0; color:#adc0b8; cursor:pointer; font-size:12px; list-style:none; }
.rank-signature summary > :last-child { margin-left:auto; }
.rank-signature summary::-webkit-details-marker { display:none; }
.rank-signature > div { display:flex; flex-wrap:wrap; align-items:flex-start; gap:18px; padding:10px 0 18px; }
.rank-signature img { max-width:100%; width:500px; height:auto; }
.rank-signature label { min-width:0; flex:1; color:#9fb3ab; font-size:11px; }
.rank-signature textarea { display:block; margin-top:7px; width:100%; min-width:200px; font-size:11px; }
.rank-events-toolbar { display:flex; align-items:center; flex-wrap:wrap; gap:15px; padding:12px 0 17px; border-bottom:1px solid #46514c; }
.rank-events-toolbar form { display:flex; align-items:flex-end; gap:8px; margin:0; }
.rank-events-toolbar label { display:flex; align-items:center; gap:12px; color:#a6b9b0; font-size:12px; }
.rank-events-toolbar select { min-height:36px; max-width:230px; }
.rank-events-toolbar > span { margin-left:auto; color:#92a69b; font-size:11px; }
.rank-events-toolbar .rank-icon-button { width:36px; height:36px; margin:0; }
.rank-events-list { margin:0; padding:0; list-style:none; }
.rank-events-list > li:not(.rank-empty) { display:grid; grid-template-columns:85px 145px minmax(0,1fr) 210px; align-items:center; gap:18px; padding:17px 0; border-bottom:1px solid #303b34; }
.rank-events-list time strong { display:block; color:#c7d6ca; font-size:12px; font-variant-numeric:tabular-nums; }
.rank-events-list time span { color:#84998b; font-size:10px; }
.rank-event-type { width:max-content; max-width:100%; border:1px solid #425849; padding:3px 7px; border-radius:3px; color:#b0d3ba; font-size:10px; }
[data-event="death"] .rank-event-type,[data-event="suicide"] .rank-event-type,[data-event="teamkill"] .rank-event-type { color:#e7b2a3; border-color:#634b40; }
[data-event="action"] .rank-event-type,[data-event="team_bonus"] .rank-event-type { color:#dfcea2; border-color:#5d563e; }
.rank-event-description { color:#c6d4c7; font-size:13px; overflow-wrap:anywhere; }
.rank-event-description > a { color:#e2e9dc; font-weight:650; }
.rank-event-server { min-width:0; }
.rank-event-server strong { display:block; color:#a5b9a6; font-size:11px; font-weight:600; }
.rank-event-server small { display:block; color:#819780; font-size:10px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.rank-pagination { display:flex; justify-content:flex-end; align-items:center; gap:15px; padding:20px 0; color:#a2b79e; font-size:12px; }
@media(min-width:1600px) { .rank-shell,.d90x-rank.rank-redesign > .block,.d90x-rank.rank-redesign > .content { max-width:1480px; } }
@media(max-width:1100px) {
    .rank-metrics { grid-template-columns:repeat(6,minmax(0,1fr)); }
    .rank-metric { grid-column:span 2; }
    .rank-metric:nth-last-child(-n+2) { grid-column:span 3; }
    .rank-dashboard-columns { grid-template-columns:minmax(0,1fr) 295px; gap:22px; }
    .rank-activity { padding-left:20px; }
    .rank-profile-metrics { gap:12px; grid-template-columns:repeat(4,minmax(66px,1fr)); }
    .rank-profile-metrics > div { padding-left:12px; }
    .rank-profile-metrics strong { font-size:24px; }
    .rank-profile-mark { width:84px; height:94px; font-size:43px; }
    .rank-profile-identity > strong { font-size:16px; }
    .rank-project-nav { gap:16px; }
}
@media(max-width:900px) {
    .rank-events-list > li:not(.rank-empty) { grid-template-columns:80px 110px minmax(0,1fr); gap:12px; }
    .rank-event-server { grid-column:3; margin-top:-9px; }
    .rank-grades-grid { grid-template-columns:repeat(4,minmax(0,1fr)); }
    .rank-shell,.d90x-rank.rank-redesign > .block,.d90x-rank.rank-redesign > .content { padding-left:22px; padding-right:22px; }
    .rank-server-grid { gap:12px; }
    .rank-server-info { padding:12px; }
    .rank-game-title { font-size:14px; min-height:60px; }
    .rank-server-bottom { flex-wrap:wrap; gap:2px; }
    .rank-dashboard-columns { grid-template-columns:1fr; }
    .rank-activity { border-left:0; padding-left:0; }
    .rank-frags { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:0 22px; }
    .rank-profile-metrics { width:100%; margin:5px 0 0; grid-template-columns:repeat(4,minmax(0,1fr)); }
    .rank-player-summary { flex-wrap:wrap; }
    .rank-profile-metrics > div:first-child { border-left:0; padding-left:0; }
}
@media(max-width:600px) {
    .rank-events-toolbar { gap:12px; }
    .rank-events-toolbar form { width:100%; }
    .rank-events-toolbar label { flex:1; flex-direction:column; align-items:flex-start; gap:7px; }
    .rank-events-toolbar select { width:100%; max-width:none; }
    .rank-events-toolbar > span { margin-left:0; }
    .rank-events-toolbar > .rank-icon-button { margin-left:auto; }
    .rank-events-list > li:not(.rank-empty) { grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:9px 14px; }
    .rank-events-list time { display:flex; align-items:center; gap:8px; }
    .rank-event-type { justify-self:end; }
    .rank-event-description,.rank-event-server { grid-column:1 / -1; margin:0; }
    .rank-event-server { display:flex; align-items:center; flex-wrap:wrap; gap:6px 12px; }
    .rank-grades-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }
    .rank-player-grade { flex-wrap:wrap; gap:13px; }
    .rank-player-grade > a { margin-left:55px; }
    .rank-player-grade > div { flex-basis:calc(100% - 55px); }
    .rank-player-grade strong { font-size:18px; }
    .rank-player-general { grid-template-columns:1fr; gap:26px; }
    .rank-facts > div { font-size:12px; }
    .rank-shell,.d90x-rank.rank-redesign > .block,.d90x-rank.rank-redesign > .content { padding-left:16px; padding-right:16px; }
    .rank-header-inner { min-height:71px; gap:14px; flex-wrap:wrap; padding-top:13px; padding-bottom:12px; }
    .rank-header .d90x-brand { font-size:18px !important; }
    .rank-header .d90x-brand > span { font-size:18px; }
    .rank-section-brand { font-size:13px; }
    .rank-section-brand > span { font-size:9px; }
    .rank-header-divider { height:28px; }
    .rank-project-nav { width:100%; margin:0; padding-top:9px; border-top:1px solid #303936; gap:22px; }
    .rank-project-nav > a { font-size:11px; }
    .d90x-rank.rank-redesign > .rank-page-head { padding-top:23px; }
    .rank-redesign h1 { font-size:26px; }
    .rank-heading-row { flex-wrap:wrap; gap:18px; margin-bottom:19px; }
    .rank-redesign .rank-search { flex-basis:100%; min-width:0; max-width:none; margin:0; }
    .d90x-rank.rank-redesign .rank-search input[type="search"] { font-size:16px; }
    .rank-game-tabs { gap:0; min-height:44px; }
    .rank-game-tabs > a { font-size:11px; min-height:44px; padding:10px 12px; gap:6px; }
    .rank-game-tabs > a:first-child { margin-right:5px; }
    .rank-game-tabs > a:first-child .d90x-icon { display:none !important; }
    .rank-game-marker { width:5px; height:5px; }
    .rank-section-nav { gap:4px; }
    .rank-section-nav > a { padding:7px 9px; font-size:11px; gap:6px; }
    .rank-section-nav > .rank-more-link { margin-left:0; }
    .rank-section-nav .d90x-icon { width:15px; height:15px; }
    .rank-metrics { grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; margin-bottom:24px; }
    .rank-metric,.rank-metric:nth-last-child(-n+2) { grid-column:auto; gap:18px; padding:15px 13px 14px; }
    .rank-metric::before { left:13px; width:25px; }
    .rank-metric-heading { gap:8px; min-height:34px; }
    .rank-metric-icon { flex-basis:30px; width:30px; height:30px; border-radius:8px; }
    .rank-metric-label { font-size:11px; }
    .rank-metric-value { font-size:28px; }
    .rank-metric-value small { font-size:10px; }
    .rank-metric:last-child { grid-column:1 / -1; flex-direction:row; align-items:center; gap:15px; }
    .rank-metric:last-child .rank-metric-heading { flex:1; }
    .rank-metric:last-child .rank-metric-value { flex:none; max-width:45%; }
    .rank-section-heading { gap:7px; }
    .rank-redesign .rank-section-heading h2 { font-size:16px; gap:7px; }
    .rank-section-heading > span { font-size:10px; }
    .rank-server-grid { display:flex; overflow-x:auto; scroll-snap-type:x proximity; gap:12px; padding-bottom:10px; scrollbar-width:thin; }
    .rank-server-grid > .rank-server { flex:0 0 86%; scroll-snap-align:start; }
    .rank-game-title { min-height:42px; font-size:16px; }
    .rank-server-info { padding:14px; }
    .rank-server-bottom { flex-wrap:nowrap; }
    .rank-server-grid.is-single { display:block; }
    .is-single .rank-server { display:block; }
    .is-single .rank-server-media { min-height:0; aspect-ratio:3 / 1; }
    .is-single .rank-game-title { font-size:17px; }
    .is-single .rank-server-info { padding:15px; }
    .rank-table { min-width:510px; }
    .rank-table td,.rank-table th { padding-left:10px; padding-right:10px; }
    .rank-table td:nth-child(2) { min-width:160px; }
    .rank-frags { display:block; }
    .rank-frag-players { font-size:13px; }
    .rank-map-grid { grid-template-columns:1fr; }
    .rank-map-tile { display:grid; grid-template-columns:115px minmax(0,1fr); align-items:center; }
    .rank-map-media { aspect-ratio:4 / 3; height:100%; }
    .rank-map-tile > div:last-child { padding:12px 15px; }
    .rank-player-summary { gap:17px; padding-bottom:24px; }
    .rank-profile-mark { width:79px; height:94px; font-size:40px; }
    .rank-profile-identity { flex:1; }
    .rank-profile-identity > strong { font-size:15px; }
    .rank-profile-identity .rank-address { font-size:10px; }
    .rank-profile-time { font-size:10px; }
    .rank-profile-metrics { gap:11px; }
    .rank-profile-metrics strong { font-size:23px; }
    .rank-profile-metrics span { font-size:9px; }
    .rank-profile-metrics > div { padding-left:10px; }
    .rank-redesign .rank-detail-columns { grid-template-columns:1fr; gap:17px; }
    .rank-redesign .data-table td,.rank-redesign .data-table th { padding:11px 10px; font-size:11px; }
    .rank-redesign .data-table-head td { font-size:10px; }
    .rank-redesign #main ul.subsection_tabs li a { font-size:11px; padding:10px 9px; }
    .rank-redesign .subblock > div[style*="float:"] { float:none !important; width:100% !important; margin-bottom:14px; }
    .rank-footer { gap:17px; }
    .rank-footer nav { width:100%; margin:0; }
    .rank-footer p { line-height:1.8; }
}
@media(prefers-reduced-motion:reduce) { .rank-redesign * { scroll-behavior:auto !important; } }

/* Cached Steam/site avatars keep the existing identity and fallback dimensions. */
.rank-avatar { position:relative; display:inline-grid; place-items:center; flex:none; overflow:hidden; border-radius:5px; vertical-align:middle; background:#2d4037; color:#a8d6bd; font-weight:800; }
.rank-avatar[data-game="cssv34"] { background:#3d382b; color:#e2c58c; }
.rank-avatar[data-game="csgo"] { background:#303640; color:#bfcaea; }
.rank-avatar-letter { display:grid; place-items:center; width:100%; height:100%; }
.rank-avatar img { position:absolute; inset:0; display:block; width:100%; height:100%; object-fit:cover; border:0; margin:0; background:inherit; }
.rank-avatar-small { width:34px; height:34px; font-size:16px; }
.rank-avatar-profile { width:100%; height:100%; border-radius:5px; background:inherit; color:inherit; }
.rank-avatar-table { width:24px; height:24px; margin-right:5px; font-size:13px; }
.rank-redesign table.data-table .rank-avatar img { width:100%; height:100%; max-width:none; margin:0; vertical-align:middle; }