/* Proportions measured from the supplied 1672 × 941 dashboard reference.
   The unmodified image supplies only the sample portrait, banner art and cups.
   Navigation, charts, tables and every interaction remain native HTML/SVG. */
.player-shell{--pp-bg:#001c25;--pp-surface:#00303a;--pp-surface2:#001c25;--pp-line:#27a7b57d;--pp-muted:#c3d6dd;background:radial-gradient(ellipse at 40% 12%,#00303a 0,#001b24 60%,#00141d 100%)}
.pp-avatar-reference{background-image:url('assets/player-dashboard-reference.png');background-size:1286.15% 723.85%;background-position:18.55% 13.07%;background-repeat:no-repeat}.pp-avatar-reference>span{visibility:hidden}
.pp-mn-flag{display:inline-flex;width:32px;height:23px;border-radius:3px;overflow:hidden;box-shadow:0 0 0 1px #ffffff33}.pp-mn-flag svg{width:100%;height:100%}
.pp-profile-banner .pp-player-check{color:#00ded1}.pp-profile-banner .pp-player-check svg{width:24px;height:24px}
.pp-event-badge{background:#f8fbfc!important;border:1px solid #b7d5dc;box-shadow:0 2px 8px #0002}.pp-event-badge img{width:28px;height:28px;object-fit:contain}
.pp-own-rank>.pp-avatar-rank,.pp-own-rank>.pp-mn-flag{flex:0 0 auto}
.pp-medal-art{display:block!important;width:49px;height:53px;background-image:url('assets/player-dashboard-reference.png');background-size:1672px 941px;background-position:-941px -718px;background-repeat:no-repeat;margin:0!important;flex-shrink:0}.pp-medal.silver .pp-medal-art{background-position:-1039px -718px}.pp-medal.bronze .pp-medal-art{background-position:-1139px -718px}.pp-medal>svg{display:none}
.pp-banner-top{background:#00232e;isolation:isolate}.pp-banner-top:after{content:'';position:absolute;right:0;top:0;bottom:0;width:50%;z-index:-1;background-image:linear-gradient(90deg,#00232e,transparent 17%),url('assets/player-dashboard-reference.png');background-size:100% 100%,1672px 941px;background-position:center,-750px -85px;background-repeat:no-repeat}
.pp-user-menu summary{position:relative}.pp-user-menu summary:after{content:'';display:block;position:absolute;right:20px;bottom:0;width:10px;height:10px;border-radius:50%;background:#00dcb5;border:1px solid #00232d}
.pp-profile-banner .pp-player-country{color:#fff}.pp-avatar-wrapper,.pp-player-identity{z-index:1}
html[data-theme=light] .player-shell{--pp-bg:#edf5f6;--pp-surface:#fff;--pp-surface2:#f8fcfc;--pp-line:#b9d5db;--pp-muted:#557581;background:#edf5f6}
@media(min-width:1201px){
 .player-shell{--pu:clamp(.72px,.0598086vw,1px);font-size:calc(14 * var(--pu));line-height:1.5}
 .pp-topbar{height:calc(75 * var(--pu));grid-template-columns:calc(262 * var(--pu)) minmax(0,calc(586 * var(--pu))) minmax(250px,1fr);gap:calc(55 * var(--pu));padding:0 calc(24 * var(--pu)) 0 calc(32 * var(--pu));background:#001d27e8;border-bottom-color:#116979}
 .pp-brand{width:calc(255 * var(--pu));height:calc(68 * var(--pu))}.pp-search{min-height:calc(44 * var(--pu));padding:calc(9 * var(--pu)) calc(15 * var(--pu));border-radius:calc(14 * var(--pu));font-size:calc(16 * var(--pu));background:linear-gradient(100deg,#0a3946,#06303a)}.pp-search svg{width:calc(23 * var(--pu));height:calc(23 * var(--pu))}
 .pp-top-actions{gap:calc(29 * var(--pu))}.pp-icon-button{width:calc(28 * var(--pu));height:calc(36 * var(--pu))}.pp-icon-button svg{width:calc(27 * var(--pu));height:calc(27 * var(--pu))}.pp-language{padding-left:calc(22 * var(--pu));gap:calc(7 * var(--pu))}.pp-language svg{width:calc(23 * var(--pu));height:calc(23 * var(--pu))}.pp-language select{width:calc(48 * var(--pu));font-size:calc(14 * var(--pu))}.pp-avatar-small{width:calc(43 * var(--pu));height:calc(43 * var(--pu))}
 .pp-workspace{grid-template-columns:calc(262 * var(--pu)) minmax(0,1fr);gap:calc(16 * var(--pu))}.pp-sidebar{top:calc(75 * var(--pu));height:calc(100svh - 115 * var(--pu));min-height:calc(825 * var(--pu));padding:calc(30 * var(--pu)) calc(16 * var(--pu)) 0 calc(15 * var(--pu));border-right:1px solid #378a9780;scrollbar-width:none}.pp-sidebar>nav{gap:calc(2 * var(--pu))}.pp-sidebar>nav a{min-height:calc(48 * var(--pu));padding:calc(10 * var(--pu)) calc(17 * var(--pu));gap:calc(22 * var(--pu));font-size:calc(16 * var(--pu));border-radius:calc(13 * var(--pu));font-weight:500}.pp-sidebar>nav a svg{width:calc(24 * var(--pu));height:calc(24 * var(--pu));flex-shrink:0}.pp-sidebar>nav a.active{background:linear-gradient(100deg,#adff4d,#d0ff50);color:#102b16;font-weight:800}
 .pp-sidebar .pp-support{margin:auto 0 0;min-height:calc(139 * var(--pu));padding:calc(18 * var(--pu)) calc(15 * var(--pu)) calc(13 * var(--pu));border-radius:calc(16 * var(--pu));text-align:left;background:linear-gradient(135deg,#06303b,#001923)}.pp-support>svg{width:calc(40 * var(--pu));height:calc(40 * var(--pu));margin:0 calc(12 * var(--pu)) 0 0;float:left}.pp-support h3{font-size:calc(14 * var(--pu));white-space:nowrap}.pp-support p{font-size:calc(11 * var(--pu));margin-top:calc(4 * var(--pu))}.pp-support .btn{margin-top:calc(17 * var(--pu));padding:calc(10 * var(--pu));border-radius:calc(16 * var(--pu));font-size:calc(14 * var(--pu));color:#e4ff50;clear:both}.pp-back-site{display:none}
 .pp-content{padding:calc(10 * var(--pu)) calc(10 * var(--pu)) calc(18 * var(--pu)) 0}.pp-dashboard-grid{grid-template-columns:minmax(0,1fr) minmax(0,30.8%);gap:calc(15 * var(--pu))}.pp-main-column,.pp-right-column{display:flex;flex-direction:column;gap:calc(15 * var(--pu))}.pp-panel{padding:calc(14 * var(--pu)) calc(18 * var(--pu));border-radius:calc(16 * var(--pu));background:radial-gradient(ellipse at 12% 0,#03424a55,transparent 70%),linear-gradient(130deg,var(--pp-surface),var(--pp-surface2));border-color:#37aab67d}
 .pp-section-heading{min-height:calc(25 * var(--pu));gap:calc(12 * var(--pu));margin-bottom:calc(13 * var(--pu))}.pp-section-heading h2{font-size:calc(20 * var(--pu));line-height:1.4;font-weight:800;letter-spacing:calc(-.6 * var(--pu))}.pp-section-heading h2 small{font-size:calc(18 * var(--pu));font-weight:400}.pp-text-link{font-size:calc(12 * var(--pu));gap:calc(5 * var(--pu));color:#36e2d4}.pp-text-link svg{width:calc(14 * var(--pu));height:calc(14 * var(--pu))}
 .pp-profile-banner{height:calc(244 * var(--pu));border-radius:calc(17 * var(--pu));border-color:#29999e99}.pp-banner-top{height:calc(165 * var(--pu));padding:calc(20 * var(--pu)) calc(9 * var(--pu));gap:calc(22 * var(--pu));background:#00232e}.pp-banner-top:after{width:min(50%,calc(470 * var(--pu)));background-size:100% 100%,calc(1672 * var(--pu)) calc(941 * var(--pu));background-position:center,calc(-750 * var(--pu)) calc(-85 * var(--pu))}.pp-avatar-large{width:calc(130 * var(--pu));height:calc(130 * var(--pu));font-size:calc(38 * var(--pu));border-width:calc(2 * var(--pu))}.pp-avatar-edit{width:calc(38 * var(--pu));height:calc(38 * var(--pu));right:calc(-2 * var(--pu));bottom:calc(3 * var(--pu));border-width:calc(2 * var(--pu))}.pp-avatar-edit svg{width:calc(21 * var(--pu));height:calc(21 * var(--pu))}.pp-player-identity{max-width:60%}.pp-player-identity h1{font-size:calc(29 * var(--pu));letter-spacing:calc(-.8 * var(--pu));gap:calc(11 * var(--pu))}.pp-player-check svg{width:calc(24 * var(--pu));height:calc(24 * var(--pu))}.pp-player-country{gap:calc(10 * var(--pu));font-size:calc(16 * var(--pu));margin-top:calc(9 * var(--pu))}.pp-mn-flag{width:calc(32 * var(--pu));height:calc(23 * var(--pu))}.pp-active-player{font-size:calc(12 * var(--pu));padding:calc(3 * var(--pu)) calc(12 * var(--pu));margin-left:calc(4 * var(--pu));line-height:1.5}.pp-discipline{font-size:calc(14 * var(--pu));padding:calc(7 * var(--pu)) calc(12 * var(--pu));gap:calc(9 * var(--pu));margin-top:calc(13 * var(--pu))}.pp-discipline svg{width:calc(19 * var(--pu));height:calc(19 * var(--pu));color:#cefa38}.pp-banner-demo{font-size:calc(8 * var(--pu));right:calc(10 * var(--pu));top:calc(7 * var(--pu));opacity:.7}
 .pp-banner-metrics{height:calc(79 * var(--pu));padding:calc(13 * var(--pu)) calc(5 * var(--pu));grid-template-columns:.94fr .94fr 1.42fr .65fr 1.04fr .86fr;background:linear-gradient(100deg,#002d38,#00232c)}.pp-banner-metrics>div{padding:0 calc(11 * var(--pu));gap:calc(11 * var(--pu));min-height:calc(42 * var(--pu))}.pp-banner-metrics svg{width:calc(28 * var(--pu));height:calc(28 * var(--pu));flex-shrink:0}.pp-banner-metrics small{font-size:calc(11 * var(--pu));line-height:1.5}.pp-banner-metrics strong{font-size:calc(20 * var(--pu));line-height:1.35}.pp-banner-metrics>div:nth-child(3) strong{font-size:calc(14 * var(--pu))}
 .pp-analysis-grid{grid-template-columns:minmax(0,1.86fr) minmax(0,1fr);gap:calc(15 * var(--pu))}.pp-analysis-grid>.pp-panel{height:calc(287 * var(--pu))}.pp-performance-panel .pp-section-heading{margin-bottom:0}.pp-performance-svg{height:calc(218 * var(--pu))}.pp-dashboard-grid .pp-performance-svg text{font-size:16px}.pp-chart-grid{stroke:#0b6b7780}.pp-chart-legend{font-size:calc(13 * var(--pu));gap:calc(23 * var(--pu));margin-top:calc(-3 * var(--pu))}.pp-radar{height:calc(240 * var(--pu));max-width:none}.pp-radar text{font-size:16px}.pp-radar-value{font-size:21px}.pp-technique-panel{padding-left:calc(13 * var(--pu));padding-right:calc(13 * var(--pu))}.pp-technique-panel .pp-section-heading{margin-bottom:0}
 .pp-bottom-grid{grid-template-columns:minmax(0,1.95fr) minmax(0,1fr);gap:calc(15 * var(--pu))}.pp-bottom-grid>.pp-panel{height:calc(244 * var(--pu));min-height:0}.pp-recent-panel .pp-section-heading{margin-bottom:calc(8 * var(--pu))}.pp-compact-table td{font-size:calc(12 * var(--pu));padding:calc(8 * var(--pu)) calc(2 * var(--pu))}.pp-compact-table .pp-event-cell{min-width:calc(206 * var(--pu));gap:calc(10 * var(--pu))}.pp-compact-table .pp-event-cell strong{font-size:calc(11 * var(--pu));line-height:1.4}.pp-compact-table .pp-event-cell small{font-size:calc(9 * var(--pu));margin-top:calc(2 * var(--pu))}.pp-compact-table .pp-event-badge{width:calc(44 * var(--pu));height:calc(32 * var(--pu));border-radius:calc(7 * var(--pu));flex-shrink:0}.pp-compact-table .pp-match-score{font-size:calc(12 * var(--pu))}.pp-compact-table .pp-result{font-size:calc(11 * var(--pu));padding:calc(3 * var(--pu)) calc(9 * var(--pu));border-radius:calc(7 * var(--pu))}.pp-compact-table .pp-match-detail{width:calc(16 * var(--pu));height:calc(25 * var(--pu))}.pp-compact-table .pp-match-detail svg{width:calc(12 * var(--pu));height:calc(12 * var(--pu))}
 .pp-medals{gap:calc(18 * var(--pu));margin-top:calc(18 * var(--pu))}.pp-medal{min-height:calc(153 * var(--pu));height:calc(153 * var(--pu));padding:calc(13 * var(--pu)) calc(5 * var(--pu)) calc(10 * var(--pu));border-radius:calc(15 * var(--pu));background:radial-gradient(circle at top,#07505b66,#00232b 90%);border-color:#20979766}.pp-medal-art{width:calc(49 * var(--pu));height:calc(53 * var(--pu));background-size:calc(1672 * var(--pu)) calc(941 * var(--pu));background-position:calc(-941 * var(--pu)) calc(-718 * var(--pu))}.pp-medal.silver .pp-medal-art{background-position:calc(-1039 * var(--pu)) calc(-718 * var(--pu))}.pp-medal.bronze .pp-medal-art{background-position:calc(-1139 * var(--pu)) calc(-718 * var(--pu))}.pp-medal strong{font-size:calc(25 * var(--pu));line-height:1.3;margin-top:calc(10 * var(--pu))}.pp-medal>span:last-child{font-size:calc(14 * var(--pu));line-height:1.35;margin-top:calc(3 * var(--pu))}
 .pp-next-panel{height:calc(250 * var(--pu));min-height:0}.pp-next-event{grid-template-columns:calc(117 * var(--pu)) minmax(0,1fr);gap:calc(21 * var(--pu));margin-top:calc(17 * var(--pu))}.pp-next-event>img{display:block;width:calc(117 * var(--pu));height:calc(183 * var(--pu));border-radius:calc(13 * var(--pu));object-fit:cover}.pp-next-event h3{font-size:calc(19 * var(--pu));line-height:1.6;font-weight:800}.pp-next-event p{font-size:calc(14 * var(--pu));gap:calc(8 * var(--pu));margin-top:calc(7 * var(--pu))}.pp-next-event p svg{width:calc(16 * var(--pu));height:calc(16 * var(--pu));flex-shrink:0}.pp-next-event .btn{font-size:calc(13 * var(--pu));margin-top:calc(14 * var(--pu));padding:calc(9 * var(--pu)) calc(12 * var(--pu));border-radius:calc(12 * var(--pu))}
 .pp-ranking-panel{height:calc(276 * var(--pu));min-height:0}.pp-rank-table th{font-size:calc(12 * var(--pu));padding:calc(7 * var(--pu)) calc(5 * var(--pu))}.pp-rank-table td{font-size:calc(13 * var(--pu));padding:calc(7 * var(--pu)) calc(5 * var(--pu))}.pp-rank-table td:last-child{font-size:calc(15 * var(--pu))}.pp-rank-player{gap:calc(8 * var(--pu))}.pp-rank-player>span{width:calc(27 * var(--pu));height:calc(27 * var(--pu));font-size:calc(9 * var(--pu))}.pp-rank-table td:nth-child(3){font-size:calc(11 * var(--pu))}.pp-rank-dots{line-height:1.1;font-size:calc(25 * var(--pu))}.pp-own-rank{padding:calc(8 * var(--pu)) calc(12 * var(--pu));border-radius:calc(11 * var(--pu));font-size:calc(16 * var(--pu));gap:calc(14 * var(--pu))}.pp-rank-note{font-size:calc(7 * var(--pu));margin-top:calc(5 * var(--pu))}
 .pp-actions-panel{height:calc(244 * var(--pu));min-height:0}.pp-quick-actions{gap:calc(11 * var(--pu));margin-top:calc(20 * var(--pu))}.pp-quick-actions a{min-height:calc(141 * var(--pu));padding:calc(21 * var(--pu)) calc(4 * var(--pu)) calc(12 * var(--pu));border-radius:calc(14 * var(--pu));gap:calc(18 * var(--pu));font-size:calc(14 * var(--pu));line-height:1.5;background:radial-gradient(circle at top,#07505b66,#00232b 90%)}.pp-quick-actions svg{width:calc(38 * var(--pu));height:calc(38 * var(--pu))}.pp-quick-actions a span{font-size:calc(14 * var(--pu))}.pp-quick-actions a span br{display:block}
 .pp-data-note{font-size:calc(8 * var(--pu));margin-top:calc(13 * var(--pu));opacity:.65}
}
@media(max-width:1200px){.pp-banner-top:after{background-size:100% 100%,1500px auto;background-position:center,-680px -76px}.pp-sidebar .pp-support{margin-top:auto}.pp-radar text{font-size:15px}}
@media(min-width:1201px){
 .pp-right-column{padding-top:calc(6 * var(--pu))}.pp-main-column{gap:calc(16 * var(--pu))}
 .pp-ranking-panel .pp-section-heading{margin-bottom:calc(8 * var(--pu))}.pp-rank-table th{padding:calc(4 * var(--pu)) calc(5 * var(--pu))}.pp-rank-table td{padding:calc(4 * var(--pu)) calc(5 * var(--pu))}.pp-rank-dots{height:calc(24 * var(--pu));line-height:calc(24 * var(--pu))}.pp-rank-note{margin-top:calc(3 * var(--pu))}
 .pp-notification i{width:calc(12 * var(--pu));height:calc(12 * var(--pu));right:calc(-1 * var(--pu));top:0}
 .pp-medals-panel .pp-section-heading h2{font-size:calc(18 * var(--pu));white-space:nowrap}.pp-medals-panel .pp-text-link{font-size:calc(11 * var(--pu))}
 .pp-own-rank .pp-avatar-rank{width:calc(25 * var(--pu));height:calc(25 * var(--pu));border-width:1px;font-size:calc(8 * var(--pu))}.pp-own-rank .pp-mn-flag{width:calc(29 * var(--pu));height:calc(20 * var(--pu));flex-shrink:0}
}
@media(max-width:640px){.pp-banner-top:after{width:60%;opacity:.5;background-size:100% 100%,1500px auto;background-position:center,-695px -76px}.pp-profile-banner .pp-player-check svg{width:18px;height:18px}.pp-mn-flag{width:23px;height:16px}.pp-user-menu summary:after{right:-1px;width:8px;height:8px}.pp-medal-art{width:49px;height:53px}.pp-sidebar{min-height:0}.pp-radar text{font-size:16px}}
@media(prefers-reduced-motion:reduce){.player-shell *{scroll-behavior:auto}}

@media(max-width:1200px){.pp-own-rank .pp-avatar-rank{width:23px;height:23px;font-size:8px;border-width:1px}.pp-own-rank .pp-mn-flag{width:25px;height:18px;flex-shrink:0}}