/* MSR visual refresh. Presentation only; remove this stylesheet to restore the previous design. */
:root{
 --bg:#0f1114!important;--surface:#1a1d22!important;--raised:#24292f!important;--sunk:#101316!important;
 --line:#343c46!important;--line-soft:#2b3038!important;
 --text:#f5f6f8!important;--muted:#6bdfa9!important;--dim:#4cd896!important;
 --tracer:#43d9dc!important;--neon-cyan:#43d9dc!important;--neon-pink:#c1c6ce!important;
 --steel:#b5bcc5!important;--bar:#b0b7c1!important;--gold:#e6bf70!important;
}
html{scroll-padding-bottom:130px}
body{
 background:radial-gradient(ellipse at 9% 0%,rgba(47,188,122,.16),transparent 48%),
 radial-gradient(ellipse at 100% 24%,rgba(47,188,122,.09),transparent 46%),#0f1114!important;
 color:var(--text)!important;font-family:"Geologica","Golos Text",system-ui,sans-serif;
 line-height:1.55;
}
body::before,body::after{opacity:.2!important}
#snow{opacity:.18!important}
header.top{background:rgba(16,19,22,.94)!important;border-bottom:1px solid #2f363f!important;box-shadow:0 4px 24px #0003!important;backdrop-filter:blur(16px)}
.top-in{height:66px;max-width:1200px}
.brand .nm{letter-spacing:.11em!important}
nav.main a{font-size:12px!important;letter-spacing:.04em}
nav.main a.on{color:#72e5e3!important}
nav.main a.on::after{height:2px;background:#43d9dc!important;box-shadow:none!important}
.search input{border-color:#373e48!important;background:#191c21!important;border-radius:10px!important}
#app{padding-top:30px;padding-bottom:140px}
#app h1,#app h2,#app h3,.ph h1,.msc{ text-shadow:none!important }
.ph h1{font-family:"Geologica",system-ui,sans-serif!important;font-weight:700!important;letter-spacing:-.045em!important}
.ph p,.mini{color:#62dda4!important}
#app .box,#app .ncard,#app .evc,#app .tile,#app .hl-card,#app .sw-g,#app .sw-info{
 border-color:#333a44!important;border-radius:16px!important;
 box-shadow:0 8px 24px -18px #000b!important;
}
#app .ncard:hover,#app .evc:hover,#app .tile:hover{
 border-color:#2fbc7a!important;box-shadow:0 10px 26px -16px #000!important;
}
#app .grp-h{color:#68dea7!important;letter-spacing:.08em;font-size:11px}
#app .ap-card{
 background:#1a1d22!important;border:1px solid #333a44!important;border-radius:16px!important;
 box-shadow:0 8px 26px -20px #000d!important;overflow:hidden;margin-bottom:12px!important;
}
#app .ap-card.open{border-color:#2fbc7a!important;background:#1f2329!important;box-shadow:0 0 0 1px #43d9dc14!important}
#app .ap-rk{
 padding:16px!important;gap:13px!important;min-height:92px!important;
 background:transparent!important;color:#f5f6f7!important;
}
#app .ap-rk .no{min-width:28px!important;font:700 20px/1.1 "Geologica",sans-serif!important;color:#5cdba0!important}
#app .ap-rk .nm{gap:4px!important;min-width:0}
#app .ap-rk .nm b{font-family:"Geologica",sans-serif!important;font-size:17px!important;font-weight:650!important;letter-spacing:-.02em!important;text-shadow:none!important}
#app .ap-rk .nm small{font-size:12px!important;color:#67dda6!important;text-shadow:none!important}
#app .ap-rk .crest,#app .ap-rk img.crest{width:44px!important;height:44px!important;min-width:44px!important;border-radius:10px!important}
#app .ap-rk .mv{min-width:62px!important}
#app .ap-rk .msr-mv-pts{font-size:14px!important;font-variant-numeric:tabular-nums}
#app .ap-rk .msr-mv-badge{background:#333a43!important;font-size:11px!important;border-radius:5px!important;box-shadow:none!important}
#app .msr-rank-event-chip{
 font-size:10px!important;border-radius:5px!important;letter-spacing:.025em;padding:2px 7px!important;
 border-color:#2fbc7a!important;background:#21252b!important;color:#91ddd9!important;line-height:1.5!important;
}
#app .msr-rank-event-chip.tier-S{background:#322b1e!important;border-color:#74623e!important;color:#e6c98c!important}
#app .msr-rank-event-chip.tier-B{background:#2a1f43!important;border-color:#6a4fa3!important;color:#d2bff5!important}
#app .msr-rank-event-chip.out{background:#3a1a22!important;border-color:#e0434f!important;color:#ff9aa5!important}
#app .ap-body{padding:16px!important;border-top:1px solid #353c46!important}
#app .msr-ba{background:#15181c!important;border:1px solid #363d47!important;border-radius:12px!important}
#app .msr-ba .big{font-size:28px!important}
#app .msr-ba .lbl{background:#2f363f!important;font-size:10px!important;letter-spacing:.1em}
#app .ap-btn{background:#30c17d!important;border:1px solid #4cd896!important;border-radius:10px!important;box-shadow:none!important;font-size:14px!important}
#app .ap-btn:hover{background:#4cd896!important}
#app .pl-grid{gap:12px!important}
#app .plc{
 background:#1a1d22!important;border:1px solid #353d47!important;border-radius:15px!important;
 box-shadow:0 7px 24px -19px #000!important;padding:16px!important;gap:14px!important;
}
#app .plc:hover{border-color:#2fbc7a!important;box-shadow:0 0 0 1px #43d9dc22!important}
#app .plc .top{gap:12px!important;align-items:center!important}
#app .plc .av.sg{width:48px!important;height:48px!important;min-width:48px!important;flex:0 0 48px!important}
#app .plc .nk{font-size:16px!important;font-family:"Geologica",sans-serif!important;letter-spacing:-.02em!important}
#app .plc .msr-player-identity .game-id{font-size:11px!important;line-height:1.4!important;color:#4dd897!important}
#app .plc .tm{font-size:11px!important;color:#68dea7!important}
#app .plc .row3{gap:7px!important}
#app .plc .s{background:#121518!important;border:1px solid #2e353e!important;border-radius:8px!important;padding:7px 9px!important;gap:6px!important}
#app .plc .s .k{font-size:9px!important;letter-spacing:.07em!important;color:#52d89a!important}
#app .plc .s .v{font-size:16px!important;line-height:1.25!important;font-variant-numeric:tabular-nums}
#app .plc.msr-podium-card-1{background:linear-gradient(120deg,#322b1c,#1c1f24 70%)!important;border-color:#9c8145!important}
#app .plc.msr-podium-card-2{background:linear-gradient(120deg,#2e353e,#1c1f24 70%)!important;border-color:#73859d!important}
#app .plc.msr-podium-card-3{background:linear-gradient(120deg,#352821,#1c1f24 70%)!important;border-color:#91694f!important}
#app .msr-match-expand{background:#1a1e23!important;border:1px solid #373f49!important;border-radius:16px!important;margin:14px 0!important;box-shadow:0 7px 24px -20px #000!important}
#app .msr-match-expand-head{background:#1d2127!important;padding:14px!important;gap:12px!important;align-items:center!important}
#app .msr-hltv-result-score{font-family:"Geologica",sans-serif!important;font-size:30px!important;letter-spacing:-.05em;font-variant-numeric:tabular-nums;white-space:nowrap}
#app .msr-hltv-result-score .msr-vs{font-size:12px!important;color:#4cd896!important;margin:0 6px!important;letter-spacing:0}
#app .msr-match-expand-head small{font-size:10px!important;letter-spacing:.055em;color:#66dda5!important;line-height:1.6!important}
#app .msr-match-expand-head .msr-hltv-summary-team{border-radius:9px!important;box-shadow:inset 0 0 0 1px #b8d2f51a!important}
#app .msr-match-expand-head .msr-hltv-summary-team strong{font-size:14px!important}
#app .msr-match-expand-content{padding:16px!important;border-top:1px solid #363d47}
#app .msr-hltv-tab-bar{gap:7px!important}
#app .hl-card{background-color:#1a1d22!important}
#app .hl-top{padding:30px 24px!important}
#app .hl-top h1{font-family:"Geologica",sans-serif!important;letter-spacing:-.035em!important}
#app .hl-list{background:#0b1523e6!important;border:1px solid #383f4a!important;border-radius:12px!important;padding:6px 18px!important}
#app .hl-list li{border-color:#30363f!important;padding-top:14px!important;padding-bottom:14px!important}
#app .hl-list .k{color:#5cdba0!important;font-size:11px!important;letter-spacing:.08em!important}
#app .hl-h{padding:18px!important;border-bottom:1px solid #333a44!important}
#app .hl-h>span{font-size:17px!important;letter-spacing:.06em!important}
#app .hl-grid{gap:12px!important;padding:18px!important}
#app .hl-grid .msr-stat-tile{border-radius:12px!important;border:1px solid #2fbc7a!important;background-color:#1c1f24!important;box-shadow:none!important}
#app table th{color:#5fdca1!important;font-size:10px!important;letter-spacing:.07em!important}
#app table td{border-color:#303740!important;font-variant-numeric:tabular-nums}
#app .flt,#app select,#app input{border-color:#3d4551!important;border-radius:9px}
#msr-sponsors{border-color:#333a44!important;background:#171a1e!important;border-radius:16px!important;box-shadow:none!important}
#msr-sponsors h2{font-family:"Geologica",sans-serif!important;font-size:17px!important;text-shadow:none!important;letter-spacing:.01em}
#msr-sponsors .msr-sponsor-empty{border-color:#2fbc7a!important;border-radius:10px!important;background:#1c2026!important}
footer{background:#101215!important;border-color:#2e343d!important;color:#4cd896!important}
.mobile-dock .dock-tabs{background:rgba(25,29,34,.97)!important;border-color:#2fbc7a!important;box-shadow:0 10px 30px #0006!important}
.mobile-dock .dock-tabs a{font-size:11px!important;color:#c5cad2!important}
.mobile-dock .dock-tabs a.on{background:#353c46!important;color:#8ff0eb!important}
@media(max-width:650px){
 #app{padding:22px 14px calc(150px + env(safe-area-inset-bottom))!important}
 .ph{margin-bottom:22px!important}.ph h1{font-size:28px!important}
 #app .ap-rk{padding:14px 12px!important;gap:9px!important;min-height:92px!important}
 #app .ap-rk .no{font-size:17px!important;min-width:22px!important}
 #app .ap-rk .nm b{font-size:15px!important}
 #app .ap-rk .crest,#app .ap-rk img.crest{width:36px!important;height:36px!important;min-width:36px!important}
 #app .ap-rk .mv{min-width:51px!important}
 #app .ap-rk .msr-mv-pts{font-size:12px!important}
 #app .msr-rank-event-chip{font-size:9px!important;padding:2px 5px!important;white-space:normal!important}
 #app .ap-body{padding:12px!important}
 #app .plc{padding:13px 12px!important;gap:11px!important}
 #app .plc .nk{font-size:15px!important}
 #app .plc .av.sg{width:44px!important;height:44px!important;min-width:44px!important;flex:0 0 44px!important}
 #app .plc .s{padding:6px 7px!important}
 #app .plc .s .k{font-size:8px!important}
 #app .plc .s .v{font-size:14px!important}
 #app .msr-match-expand-head{padding:10px!important;gap:8px!important}
 #app .msr-hltv-result-score{font-size:25px!important}
 #app .msr-match-expand-head .msr-hltv-summary-team{height:100px!important;min-height:100px!important;max-height:100px!important}
 #app .msr-match-expand-head .msr-hltv-summary-team strong{font-size:12px!important}
 #app .msr-match-expand-head small{font-size:9px!important;letter-spacing:.025em!important}
 #app .hl-top{padding:26px 16px!important}
 #app .hl-grid{padding:12px!important;gap:9px!important}
 #app .hl-list{padding:4px 12px!important}
 .mobile-dock{left:12px!important;right:12px!important;bottom:calc(12px + env(safe-area-inset-bottom))!important}
}
@media(prefers-reduced-motion:reduce){#snow{display:none!important}*{scroll-behavior:auto!important}}

/* Keep player names readable rather than squeezing five cards across desktop. */
html body{background:radial-gradient(ellipse at 8% 0%,#32275026,transparent 48%),radial-gradient(ellipse at 100% 20%,#17687918,transparent 46%),#0f1114!important}
#app .pl-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:16px!important}
#app .plc .msr-player-identity{flex:1;min-width:0}
#app .plc .row3{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important}
#app .plc .s{display:flex!important;flex-direction:column!important;align-items:flex-start!important}
#app .plc.msr-podium-card-1,#app .plc.msr-podium-card-2,#app .plc.msr-podium-card-3{box-shadow:0 8px 22px -18px #000!important}
@media(min-width:951px){#app .plc{min-height:160px}}
@media(min-width:651px) and (max-width:950px){#app .pl-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:650px){
 #app .pl-grid{grid-template-columns:minmax(0,1fr)!important;gap:12px!important}
 #app .plc .s{flex-direction:row!important;align-items:baseline!important;justify-content:space-between!important}
}

/* Symmetric match layout with event metadata beneath the two teams. */
#app .msr-match-expand-head{
 display:grid!important;grid-template-columns:minmax(0,1fr) 80px minmax(0,1fr)!important;
 position:relative!important;gap:12px!important;
}
#app .msr-match-expand-head .msr-hltv-summary-team{
 width:100%!important;flex-direction:column!important;align-items:center!important;
 justify-content:center!important;gap:5px!important;
}
#app .msr-match-expand-head .msr-hltv-summary-team strong{text-align:center!important}
#app .msr-match-expand-head small{grid-column:1/-1!important;width:100%!important;text-align:center!important;padding:3px 20px!important}
#app .msr-match-expand-head::after{position:absolute;right:16px;bottom:12px;color:#4cd896!important}
#app .msr-hltv-result-score{text-align:center!important}
@media(max-width:650px){
 #app .msr-match-expand-head{grid-template-columns:minmax(0,1fr) 54px minmax(0,1fr)!important;gap:8px!important}
}

/* Black, silver and electric blue palette; compact mobile player list. */
:root{
 --bg:#0b0c0e!important;--surface:#16191e!important;--raised:#20252b!important;--sunk:#0a0b0d!important;
 --line:#303947!important;--line-soft:#282e36!important;--text:#f2f3f4!important;
 --muted:#a5aebc!important;--dim:#7f8c9f!important;--tracer:#4fe9a2!important;
 --neon-cyan:#4fe9a2!important;--neon-pink:#4cd896!important;--steel:#b2b9c3!important;--bar:#50d899!important;
}
html body{background:#0b0c0e!important;color:#f2f3f4!important}
#sky{background:radial-gradient(ellipse at 85% 0%,#16426c1c,transparent 55%),linear-gradient(#0b0c0e,#0f1215)!important}
#sky::before,#sky .st2{opacity:.1!important}
#sky::after{background-image:linear-gradient(#5c9ce605 1px,transparent 1px),linear-gradient(90deg,#5c9ce605 1px,transparent 1px)!important;background-size:44px 44px!important;opacity:1!important}
#sky .au{display:none!important}
#snow{opacity:.08!important}
header.top{background:#0b0e15f5!important;border-color:#303947!important}
nav.main,nav.main a{background-color:transparent!important}
nav.main a.on{color:#cacfd5!important;background:#23282f!important;box-shadow:inset 0 -2px #4fe9a2!important}
nav.main a.on::after{background:#4fe9a2!important}
#app .box,#app .ncard,#app .evc,#app .tile,#app .hl-card,#app .sw-g,#app .sw-info{border-color:#303947!important}
#app .ap-card,#app .plc{background:#16191e!important;border-color:#303947!important}
#app .ap-card.open{background:#1c2026!important;border-color:#2fbc7a!important}
#app .ap-rk .no,#app .ap-rk .nm small,#app .plc .tm{color:#a0acbe!important}
#app .ap-rk .nm b,#app .plc .nk{color:#f4f5f7!important}
#app .ctag,#app .plc .ctag{color:#b3bac3!important}
#app .plc .s,#app .msr-ba{background:#0f1215!important;border-color:#313740!important}
#app .plc .s .k{color:#91a0b5!important}
#app .plc .s .v{color:#edeff1!important}
#app .plc .kd .v{color:#bdc3cc!important}
#app .plc.msr-podium-card-1{background:linear-gradient(110deg,#302c22,#181b1f 75%)!important;border-color:#9a8351!important}
#app .plc.msr-podium-card-2{background:linear-gradient(110deg,#282e38,#181b1f 75%)!important;border-color:#8593a8!important}
#app .plc.msr-podium-card-3{background:linear-gradient(110deg,#302720,#181b1f 75%)!important;border-color:#916e53!important}
#app .msr-match-expand,#app .msr-match-expand-head{background:#191c21!important;border-color:#363d47!important}
#app .hl-card{background-color:#16191e!important}
#app .hl-list{background:#0e131de8!important;border-color:#3d4550!important}
#app .hl-grid .msr-stat-tile{background-color:#1a1e23!important;border-color:#2fbc7a!important}
#app .ap-btn{background:#2fbc7a!important;border-color:#4cd896!important}
#msr-sponsors{background:#14161a!important;border-color:#333a43!important}
#msr-sponsors .msr-sponsor-empty{background:#1a1d22!important;border-color:#3e4652!important}
.mobile-dock .dock-tabs{background:#101721f7!important;border-color:#2fbc7a!important}
.mobile-dock .dock-tabs a.on{background:#30363f!important;color:#cacfd6!important}
footer{background:#0c0d0f!important}
@media(max-width:650px){
 #app .ph{gap:8px!important;margin-bottom:13px!important}
 #app .ph h1{font-size:24px!important;margin-bottom:5px!important}
 #app .ph p{font-size:11px!important;line-height:1.45!important;max-width:none!important}
 #app .pl-grid{gap:8px!important}
 #app .plc{padding:8px 10px!important;gap:6px!important;border-radius:11px!important;min-height:0!important}
 #app .plc .top{gap:8px!important}
 #app .plc .av.sg{width:34px!important;height:34px!important;min-width:34px!important;flex:0 0 34px!important}
 #app .plc .nk{font-size:13px!important;line-height:1.2!important}
 #app .plc .msr-player-identity .game-id{font-size:10px!important;line-height:1.15!important}
 #app .plc .tm{font-size:10px!important;line-height:1.2!important}
 #app .plc .tm .crest,#app .plc .tm img{width:12px!important;height:12px!important}
 #app .plc .rank{font-size:11px!important;line-height:1.2!important}
 #app .plc .row3{gap:5px!important}
 #app .plc .s{padding:4px 6px!important;border-radius:6px!important;min-height:24px!important;gap:3px!important}
 #app .plc .s .k{font-size:7px!important;letter-spacing:.025em!important;white-space:nowrap!important}
 #app .plc .s .v{font-size:12px!important;line-height:1.15!important}
}

/* Stage 2 A-H: all eight zone selectors fit on one row. */
#app .msr-rel-group-buttons[aria-label="Stage 2 zones"]{
 display:grid!important;grid-template-columns:repeat(8,minmax(0,1fr))!important;gap:6px!important;
}
#app .msr-rel-group-buttons[aria-label="Stage 2 zones"] .msr-rel-group-button{
 min-width:0!important;padding:9px 3px!important;text-align:center!important;border-radius:8px!important;
}
#app .msr-rel-group-buttons[aria-label="Stage 2 zones"] .msr-rel-group-button b{
 font-size:12px!important;white-space:nowrap!important;line-height:1.25!important;
}
#app .msr-rel-group-buttons[aria-label="Stage 2 zones"] .msr-rel-group-button small{
 font-size:10px!important;margin-top:4px!important;white-space:nowrap!important;
}
@media(max-width:650px){
 #app .msr-rel-group-buttons[aria-label="Stage 2 zones"]{gap:3px!important}
 #app .msr-rel-group-buttons[aria-label="Stage 2 zones"] .msr-rel-group-button{padding:8px 1px!important;border-radius:6px!important}
 #app .msr-rel-group-buttons[aria-label="Stage 2 zones"] .msr-rel-group-button b{font-size:8px!important;letter-spacing:-.02em!important}
 #app .msr-rel-group-buttons[aria-label="Stage 2 zones"] .msr-rel-group-button small{font-size:10px!important;margin-top:3px!important}
 #app .msr-rel-group-buttons[aria-label="Stage 2 zones"] .msr-zone-match-word{display:none!important}
}

/* Compact Results cards on phones; retain full map and player details when opened. */
@media(max-width:650px){
 #app .msr-finished-detail{padding:8px!important;border-radius:12px!important}
 #app .msr-click-to-expand .msr-results-intro{font-size:10px!important;line-height:1.4!important;margin:4px 0 8px!important}
 #app .msr-match-expand{margin:8px 0!important;border-radius:11px!important}
 #app .msr-match-expand-head{padding:7px!important;gap:5px 6px!important;grid-template-columns:minmax(0,1fr) 50px minmax(0,1fr)!important}
 #app .msr-match-expand-head .msr-hltv-summary-team{
  height:64px!important;min-height:64px!important;max-height:64px!important;
  padding:5px 3px!important;gap:2px!important;border-radius:7px!important;
 }
 #app .msr-match-expand-head .msr-hltv-summary-logo:not([hidden]){
  width:27px!important;height:27px!important;min-width:27px!important;border-radius:4px!important;
 }
 #app .msr-match-expand-head .msr-hltv-summary-team strong{font-size:10px!important;line-height:1.15!important}
 #app .msr-match-expand-head .msr-hltv-summary-team .msr-stamp{font-size:7px!important;padding:1px 4px!important;margin-top:-9px!important}
 #app .msr-hltv-result-score{font-size:21px!important;line-height:1.2!important}
 #app .msr-hltv-result-score .msr-vs{font-size:9px!important;margin:0 3px!important}
 #app .msr-match-expand-head small{font-size:7px!important;letter-spacing:0!important;line-height:1.35!important;padding:2px 12px!important}
 #app .msr-match-expand-head::after{right:9px!important;bottom:8px!important;font-size:10px!important}
}

/* Restore compact phone ranking cards and a four-column roster. */
@media(max-width:650px){
 #app .ap-card{margin-bottom:8px!important;border-radius:11px!important}
 #app .ap-rk{padding:8px 10px!important;gap:8px!important;min-height:62px!important}
 #app .ap-rk .no{font-size:16px!important;min-width:20px!important}
 #app .ap-rk .nm{gap:2px!important}
 #app .ap-rk .nm b{font-size:14px!important}
 #app .ap-rk .nm small{font-size:10px!important}
 #app .ap-rk .crest,#app .ap-rk img.crest{width:30px!important;height:30px!important;min-width:30px!important;border-radius:7px!important}
 #app .ap-rk .mv{min-width:48px!important;gap:1px!important}
 #app .ap-rk .msr-mv-pts{font-size:11px!important}
 #app .ap-rk .msr-mv-badge,#app .ap-rk .msr-mv-d{font-size:9px!important}
 #app .ap-rk .msr-rank-event-chip{font-size:8px!important;line-height:1.3!important;padding:1px 4px!important;margin-top:1px!important}
 #app .ap-body{padding:10px!important}
 #app .ap-body .msr-ba{margin-bottom:12px!important;border-radius:9px!important}
 #app .ap-body .msr-ba>div{padding:8px 5px!important;gap:4px!important}
 #app .ap-body .msr-ba .lbl{font-size:8px!important;letter-spacing:.06em!important;padding:2px 6px!important}
 #app .ap-body .msr-ba .big{font-size:20px!important;line-height:1.2!important}
 #app .ap-body .msr-ba .msr-mv-badge{font-size:11px!important;padding:1px 5px!important;min-width:24px!important}
 #app .ap-body .msr-ba .msr-mv-d{font-size:10px!important}
 #app .ap-body .ap-pls{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:10px 6px!important;margin:5px 0 12px!important}
 #app .ap-body .ap-pl{width:auto!important;min-width:0!important;gap:4px!important}
 #app .ap-body .ap-pl .bigav{width:42px!important;height:42px!important;min-width:42px!important}
 #app .ap-body .ap-pl .n{font-size:10px!important;line-height:1.2!important;max-width:100%!important}
 #app .ap-body .ap-acts{gap:6px!important}
 #app .ap-body .ap-acts .ap-btn{font-size:11px!important;min-height:34px!important;padding:7px 8px!important;border-radius:8px!important}
 #app .ap-body .ap-star{width:34px!important;height:34px!important;min-width:34px!important;padding:6px!important;border-radius:8px!important}
}

/* Five direct mobile destinations with room for the full menu. */
@media(max-width:760px){
 .mobile-dock{height:58px!important;gap:6px!important}
 .mobile-dock .dock-tabs{padding:4px!important;border-radius:20px!important}
 .mobile-dock .dock-tabs a{min-width:0!important;gap:3px!important;font-size:9px!important;line-height:1.15!important;border-radius:15px!important;padding:2px 0!important}
 .mobile-dock .dock-tabs a svg{width:19px!important;height:19px!important}
 #mobile-burger-slot{flex:0 0 48px!important;display:flex!important;align-items:center!important}
 #mobile-burger-slot button{width:48px!important;height:58px!important;min-width:48px!important;margin:0!important;border-radius:18px!important;padding:10px!important}
}
/* Keep an empty sponsorship invitation small; paid sponsor layouts stay unchanged. */
#msr-sponsor-top:has(>.msr-sp-1:empty):has(>.msr-sp-row:empty){display:none!important}
#msr-sponsors.msr-sponsors-compact{margin:8px auto!important;padding:0 14px!important;background:transparent!important;border:0!important;box-shadow:none!important}
#msr-sponsors.msr-sponsors-compact .msr-sponsor-panel{padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important}
#msr-sponsors.msr-sponsors-compact .msr-sponsor-heading{display:none!important}
#msr-sponsors.msr-sponsors-compact #msr-sponsor-grid{display:none!important}
#msr-sponsors.msr-sponsors-compact .msr-sponsor-empty{
 display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;
 margin:0!important;padding:9px 12px!important;border:1px solid #343b44!important;border-radius:9px!important;
 background:#16191e!important;color:#50d899!important;font-size:11px!important;line-height:1.4!important;
}
#msr-sponsors.msr-sponsors-compact .msr-sponsor-contact{margin:0!important;color:#cbd0d6!important;white-space:nowrap!important;font-size:11px!important}
.msr-roster-loading{padding:30px 16px;max-width:760px;margin:16px auto;text-align:center;background:#15181c;border:1px solid #383f4a;border-radius:14px}
.msr-roster-loading h2{font:600 18px/1.4 "Geologica",sans-serif;color:#f5f6f7;margin:14px 0 8px}
.msr-roster-loading p{font-size:12px;color:#62dda4;margin:0}
.msr-loading-icon{display:block;width:26px;height:26px;margin:auto;border:2px solid #3c4450;border-top-color:#b1b8c1;border-radius:50%;animation:msrLoadingTurn 1s linear infinite}
.msr-loading-icon:not(:empty){animation:none;border-color:#bb8352;color:#81d4ad}
.msr-loading-skeleton{display:grid;gap:10px;margin-top:22px}
.msr-loading-skeleton i{display:block;height:60px;border-radius:9px;background:linear-gradient(100deg,#1f242a,#2f353e,#1f242a);background-size:220% 100%;animation:msrLoadingShimmer 1.8s ease-in-out infinite}
.msr-roster-loading .btn{margin-top:16px}
@keyframes msrLoadingTurn{to{transform:rotate(360deg)}}
@keyframes msrLoadingShimmer{to{background-position:-220% 0}}
@media(prefers-reduced-motion:reduce){.msr-loading-icon,.msr-loading-skeleton i{animation:none}}

@media(min-width:761px){#msr-sponsors.msr-sponsors-compact{margin-top:48px!important}}

/* Switch between the existing ELO ranking and tournament placement points. */
.msr-ranking-view-tabs{display:inline-flex;align-items:center;gap:4px;padding:4px;border:1px solid #3a424e;border-radius:10px;background:#15171b;max-width:100%;margin:4px 0 12px}
.msr-ranking-view-tabs a{display:block;padding:9px 14px;border-radius:7px;color:#64dda5;font:600 15px/1.25 "Geologica",sans-serif;text-decoration:none;white-space:nowrap}
.msr-ranking-view-tabs a.on{background:#3c444f;color:#f5f6f8;box-shadow:inset 0 0 0 1px #31c37f}
.msr-ranking-view-tabs a:hover{color:#e7eaed}
#app .msr-ranking-tab-header{align-items:center!important;gap:10px!important;flex-wrap:wrap!important}
@media(max-width:650px){
 .msr-ranking-view-tabs{gap:3px;padding:3px;margin:0 0 10px}
 .msr-ranking-view-tabs a{padding:8px 10px;font-size:13px}
 #app .msr-ranking-tab-header .ap-date{display:none!important}
}

/* Compact overflow menu; Rankings and Players are direct dock destinations. */
@media(max-width:760px){
 header.top.open #mmenu,body.msr-menu-open #mmenu{
  display:flex!important;flex-direction:column!important;gap:0!important;
  left:auto!important;right:14px!important;width:min(290px,calc(100vw - 28px))!important;
  top:auto!important;bottom:calc(78px + env(safe-area-inset-bottom))!important;
  height:auto!important;min-height:0!important;max-height:65dvh!important;overflow-y:auto!important;
  padding:8px 12px!important;border-radius:16px!important;background:#1a1d22!important;
 }
 header.top.open #mmenu>a,body.msr-menu-open #mmenu>a{
  display:flex!important;align-items:center!important;flex:none!important;
  padding:10px 8px!important;min-height:38px!important;margin:0!important;
  font-size:12px!important;line-height:1.3!important;letter-spacing:0!important;
 }
 #mmenu #msr-language-switch{padding:10px 8px!important;gap:10px!important;margin-top:5px!important}
 #mmenu .msr-language-label{font-size:12px!important}
 #mmenu .msr-language-options button{min-width:40px!important;min-height:32px!important;padding:6px 8px!important;font-size:11px!important;border-radius:8px!important}
}