.player-dialog{max-width:min(480px,calc(100vw - 28px));width:480px;padding:24px;border:1px solid #dde4d8;border-radius:23px;background:#fffefa;color:var(--ink);max-height:88vh;overflow:auto;box-shadow:0 24px 80px #172c2840}.player-dialog::backdrop{background:#18312777;backdrop-filter:blur(3px)}.dialog-heading{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px}.dialog-heading h2{margin:0;font-size:21px}.dialog-heading .icon-button{min-width:44px;min-height:44px;background:#edf1e8;border-radius:50%;font-size:24px}.player-dialog form{display:flex;flex-direction:column;gap:15px}.player-dialog form label{display:flex;flex-direction:column;gap:8px;font-size:13px}.player-dialog input,.player-dialog select,.player-dialog textarea{padding:12px;background:#fffefa;border:1px solid #d5dfce;border-radius:10px;min-width:0;width:100%;font:inherit}.player-dialog .check-label,.check-label{display:flex!important;align-items:center;flex-direction:row!important;gap:8px;min-height:38px}.check-label input{width:17px;height:17px;accent-color:#195a45}.profile-field-row{display:grid;grid-template-columns:1fr 1fr;gap:15px}.profile-avatar-edit{display:flex;align-items:center;gap:18px}.profile-avatar-edit input{width:210px;font-size:11px;padding:8px 0}.public-player-card{text-align:center;padding:20px 15px;border-radius:17px;background:#f1f4ec}.public-player-card.frame-gold{border:2px solid #bc9143}.public-player-card.frame-ocean{border:2px solid #195a45}.public-player-card h3{font-size:24px;margin:13px 0 8px}.public-player-card p{font-size:14px;line-height:1.7;color:var(--muted)}.full-width{width:100%;min-height:48px;border-radius:12px}.player-dialog [role=status]{font-size:13px;color:#9f342a}
.employee-card,.review-card{border:1px solid #dce3db;border-radius:15px;padding:18px;margin:14px 0;background:#fff}.employee-permissions{display:flex;flex-wrap:wrap;align-items:center;gap:13px;padding:12px 0}.employee-permissions .check-label{font-size:13px}.employee-card .referee-stat-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.review-badge{display:inline-block;padding:5px 9px;border-radius:8px;background:#fff0d4;color:#8a5d17;font-size:12px}.review-card>small{display:block;color:var(--muted);margin:12px 0}.review-card p{line-height:1.6;margin:9px 0}.match-timer-row{margin:5px 0 14px}.match-timer{font-size:13px;color:#195a45}.compact-buttons{flex-wrap:wrap}

/* Reference proportions with the established cream / green / gold palette. */
.staff-gift-entry{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin:16px 0}.staff-gift-entry small{color:var(--muted)}.employee-permissions label:not(.check-label){display:flex;flex-direction:column;gap:6px;font-size:12px;color:var(--muted)}.employee-permissions [data-gift-limit]{width:140px;min-height:38px;padding:8px}
body.role-client{font-family:-apple-system,BlinkMacSystemFont,"Microsoft YaHei UI","Microsoft YaHei","PingFang SC",sans-serif;color:#18221c;background:#f6f4ee}
body.role-client main{padding:12px 14px 24px!important;background:#f6f4ee!important}
body.role-client #client.view.active{display:flex!important;flex-direction:column;gap:0;max-width:560px;margin:0 auto;min-width:0}
body.role-client #client>.mobile-hero{display:none!important}
body.role-client #client [hidden]{display:none!important}
body.role-client #client h1,body.role-client #client h2,body.role-client #client h3{font-family:inherit;color:#17231c;letter-spacing:-.5px;font-weight:800}
body.role-client #client button,body.role-client #client input,body.role-client #client select{font-family:inherit}
body.role-client #client button{cursor:pointer;box-shadow:none}
body.role-client #client button:disabled{cursor:default}
.client-page-header{display:flex;align-items:center;justify-content:space-between;min-height:42px;margin-bottom:10px}
.client-page-header h1{font-size:26px!important;line-height:1.2;margin:0}
.round-control{width:36px;height:36px;min-height:36px!important;padding:8px;border:0;border-radius:50%;background:#e8ebe3;color:#17231c}
.round-control svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round}
body.role-client #client .client-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));padding:4px;gap:4px;margin:0 0 14px;border:0;border-radius:12px;background:#e8ebe3}
body.role-client #client .client-tabs button{min-height:38px;height:38px;padding:7px 4px;border:0;font-size:14px;font-weight:700;letter-spacing:0;border-radius:9px;color:#697068;background:transparent;white-space:nowrap}
body.role-client #client .client-tabs button[aria-current=page]{color:#195a45;background:#fffefa;box-shadow:0 2px 7px #17372a08}
body.role-client #client #matchResult:empty,body.role-client #client #clientDuelInvites:empty{display:none!important}
body.role-client #client .panel:not(.client-challenge-panel){border:0;border-radius:12px;background:#fffefa;box-shadow:0 6px 24px #174d3b04;padding:18px;margin:0 0 18px}
body.role-client.client-bound #clientIdentityPanel{display:none!important}
/* Scan links put the existing identity form first. Keep competing play actions
   out of the way until the player has confirmed their identity. */
body.role-client.client-scan-entry:not(.client-bound) #clientSocialSummary,
body.role-client.client-scan-entry:not(.client-bound) #clientDuelInvites,
body.role-client.client-scan-entry:not(.client-bound) .client-join-panel,
body.role-client.client-scan-entry:not(.client-bound) .client-challenge-panel,
body.role-client.client-scan-entry:not(.client-bound) #clientPoolOverview,
body.role-client.client-scan-entry:not(.client-bound) .tournament-client-actions{display:none!important}
body.role-client #client #clientEntryContext{font-size:13px;line-height:1.5;color:#195a45;margin:5px 0;overflow-wrap:anywhere}
body.role-client #clientScanEntry #clientTournamentPanel:not([hidden]){display:block}
body.role-client #client .client-challenge-panel{margin-top:6px;margin-bottom:18px}
body.role-client #client .client-join-panel{padding:14px;margin:12px 0 14px}
body.role-client .client-join-panel #joinQueue{width:100%;min-height:48px;border-radius:10px;font-size:17px;font-weight:750}
body.role-client .client-join-panel .continuous-toggle{display:flex;align-items:center;justify-content:center;gap:8px;margin:10px 0 0;border:0;background:transparent;min-height:28px;font-size:12px;padding:0}
body.role-client .client-join-panel .continuous-toggle input{width:16px;height:16px;accent-color:#195a45}
body.role-client #clientPlayerCard{margin:6px 0 0;padding:0}
body.role-client #clientPlayerCard .client-status{font-size:11px;padding:8px 10px;line-height:1.5;min-height:0}
/* Matched opponents are primary information, with room for the complete nickname. */
body.role-client #clientPlayerCard .client-match-status104{padding:14px;min-width:0;text-align:left}
body.role-client #clientPlayerCard .client-match-heading104{display:flex;flex-direction:column;gap:5px;min-width:0}
body.role-client #clientPlayerCard .client-match-heading104>span{font-size:13px;line-height:1.5;font-weight:400}
body.role-client #clientPlayerCard .client-match-heading104>b{font-size:16px;line-height:1.45;font-weight:400;overflow-wrap:anywhere}
body.role-client #clientPlayerCard .client-match-opponent104{margin:13px 0 10px;min-width:0}
body.role-client #clientPlayerCard .client-match-opponent104>span{display:block;font-size:13px;line-height:1.5;font-weight:400}
body.role-client #clientPlayerCard .client-match-opponent104>strong{display:block;margin-top:4px;font-size:20px;line-height:1.4;font-weight:400;white-space:normal;overflow-wrap:anywhere;word-break:break-word;color:inherit}
body.role-client #clientPlayerCard .client-match-note104{margin:0;font-size:13px;line-height:1.6;font-weight:400;overflow-wrap:anywhere}
body.role-client #clientPlayerCard .client-match-score104{margin:0 0 7px;font-size:13px;line-height:1.6;font-weight:400;overflow-wrap:anywhere}
body.role-client .client-match-tools{display:none!important}
body.role-client #clientSocialSummary{margin:0 0 4px;gap:8px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));background:transparent;padding:0;border-radius:0}
body.role-client #clientSocialSummary>div{padding:13px 5px;background:#fffefa;border-radius:12px;color:#687267;text-align:center}
body.role-client #clientSocialSummary strong{color:#18221c;font-size:25px}
body.role-client #clientSocialSummary span{font-size:10px;color:#73766f}
.section-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:18px 2px 12px}
.section-heading h2,.section-heading h3{margin:0;font-size:20px!important;line-height:1.25;font-weight:800}
.section-heading>span,.muted{color:#7d7f78;font-size:12px;font-weight:500}
.client-ranking-page{padding:0}
.rank-hero{box-sizing:border-box;display:flex;justify-content:space-between;gap:16px;padding:22px 18px 18px;border-radius:12px;min-height:116px;color:#fffefa;background:radial-gradient(ellipse at 84% 3%,#a98438a6,transparent 60%),linear-gradient(120deg,#132c24,#174d3b);overflow:hidden}
.rank-hero>div{display:flex;flex-direction:column;gap:6px;justify-content:center}
.rank-hero>div:last-child{text-align:right;align-items:flex-end}
.rank-hero span{font-size:13px;font-weight:700;color:#d6dccd;line-height:1.2}
.rank-hero>div:last-child>span{font-size:12px;letter-spacing:1px}
.rank-hero strong{font-size:30px;line-height:1;font-weight:850;color:#fffefa;letter-spacing:-1px}
.rank-hero>div:first-child strong{font-size:46px;letter-spacing:-2px}
.rank-hero small{display:block;border-radius:14px;background:#f6edd8;color:#a17c31;padding:4px 10px;font-size:11px;font-weight:700}
.rank-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));padding:3px;background:#e5e8e0;border-radius:11px;margin:10px 0}
body.role-client #client .rank-tabs button{border:0;background:transparent;color:#777a73;border-radius:9px;min-height:34px;padding:5px;font-size:13px;font-weight:750}
body.role-client #client .rank-tabs button[aria-pressed=true]{background:#fffefa;color:#18221c}
.rank-search{display:flex;align-items:center;gap:9px;background:#e7eae2;border-radius:10px;padding:0 12px;margin:0 0 14px;min-height:42px}
.rank-search>span{font-size:22px;color:#81857c}
body.role-client #client .rank-search input{min-width:0;flex:1;width:100%;border:0;background:transparent!important;box-shadow:none!important;border-radius:0;min-height:42px;height:42px;padding:7px 0;font-size:14px;color:#18221c}
.ranking-podium{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:end;gap:8px}
body.role-client #client .podium-card{display:flex;min-width:0;align-items:center;flex-direction:column;gap:6px;min-height:120px;padding:12px 7px 11px;border-radius:12px;border:0;background:#fffefa;color:#18221c;font-size:14px}
body.role-client #client .podium-card.place-1{min-height:140px;padding-top:13px;background:linear-gradient(150deg,#f6edd8,#fffefa 78%)}
.podium-card>b{color:#b88b39;font-size:17px;line-height:1.2;margin-bottom:2px}
.podium-card>strong{font-size:14px;line-height:1.4;font-weight:800;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.podium-card>span:last-child{font-size:13px;color:#7f8078;font-weight:650;line-height:1.1}
.player-avatar{width:40px;height:40px;min-width:40px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;background:linear-gradient(135deg,#f8f9f4,#eaece3);color:#195a45;font-weight:800;font-size:17px;border:1px solid #e7e9df;overflow:hidden;box-sizing:border-box}
.player-avatar img{width:100%;height:100%;object-fit:cover}.player-avatar.large{width:66px;height:66px;min-width:66px;font-size:28px}.player-avatar.frame-gold{border:2px solid #b98b39}.player-avatar.frame-ocean{border:2px solid #195a45}
.ranking-list,.record-card{background:#fffefa;border:0;border-radius:12px;overflow:hidden;box-shadow:0 7px 22px #174d3b03;margin:0 0 6px}
body.role-client #client .ranking-row{display:flex;align-items:center;gap:10px;width:100%;min-height:66px;padding:12px 14px;background:transparent;border:0;border-bottom:1px solid #f0f0e9;border-radius:0;color:#18221c;text-align:left;box-sizing:border-box}
.ranking-row:last-child{border-bottom:0!important}.ranking-row:hover{background:#f5f6ef!important}.rank-number{font-size:14px;color:#a1a297;width:20px;flex-shrink:0;text-align:center}.rank-person{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}.rank-person strong{font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.35;font-weight:800}.rank-person small{font-size:10.5px;white-space:nowrap;color:#7e8077;font-weight:400}.ranking-row>b{font-size:18px;font-weight:800;margin-left:3px}
.level-badge{display:inline-flex;vertical-align:middle;align-items:center;padding:2px 4px;border-radius:4px;background:#edf1e5;color:#6e845b;font-size:9px;line-height:1.2;font-weight:650;letter-spacing:0}
.client-account-panel{margin:0}.personal-card{display:flex;align-items:center;gap:14px;padding:17px 16px;background:#fffefa;border-radius:12px;min-height:98px;box-sizing:border-box;box-shadow:0 7px 22px #174d3b04}.personal-identity{flex:1;min-width:0}.personal-name{display:flex;align-items:center;gap:8px}.personal-name>strong{font-size:23px;line-height:1.3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:850}.personal-identity p{margin:5px 0;color:#7d8076;font-size:11px;line-height:1.5}.personal-identity>small{display:block;color:#93968a;font-size:10px;line-height:1.5;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
body.role-client #client .name-edit{width:24px;height:24px;min-height:24px;border-radius:50%;border:0;padding:0;background:#edf0e6;color:#7c8073;font-size:11px;font-weight:700;flex-shrink:0}
body.role-client #client .avatar-edit{position:relative;border:0;padding:0;background:none;flex-shrink:0;min-height:66px;border-radius:50%}.avatar-edit>span:last-child{position:absolute;right:-2px;bottom:0;background:#17372a;border-radius:13px;padding:4px 6px;color:#fffefa;font-size:9px;line-height:1}
.empty-personal{flex-wrap:wrap}.empty-personal p{width:100%;margin:0;color:#7a8171;font-size:13px}
.personal-stat-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:9px 0}.personal-stat-grid>div{display:flex;flex-direction:column;align-items:flex-start;gap:7px;min-height:72px;box-sizing:border-box;padding:13px 11px;background:#fffefa;border-radius:12px;box-shadow:0 7px 22px #174d3b04}.personal-stat-grid strong{font-size:27px;font-weight:850;color:#18221c;line-height:1;letter-spacing:-.7px}.personal-stat-grid span{font-size:12px;color:#7d8076}
body.role-client #client .growth-strip{display:block;width:100%;padding:8px 12px 10px;margin:0 0 9px;background:#ecefe4;border:0;border-radius:9px;min-height:0;text-align:left;color:#62724f}.growth-strip>span{display:flex;align-items:center;gap:8px;font-size:10px;line-height:1.3}.growth-strip strong{color:#597348;font-size:11px}.growth-strip small{font-size:10px;color:#8b9581}.growth-strip b{margin-left:auto;font-size:10px;font-weight:600}.growth-track{display:block;height:3px;margin-top:6px;background:#dce3cf;border-radius:6px;overflow:hidden}.growth-track>i{display:block;height:100%;border-radius:6px;background:#74944e}
.performance-card{display:flex;align-items:center;gap:20px;padding:17px 15px;min-height:110px;background:#fffefa;border-radius:12px;box-sizing:border-box;box-shadow:0 7px 22px #174d3b04}.performance-card h3{font-size:17px;line-height:1.3;margin:0 0 5px}.performance-card p{font-size:11px;line-height:1.5;color:#7d8076;margin:0}.performance-card small{display:block;margin-top:4px;font-size:10px;color:#a0a394}.win-donut{width:82px;height:82px;border-radius:50%;background:conic-gradient(#195a45 var(--win-rate),#e5e8df 0);display:flex;align-items:center;justify-content:center;flex-shrink:0;position:relative}.win-donut:before{content:"";position:absolute;inset:13px;border-radius:50%;background:#fffefa}.win-donut strong{z-index:1;color:#18221c;font-weight:850;font-size:19px}
.client-record-section{padding:0;margin:0}.client-record-section .section-heading{margin-top:18px}.personal-match{padding:13px 14px;border-bottom:1px solid #f0f0e9}.personal-match:last-child{border-bottom:0}.match-record-main{display:flex;align-items:center;justify-content:space-between;gap:10px}.match-record-main>div{min-width:0}.match-record-main small,.points-row small{display:block;margin-top:4px;color:#8a8c81;font-size:11px;line-height:1.4;font-weight:400}.match-record-main>b{font-size:19px;line-height:1.2;font-weight:800;color:#757e6c;white-space:nowrap}.match-record-main>b.positive,.positive{color:#195a45!important}.match-record-main .text-link{font-size:15px;font-weight:800;min-height:22px;background:none;border:0;border-radius:0;padding:0;line-height:1.4;color:#18221c;text-align:left}.staff-like-row{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:6px;font-size:10px;color:#939989}.like-button{border:0;background:#edf1e6;color:#819273;min-height:24px!important;padding:3px 9px;font-size:10px;border-radius:12px}.like-button[aria-pressed=true]{color:#195a45;background:#e3edd9}.record-more{display:block;width:100%;padding:12px;min-height:40px;background:#fffefa;border:0;color:#7d8b6e;font-size:12px;font-weight:500}
.points-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:15px 14px;border-bottom:1px solid #f0f0e9}.points-row:last-child{border-bottom:0}.points-row>div{min-width:0}.points-row strong{font-size:14px;font-weight:750;line-height:1.5}.points-row>b{font-size:18px;white-space:nowrap;color:#79826e}.points-row>span{font-size:12px;color:#7d8076}.empty-message{padding:29px 15px;margin:0;color:#8d9085;text-align:center;font-size:13px;font-weight:400;line-height:1.7}
body.role-client #client .wallet-entry{display:flex;align-items:center;justify-content:space-between;gap:20px;width:100%;min-height:148px;padding:24px 19px;margin:0;border:0;border-radius:12px;text-align:left;background:linear-gradient(120deg,#195a45,#173c2e);color:#fffefa}.wallet-copy{display:flex;flex-direction:column;gap:8px}.wallet-copy>small{font-size:13px;color:#bdd4bc;font-weight:650}.wallet-copy>strong{font-size:37px;color:#fffefa!important;font-weight:850;line-height:1}.wallet-copy>span{font-size:11px;color:#bbd0b7;line-height:1.4}.wallet-emblem{height:64px;width:64px;flex-shrink:0;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#a1bea230;color:#fffefa;font-size:31px;font-weight:800}.client-wallet-section>p{margin:7px 2px 0;color:#92998a;font-size:10px}
.client-rights-links .section-heading{margin:19px 2px 12px}.rights-link{display:flex;align-items:center;gap:12px;width:100%;padding:14px;background:#fffefa;border:0;border-radius:12px;text-align:left;color:#17231c}.rights-symbol{height:34px;width:34px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#195a45;color:#fffefa;font-size:15px;font-weight:700}.rights-link>span:nth-child(2){display:flex;flex-direction:column;gap:4px;flex:1}.rights-link strong{font-size:15px;font-weight:750}.rights-link small{font-size:10px;color:#979c8e}.rights-link>b{font-size:20px;color:#969d8a}
body.role-client #client #clientInvitePanel{margin-top:18px;padding:16px;border-radius:12px}#clientInvitePanel>h2{font-size:18px!important;margin:0 0 12px}body.role-client #client #clientInvitePanel p,body.role-client #client #clientInvitePanel [role=status]{font-size:12px;line-height:1.8;color:#87917c}body.role-client #client #clientInvitePanel button{font-size:13px;min-height:40px;border-radius:10px}body.role-client #client #clientInvitePanel h3{font-size:14px;margin:16px 0 4px}
body.role-client #client #clientHonorsPanel{margin-top:12px}body.role-client #client .disclosure>summary{font-size:14px;font-weight:700}body.role-client #client #clientMyRewards .empty-message{min-height:65px}body.role-client #client #clientMyRewards>p{margin:0;padding:28px;text-align:center;color:#919487;font-size:13px}
.account-actions{display:flex;flex-direction:column;gap:8px}.account-actions>button{width:100%;padding:13px;text-align:left;border-radius:10px;font-size:14px}.account-actions>button:after{content:"›";float:right;color:#949d87}.growth-detail{text-align:center;padding:12px}.level-medal{display:inline-flex;align-items:center;justify-content:center;width:74px;height:74px;border-radius:50%;background:#e7eddb;border:2px solid #b5964f;font-size:32px;font-weight:800;color:#195a45}.growth-detail h3{margin:12px 0 8px;font-size:21px}.growth-detail p{color:#869476;font-size:13px}.growth-rules p{font-size:13px;line-height:1.8}.growth-link-hint{padding:12px;background:#edf1e7;border-radius:9px;color:#637853}.screen-growth{font-size:.48em;color:#b5c59b;font-weight:600;white-space:nowrap}
@media(max-width:360px){body.role-client main{padding-left:11px!important;padding-right:11px!important}.ranking-row{gap:7px!important;padding-left:10px!important;padding-right:10px!important}.rank-person strong{font-size:14px}.rank-person small{font-size:9.5px}.rank-number{width:16px}.ranking-row .player-avatar{width:36px;height:36px;min-width:36px}.personal-stat-grid strong{font-size:24px}.performance-card{gap:13px}.personal-name>strong{font-size:21px}.level-badge{font-size:8px}.rank-hero{padding-left:16px;padding-right:16px}}

/* Season ranks: keep identity and progress readable at phone and screen sizes. */
.rank-theme-iron,[data-rank-theme="iron"]{--rank-ink:#46535f;--rank-start:#edf1f4;--rank-end:#c6cfd6}
.rank-theme-bronze,[data-rank-theme="bronze"]{--rank-ink:#653611;--rank-start:#f8e8d6;--rank-end:#ddb087}
.rank-theme-silver,[data-rank-theme="silver"]{--rank-ink:#374c60;--rank-start:#f7faff;--rank-end:#c7d7e5}
.rank-theme-gold,[data-rank-theme="gold"]{--rank-ink:#503800;--rank-start:#fff1b1;--rank-end:#edc345}
.rank-theme-platinum,[data-rank-theme="platinum"]{--rank-ink:#13574e;--rank-start:#e9faf4;--rank-end:#9fd8c7}
.rank-theme-diamond,[data-rank-theme="diamond"]{--rank-ink:#104a75;--rank-start:#edfaff;--rank-end:#95d4f2}
.rank-theme-master,[data-rank-theme="master"]{--rank-ink:#4b246e;--rank-start:#f3eaff;--rank-end:#c5a4e5}
.rank-theme-king,[data-rank-theme="king"]{--rank-ink:#ffe28a;--rank-start:#302c25;--rank-end:#141718}
.personal-card[class*="rank-theme-"],.public-player-card[class*="rank-theme-"],#clientPlayerCard[data-rank-theme]{background:linear-gradient(135deg,var(--rank-start),var(--rank-end));color:var(--rank-ink)}
.personal-card[class*="rank-theme-"] .personal-identity p,.personal-card[class*="rank-theme-"] .personal-identity>small,.public-player-card[class*="rank-theme-"] p{color:inherit}
.rank-progress{padding:12px 0;font-size:12px;line-height:1.6}.rank-progress>span{display:block;font-weight:650}.rank-progress>small{display:block;color:#617069;margin-top:5px}.rank-progress-track{height:6px;overflow:hidden;border-radius:8px;background:#dce4df;margin-top:7px}.rank-progress-track>i{display:block;height:100%;border-radius:inherit;background:var(--rank-ink,#936c1f)}
.rank-tone{white-space:nowrap;display:inline-block;letter-spacing:.02em}.rank-theme-king .rank-progress>small{color:#eadfbc}
@media(max-width:420px){.personal-name>strong{font-size:21px}.rank-person .rank-tone{font-size:10px}.client-score .rank-tone{font-size:11px}}

/* Permanent honors are distinct from the current season's rank. */
.player-avatar.honor-avatar{border:3px solid var(--honor-color);box-shadow:0 0 0 2px var(--honor-background)}
.historical-honor{display:inline-flex;align-items:center;gap:4px;max-width:100%;padding:3px 7px;border-radius:6px;color:var(--honor-color);background:var(--honor-background);font-size:11px;font-weight:700;white-space:nowrap;line-height:1.3;overflow:hidden;text-overflow:ellipsis}
.historical-honor>span{font-size:10px}.honor-namecard{border:2px solid var(--honor-color)!important;background:var(--honor-background)!important;color:var(--honor-color)!important}.honor-note{font-size:12px!important}.personal-identity .historical-honor{margin:3px 0 7px}.rank-person .historical-honor{margin-top:4px}.personal-name .level-badge{font-size:11px;vertical-align:middle}.season-eligibility{display:flex;flex-wrap:wrap;gap:14px;border:1px solid #cbd7c5;border-radius:12px;padding:16px}.season-eligibility label{display:flex;align-items:center;gap:8px}.season-eligibility input{width:82px}.season-eligibility p{flex-basis:100%;margin:0}.season-reward-progress{padding:12px;border-radius:10px;background:#edf3e8;font-size:13px;line-height:1.6}

.match-duration{display:inline-block;padding:6px 9px;background:#e8f4ed;color:#155b46;border-radius:8px;font-weight:750;font-variant-numeric:tabular-nums;white-space:nowrap}

.result-confirmation-overlay{position:fixed;inset:0;z-index:2147483000;display:flex;align-items:center;justify-content:center;padding:18px;background:rgba(18,38,31,.58);box-sizing:border-box;overscroll-behavior:contain}
.result-confirmation-card{box-sizing:border-box;width:100%;max-width:440px;max-height:calc(100vh - 36px);overflow:auto;padding:24px;border-radius:18px;background:#fffefa;color:#243b31;box-shadow:0 20px 70px #10251d55}
.result-confirmation-card h2{margin:0 0 16px;font-size:21px}.result-confirmation-card p{white-space:pre-line;line-height:1.8;margin:0 0 22px;overflow-wrap:anywhere}
.result-confirmation-actions{display:grid;grid-template-columns:1fr 1fr;gap:12px}.result-confirmation-actions button{min-height:48px;touch-action:manipulation}
.referee-result-feedback:not(:empty){padding:12px;margin:10px 0;border-radius:10px;background:#edf3e7;color:#204a36;line-height:1.6}
.rematch-card{margin-top:14px;padding:16px;border:1px solid #d6e2cc;border-radius:12px;background:#f5f8ef}.rematch-card strong,.rematch-card small{display:block;margin-bottom:9px}.rematch-card button{min-height:44px}.rematch-card small{color:#697567}
/* Rank43: shared tier identity. SVG ornaments are local, cached data images. */
.rank-tone{display:inline-flex;align-items:center;vertical-align:middle;gap:4px;padding:2px 6px;border-radius:5px;border:1px solid var(--rank-accent);font-weight:700;line-height:1.25;max-width:100%;box-sizing:border-box}
.rank-emblem{display:inline-block!important;width:24px;height:23px;flex:none;object-fit:contain;vertical-align:middle;filter:drop-shadow(0 1px 1px #0005)}
.rank-tone>span{min-width:0}.rank-avatar{--avatar-size:56px;display:inline-block!important;position:relative;flex:none;width:var(--avatar-size);height:var(--avatar-size);min-width:var(--avatar-size);vertical-align:middle;isolation:isolate;margin:0!important;padding:0!important;background:transparent!important;border:0!important;overflow:visible!important}
.rank-avatar-fallback,.rank-portrait{position:absolute!important;display:flex!important;align-items:center;justify-content:center;left:18%;top:19%;width:64%!important;height:64%!important;max-width:none!important;border-radius:50%;margin:0!important;padding:0!important;object-fit:cover;background:radial-gradient(circle at 35% 20%,#426056,#182e29);color:#f2f4e8!important;font-size:calc(var(--avatar-size)*.28)!important;font-weight:800;line-height:1!important;overflow:hidden}
.has-portrait>.rank-avatar-fallback{visibility:hidden}.rank-portrait{z-index:1}.rank-avatar-frame{position:absolute!important;inset:0;display:block!important;width:100%!important;height:100%!important;max-width:none!important;margin:0!important;object-fit:contain;z-index:2;pointer-events:none;filter:drop-shadow(0 1px 1px #0008)}
.rank-theme-silver,[data-rank-theme="silver"]{--rank-ink:#495b70;--rank-start:#f7f9fd;--rank-end:#c4ceda}.rank-theme-platinum,[data-rank-theme="platinum"]{--rank-ink:#005e4b;--rank-start:#d6fff1;--rank-end:#73d7b7}

/* The television layout retains all four operational panels below the matches. */
body.role-screen #screen{--screen-paper:#132720;--screen-line:#826b3e;--screen-text:#f3f0dc;--screen-muted:#aabcad;background:radial-gradient(ellipse at top,#17382c,#0b1c17 75%);gap:10px;padding:12px 16px 18px;color:var(--screen-text)}
body.role-screen #screen .screen-hero{background:linear-gradient(100deg,#16382d,#10241c);border-bottom:1px solid var(--screen-line);border-radius:8px;padding:10px 18px}
body.role-screen #screen .screen-brand h2{font-size:clamp(23px,2.1vw,40px);color:#f4e6bf;line-height:1.2}
body.role-screen #screen .screen-clock{color:#ead6a3;font-size:clamp(24px,2.4vw,42px)}
body.role-screen #screen #screenLadderLayout{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:12px}
body.role-screen #screen .screen-panel{background:var(--screen-paper);border:1px solid var(--screen-line);border-radius:9px;padding:12px;min-width:0}
body.role-screen #screen .screen-panel-title{margin-bottom:8px;min-height:24px}
body.role-screen #screen .screen-panel-title h2{font-size:clamp(19px,1.55vw,29px);color:#f1dfab;line-height:1.2}
body.role-screen #screen .screen-panel-title span{color:var(--screen-muted);font-size:13px}
body.role-screen #screen .screen-ranking{gap:2px}
body.role-screen #screen .screen-ranking .screen-rank-row{grid-template-columns:30px clamp(32px,6.1vh,72px) minmax(0,1fr) clamp(100px,10vw,185px) minmax(70px,5vw);column-gap:8px;padding:1px 8px;background:transparent;border:0;border-bottom:1px solid #7c91682c;border-radius:0;overflow:visible}
body.role-screen #screen .screen-ranking .screen-rank-row.top{background:linear-gradient(90deg,#bda45d22,transparent);border-left:2px solid #ad9153}
body.role-screen #screen .screen-ranking .rank-avatar{--avatar-size:clamp(32px,6.1vh,72px)}
body.role-screen #screen .rank-num{font-size:clamp(17px,1.65vw,30px);color:#d4dcd5}
body.role-screen #screen .top .rank-num{color:#e7c776}
body.role-screen #screen .screen-player>strong{font-size:clamp(16px,1.6vw,30px);color:var(--screen-text);line-height:1.25}
body.role-screen #screen .screen-player-achievements{margin-top:2px;gap:3px}
body.role-screen #screen .screen-player>span{font-size:12px;color:var(--screen-muted)}
body.role-screen #screen .screen-score strong{font-size:clamp(19px,1.7vw,31px);min-width:0;color:var(--rank-accent,#f0dfb2)}
body.role-screen #screen .screen-rank-badge{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;border:0;background:transparent!important;color:var(--rank-accent)!important;gap:5px;padding:0;width:auto;max-width:100%;overflow:visible}
body.role-screen #screen .screen-rank-badge .rank-emblem{width:clamp(26px,3.1vw,56px);height:clamp(25px,3vw,53px)}
body.role-screen #screen .screen-rank-label{display:flex;flex-direction:column;align-items:flex-start;gap:2px;min-width:0}
body.role-screen #screen .screen-rank-name{font-size:clamp(14px,1.3vw,24px);font-weight:750;line-height:1.2;color:inherit}
body.role-screen #screen .screen-rank-stars{font-size:clamp(10px,.85vw,14px);letter-spacing:2px;color:inherit;line-height:1}
body.role-screen #screen .screen-side{grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:minmax(0,1.65fr) minmax(0,1fr);gap:10px}
body.role-screen #screen .screen-match-panel{grid-column:1/-1;display:flex;flex-direction:column}
body.role-screen #screen .screen-matches{flex:1;min-height:0;grid-template-rows:repeat(2,minmax(0,1fr));gap:10px}
body.role-screen #screen .screen-match-card{display:flex;flex-direction:column;justify-content:center;gap:4px;min-height:0;background:linear-gradient(120deg,#1c372b,#11251f);border:1px solid #64774b;border-radius:7px;padding:8px 12px;overflow:hidden}
body.role-screen #screen .screen-match-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;border-bottom:1px solid #83975b33;padding-bottom:5px;flex:none}
body.role-screen #screen .screen-match-heading>strong{font-size:clamp(16px,1.35vw,24px);color:#f1e9cd}
body.role-screen #screen .screen-match-heading>span{margin:0;font-size:12px;color:#afc4ad}
body.role-screen #screen .screen-duel,body.role-screen #screen .screen-event-duel{display:grid;grid-template-columns:minmax(0,1fr) 28px minmax(0,1fr);gap:8px;align-items:center;min-width:0}
body.role-screen #screen .screen-contender{display:flex;align-items:center;gap:7px;min-width:0}
body.role-screen #screen .screen-contender .rank-avatar{--avatar-size:clamp(44px,8.6vh,108px)}
body.role-screen #screen .screen-contender-info{min-width:0;flex:1}
body.role-screen #screen .screen-contender-info>strong{font-size:clamp(16px,1.6vw,30px);line-height:1.25;color:var(--screen-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
body.role-screen #screen .screen-contender-info .screen-rank-badge{margin:3px 0 0;gap:3px}
body.role-screen #screen .screen-contender-info .rank-emblem{width:27px;height:26px}
body.role-screen #screen .screen-contender-info .screen-rank-name{font-size:clamp(13px,1.1vw,20px)}
body.role-screen #screen .screen-contender-info .screen-rank-stars{font-size:9px}
body.role-screen #screen .screen-vs{font-family:Georgia,serif;font-style:italic;text-align:center;color:#e9c478;font-size:clamp(18px,1.8vw,32px);text-shadow:0 2px 6px #0007}
body.role-screen #screen .screen-match-note{color:var(--screen-muted);font-size:12px;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:2px 0 0}
body.role-screen #screen .screen-client-small{margin-left:auto}
body.role-screen #screen .screen-client-small img{width:48px;height:48px}
body.role-screen #screen .screen-rewards,body.role-screen #screen .screen-winners,body.role-screen #screen .screen-challenges{gap:6px}
body.role-screen #screen .screen-reward-card,body.role-screen #screen .screen-winner-card,body.role-screen #screen .screen-challenge-card{background:#223b2d;padding:7px;border-radius:5px}
body.role-screen #screen .screen-side .screen-panel:not(.screen-match-panel) .screen-panel-title h2{font-size:clamp(14px,1.1vw,21px)}
body.role-screen #screen .screen-side .screen-panel:not(.screen-match-panel) .screen-panel-title>span{display:none}
body.role-screen #screen .screen-reward-card strong,body.role-screen #screen .screen-winner-card strong,body.role-screen #screen .screen-challenge-card strong{font-size:clamp(12px,.9vw,17px);color:var(--screen-text)}
body.role-screen #screen .screen-reward-card span,body.role-screen #screen .screen-winner-card span,body.role-screen #screen .screen-challenge-card>span{font-size:clamp(11px,.75vw,14px);line-height:1.35;color:var(--screen-muted)}
body.role-screen #screen .screen-challenge-person{display:flex;align-items:center;gap:4px}
body.role-screen #screen .screen-challenge-person .rank-avatar{--avatar-size:42px}
body.role-screen #screen .screen-rank-legend{flex:none;display:grid;grid-template-columns:1.05fr repeat(8,minmax(0,1fr));align-items:center;gap:8px;background:var(--screen-paper);border:1px solid var(--screen-line);border-radius:9px;padding:6px 16px;min-height:0}
body.role-screen #screen .screen-rank-legend>strong{font-size:clamp(15px,1.35vw,26px);color:#eee0b8}
body.role-screen #screen .screen-rank-legend>div{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;color:var(--rank-accent);font-size:clamp(11px,.95vw,18px);font-weight:700}
body.role-screen #screen .screen-rank-legend .rank-emblem{width:clamp(32px,4vw,70px);height:clamp(27px,3.3vw,58px)}
body.role-screen #screen .podium-player .rank-avatar{--avatar-size:clamp(44px,6.3vh,72px)}
body.role-screen #screen .podium-player{padding:5px;gap:0;min-height:0}
body.role-screen #screen .podium-player .rank-tone{font-size:11px;padding:1px 4px}.podium-player .rank-tone .rank-emblem{width:19px;height:18px}
body.role-screen #screen .screen-event-duel .rank-avatar{--avatar-size:36px}
body.role-screen #screen .screen-event-duel .screen-contender-info>strong{font-size:16px}
body.role-screen #screen .screen-event-duel .screen-rank-badge{display:none}
body.role-screen #screen .screen-event-duel{grid-template-columns:minmax(0,1fr) 18px minmax(0,1fr);gap:3px}

/* Existing alternative themes keep their appearance and pagination. */
body.role-screen #screen[data-theme="honor"]{--screen-paper:#242218;--screen-line:#856e3f;--screen-muted:#bcad87;background:radial-gradient(ellipse at top,#342c1d,#12150f)}
body.role-screen #screen[data-theme="honor"] .screen-hero{background:#242117}
body.role-screen #screen[data-theme="honor"] .screen-ranking .rank-avatar{--avatar-size:clamp(30px,4.8vh,53px)}
body.role-screen #screen[data-theme="large"]{--screen-paper:#fff;--screen-line:#b3c9bd;--screen-text:#143b30;--screen-muted:#456357;background:#e8f0ed;color:#143b30}
body.role-screen #screen[data-theme="large"] .screen-hero{background:#fff}
body.role-screen #screen[data-theme="large"] .screen-brand h2,body.role-screen #screen[data-theme="large"] .screen-clock,body.role-screen #screen[data-theme="large"] .screen-panel-title h2,body.role-screen #screen[data-theme="large"] .screen-rank-legend>strong{color:#143b30}
body.role-screen #screen[data-theme="large"] .screen-rank-badge{color:var(--rank-ink)!important}
body.role-screen #screen[data-theme="large"] .screen-score strong{color:#175440}
body.role-screen #screen[data-theme="large"] .screen-rank-legend>div{color:var(--rank-ink)}
body.role-screen #screen[data-theme="large"] .rank-num{color:#496357}
body.role-screen #screen[data-theme="large"] .screen-match-card,body.role-screen #screen[data-theme="large"] .screen-reward-card,body.role-screen #screen[data-theme="large"] .screen-winner-card,body.role-screen #screen[data-theme="large"] .screen-challenge-card{background:#eff5f1;color:#143b30}
body.role-screen #screen[data-theme="large"] .screen-match-heading>strong{color:#143b30}
body.role-screen #screen[data-theme="large"] .screen-match-heading>span{color:#456357}
body.role-screen #screen[data-theme="large"] .screen-player>strong{font-size:clamp(20px,1.9vw,35px)}
@media(max-height:800px){body.role-screen #screen .screen-player-achievements{max-height:17px}body.role-screen #screen .screen-growth{font-size:9px;padding:0 3px}body.role-screen #screen .historical-honor{font-size:9px;padding:0 3px}body.role-screen #screen .screen-panel{padding:8px}body.role-screen #screen .screen-matches{gap:6px}body.role-screen #screen .screen-rank-legend{padding:3px 12px}body.role-screen #screen .screen-rank-legend .rank-emblem{width:38px;height:31px}body.role-screen #screen .screen-match-note{font-size:10px}body.role-screen #screen .screen-challenge-person .rank-avatar{--avatar-size:30px}}
@media(max-height:600px){body.role-screen #screen{padding:5px 10px 14px;gap:6px}body.role-screen #screen .screen-hero{padding:6px 12px}body.role-screen #screen .screen-brand img{width:50px;height:36px}body.role-screen #screen .screen-brand h2{font-size:21px}body.role-screen #screen .screen-hero span{font-size:11px}body.role-screen #screen .screen-panel{padding:6px}body.role-screen #screen .screen-panel-title{min-height:18px;margin-bottom:4px}body.role-screen #screen .screen-panel-title h2{font-size:17px}body.role-screen #screen .screen-ranking .screen-rank-row{grid-template-columns:22px 30px minmax(0,1fr) 90px 63px;gap:5px;padding:0 3px}body.role-screen #screen .screen-ranking .rank-avatar{--avatar-size:30px}body.role-screen #screen .screen-player>strong{font-size:15px}body.role-screen #screen .screen-player-achievements{display:none}body.role-screen #screen .screen-rank-name{font-size:12px}body.role-screen #screen .screen-rank-stars{font-size:8px;letter-spacing:1px}body.role-screen #screen .screen-rank-badge{gap:2px}body.role-screen #screen .screen-rank-badge .rank-emblem{width:23px;height:22px}body.role-screen #screen .screen-rank-legend .rank-emblem{width:29px;height:24px}body.role-screen #screen .screen-rank-legend{padding:2px 9px;gap:4px}body.role-screen #screen .screen-rank-legend>div{font-size:10px}body.role-screen #screen .screen-contender .rank-avatar{--avatar-size:40px}body.role-screen #screen .screen-contender-info>strong{font-size:15px}body.role-screen #screen .screen-contender-info .screen-rank-stars{display:none}body.role-screen #screen .screen-match-card{padding:5px 7px;gap:2px}body.role-screen #screen .screen-match-heading{padding-bottom:2px}body.role-screen #screen .screen-match-heading>strong{font-size:14px}body.role-screen #screen .screen-match-note{font-size:9px}body.role-screen #screen .screen-client-small img{width:29px;height:29px}body.role-screen #screen .screen-side{gap:6px;grid-template-rows:minmax(0,1.8fr) minmax(0,1fr)}body.role-screen #screen .screen-reward-card,body.role-screen #screen .screen-winner-card,body.role-screen #screen .screen-challenge-card{padding:4px}body.role-screen #screen .screen-side .screen-panel:not(.screen-match-panel) .screen-panel-title h2{font-size:12px}body.role-screen #screen .screen-challenge-person .rank-avatar{--avatar-size:24px}body.role-screen #screen .screen-rewards,body.role-screen #screen .screen-winners,body.role-screen #screen .screen-challenges{gap:4px}body.role-screen #screen .podium-player .rank-avatar{--avatar-size:34px}body.role-screen #screen .podium-player .historical-honor,body.role-screen #screen .podium-player .screen-growth{display:none}body.role-screen #screen .podium-player strong{font-size:15px}body.role-screen #screen .podium-player b{font-size:17px}body.role-screen #screen .podium-player>span{font-size:10px}body.role-screen #screen .podium-player .rank-tone{font-size:9px}}
@media(max-width:760px){.rank-tone .rank-emblem{width:19px;height:18px}.ranking-row .rank-tone{font-size:10px;padding:1px 3px;gap:2px}.rank-tone{max-width:100%;white-space:normal}}

/* Keep tier color on nested labels, including match-card and light-theme rules. */
body.role-screen #screen .screen-rank-badge .screen-rank-label,body.role-screen #screen .screen-rank-badge .screen-rank-name,body.role-screen #screen .screen-rank-badge .screen-rank-stars{color:inherit!important;margin:0}
body.role-screen #screen[data-theme="large"] .screen-rank-legend>div:last-child{color:#805300}
@media(max-height:600px){body.role-screen #screen[data-theme="honor"] .screen-ranking .rank-avatar{--avatar-size:25px}body.role-screen #screen[data-theme="honor"] .screen-ranking .screen-rank-row{grid-template-columns:22px 25px minmax(0,1fr) 90px 63px}body.role-screen #screen[data-theme="honor"] .screen-ranking .screen-rank-badge .rank-emblem{width:21px;height:20px}}


/* Shared geometric rank blocks; all rank colors come from RankPalette. */
.rank-block88{display:inline-flex!important;align-items:center;gap:7px;position:relative;isolation:isolate;box-sizing:border-box;min-width:0;max-width:100%;padding:5px 10px 5px 6px;border:1px solid var(--rank-metal88);border-radius:3px 10px 3px 10px;background:linear-gradient(125deg,var(--rank-base88),var(--rank-end88));color:#f3f5fa!important;text-align:left;vertical-align:middle;line-height:1.2;white-space:normal;box-shadow:inset 3px 0 var(--rank-main88),inset 0 1px #ffffff12}
.rank-block88:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(115deg,var(--rank-main88),transparent 65%);opacity:.18;border-radius:inherit}
.rank-block88--king:before{background:linear-gradient(115deg,var(--rank-main88),var(--rank-gem88));opacity:.4}
.rank-block88--king{box-shadow:inset 3px 0 var(--rank-main88),inset -3px 0 var(--rank-gem88),0 0 14px #2b6cb01a}
.rank-block88 .rank-emblem{display:block!important;flex:none!important;width:34px!important;height:34px!important;margin:0!important;object-fit:contain;filter:none!important}
.rank-block88-copy{display:flex;flex-direction:column;min-width:0;gap:3px}.rank-block88-copy>strong{font:750 12px/1.25 system-ui,sans-serif!important;color:#f0f3fa!important;overflow-wrap:anywhere;white-space:normal!important}.rank-block88-copy>small{font:700 10px/1 system-ui,sans-serif!important;color:var(--rank-metal88)!important;letter-spacing:2px}
.rank-block88--L{padding:7px;gap:3px;width:128px;min-height:70px}.rank-block88--L .rank-emblem{width:46px!important;height:49px!important}.rank-block88--L .rank-block88-copy>strong{font-size:14px!important}
.rank-block88--M{min-width:110px;min-height:46px}.rank-block88--S{padding:3px 7px 3px 4px;gap:4px;min-height:32px}.rank-block88--S .rank-emblem{width:24px!important;height:25px!important}.rank-block88--S .rank-block88-copy>strong{font-size:11px!important}
.rank-block88--podium{box-shadow:0 0 14px color-mix(in srgb,var(--rank-main88) 30%,transparent),inset 3px 0 var(--rank-main88)}
.cup-icon88{display:block;width:40px;height:40px;flex:0 0 40px;filter:none!important}
/* One vertical match path, with arena controls directly below ladder entry. */
body.role-client #client .client-mainpath88{display:flex;flex-direction:column;border:1px solid #c9d6cc;border-radius:16px;background:#fffefa;overflow:hidden;box-shadow:0 7px 22px #174d3b06;margin:10px 0 14px;gap:0}
body.role-client #client .client-mainpath88>.panel{width:100%;margin:0!important;border:0;box-shadow:none;border-radius:0;padding:16px;box-sizing:border-box}
body.role-client #client .client-mainpath88>.client-challenge-panel{border-top:1px solid #dce4dc;background:#f8faf6}
body.role-client #client .mainpath-title88{font-size:16px;line-height:1.3;margin:0 0 12px;font-weight:800}
body.role-client #client #joinQueue{font-size:17px;letter-spacing:.03em;min-height:52px;border-radius:9px;width:100%}
body.role-client #client .client-challenge-panel.has-open-arena88{box-shadow:inset 3px 0 #b9964d;background:linear-gradient(150deg,#fffdf3,#f3f8f5)}
body.role-client #client .client-challenge-panel .compact-title{margin:0 0 10px}
body.role-client #client .client-challenge-panel h2{font-size:18px;display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:0 0 6px}
body.role-client #client #arenaCount88{font-size:10px;font-weight:700;letter-spacing:0;color:#6b5424;background:#efe5c8;padding:4px 7px;border-radius:4px}
body.role-client #client .client-challenge-panel .compact-title p{font-size:11px;line-height:1.5;color:#69796b;margin:0}
body.role-client #client #challengeOpenDetails>summary{width:100%;min-height:40px;display:flex;align-items:center;justify-content:center;box-sizing:border-box;padding:10px 14px;background:#1e493a;color:#f7f5e9;border:1px solid #35614e;border-radius:8px;font-size:14px;cursor:pointer}
body.role-client #client .challenge-item{padding:14px 12px;border-radius:10px;margin:9px 0 0;overflow:hidden}
body.role-client #client .arena-table88{display:block;font-size:13px;color:#53685b;font-weight:650;padding-bottom:11px;border-bottom:1px solid #e3e9df}
.arena-host88{display:flex;align-items:center;gap:7px;padding:12px 0;min-width:0}.arena-host88>.rank-avatar{--avatar-size:42px}.arena-host88>div{flex:1;min-width:0}.arena-host88>div>strong{font-size:15px;font-weight:800;line-height:1.4;overflow-wrap:anywhere}.arena-host88>div>small{display:block;font-size:11px;color:#667565;margin-top:4px}.arena-host-tag88{display:inline-block!important;font-size:9px!important;font-weight:650;color:#6c5725!important;background:#f0e8d3;padding:1px 4px!important;border-radius:3px;vertical-align:middle;margin:0 0 2px 4px!important;white-space:nowrap}.arena-host88>.rank-block88{flex:none;width:114px}.arena-status88{font-size:12px!important;line-height:1.7}.client-challenge-panel .challenge-cost{font-size:11px!important;line-height:1.6}
body.role-client #client .event-promo50{display:grid;gap:8px;margin:0 0 10px;overflow:visible;max-height:none}
body.role-client #client .event-promo50[hidden]{display:none!important}
body.role-client #client .event-promo50>button{width:100%;min-width:0;max-width:none;flex:auto;padding:13px 16px;border-radius:12px;border:1px solid #c9b178;background:linear-gradient(115deg,#143f32,#225846);color:#fff9e8;text-align:left;box-shadow:0 4px 13px #143f3210;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:5px 8px}
body.role-client #client .event-promo50>button>span{font-size:10px;letter-spacing:.07em;color:#e1ce9e;grid-column:1/-1}.event-promo50>button>strong{font-size:17px!important;grid-column:1/-1}.event-promo50>button>small{font-size:11px!important;color:#d1dfd5!important}.event-promo50>button>b{font-size:11px!important;color:#f0dba3!important;align-self:center}
body.role-client #client #clientMore86{margin-top:0;padding:13px 16px;border-radius:12px}.client-mainpath88[hidden]{display:none!important}
/* Full personal card: identity, metrics, progress and a vertical trophy collection. */
body.role-client #client .personal-card88{display:block;position:relative;overflow:hidden;padding:20px 17px 0;border-radius:16px;border:1px solid var(--rank-metal88,#788799);color:#edf1f7;background:radial-gradient(ellipse at 110% 0,var(--rank-gem88,#2b445f) 0,transparent 55%),repeating-linear-gradient(125deg,#ffffff03 0,#ffffff03 1px,transparent 1px,transparent 14px),linear-gradient(145deg,#0E1420,#1A2233)!important;box-shadow:0 10px 30px #101c3029,inset 4px 0 var(--rank-main88,#6B7280)}
body.role-client #client .personal-card88:before{content:"";position:absolute;inset:0 0 auto;height:2px;background:linear-gradient(90deg,var(--rank-metal88,#A1A1AA),var(--rank-gem88,#6B7280))}
.personal-top88{display:flex;align-items:center;gap:8px;min-width:0}.personal-top88>.rank-block88{margin-left:auto;flex:0 0 128px;width:128px}.personal-top88 .personal-identity{flex:1;min-width:0}.personal-top88 .personal-name{gap:4px}.personal-top88 .personal-name>strong{font-size:20px!important;color:#fff;overflow-wrap:anywhere;white-space:normal}.personal-top88 .rank-avatar{--avatar-size:52px}.personal-top88 .level-badge{margin-top:5px;background:#ffffff12;color:#cedde9}.personal-top88 .avatar-edit{min-height:54px!important}.personal-top88 .avatar-edit>span:last-child{font-size:8px!important;padding:3px 5px!important}.personal-top88 .name-edit{background:#ffffff12!important;color:#d9e0e8!important}
.personal-store88{font-size:11px;color:#b2c0cf;line-height:1.8;margin:13px 0 0;padding-bottom:13px;border-bottom:1px solid #ffffff12}.personal-store88 .historical-honor{font-size:10px;margin-top:5px}
.personal-stats88{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));padding:19px 0 14px;gap:4px}.personal-stats88>div{display:flex;flex-direction:column;gap:7px}.personal-stats88 strong{font:750 23px/1.1 system-ui,sans-serif;color:#f5f3e9;letter-spacing:-.5px}.personal-stats88 span{font-size:10px;color:#a4b4c6}
.personal-card88 .rank-progress{font-size:11px;padding:0 0 18px}.personal-card88 .rank-progress>span{font-weight:500;color:#c8d5e4}.personal-card88 .rank-progress>small{display:none}.personal-card88 .rank-progress-track{height:5px;background:#ffffff10}.personal-card88 .rank-progress-track>i{background:linear-gradient(90deg,var(--rank-metal88),var(--rank-gem88))}
.card-cups88{padding:16px 0 4px;border-top:1px solid #ffffff12}.card-cups88 h3{font-size:14px!important;line-height:1.4;color:#edf1f7;margin:0 0 10px!important;display:flex;align-items:center;justify-content:space-between}.card-cups88 h3>span{font-size:11px;font-weight:500;color:#b0bfd1}
.cup-row88{display:flex;align-items:center;gap:10px;padding:10px 0;border-bottom:1px solid #ffffff09}.cup-row88:last-of-type{border:0}.cup-row88>div{min-width:0}.cup-row88 strong{display:block;color:#f0f2f8;font-size:12px;font-weight:650;line-height:1.5;overflow-wrap:anywhere}.cup-row88 small{display:block;color:#a3b3c6;font-size:10px;margin-top:4px;line-height:1.5}.cup-row88 small>span{color:#c9d5e5}.cup-empty88{font-size:11px;color:#b0bfd1;padding:2px 0 12px;margin:0}
body.role-client #client .cup-all88{display:block;width:100%;font-size:11px;color:#d2e0f3;background:transparent;border:0;padding:10px 0;text-align:center;min-height:36px}
.personal-footer88{margin:8px -17px 0;padding:0 17px;background:#ffffff04;border-top:1px solid #ffffff12}.personal-footer88 .honor-entry51{border:0!important;background:transparent!important;color:#e5ecf5!important;margin:0!important;padding:13px 0!important;min-height:46px!important}.personal-footer88 .honor-entry51 strong{font-size:11px!important}.personal-footer88 .honor-entry51 span{color:#b3c5dc!important;font-size:10px!important}
body.role-client #client #clientAccountSummary>.growth-strip{margin-top:10px}.personal-card88.empty-personal{padding-bottom:20px!important}.personal-card88.empty-personal p{color:#b8c6d6}
body.role-client #client .account-help88{margin-top:10px}.account-help88 #wechatGuide84{box-shadow:none;border:0;padding:12px 0;margin:0}.account-help88 summary{font-size:12px}
/* Rank cards and shared trophy symbols in the existing honor viewer. */
body.role-client #client .ranking-row{min-height:91px}.ranking-row .rank-person>small{white-space:normal}.ranking-row .rank-block88{min-width:116px;width:max-content}.ranking-row .rank-block88 .rank-emblem{width:30px!important;height:32px!important}
body.role-client #client .podium-card{padding:12px 5px;gap:7px;overflow:visible}.podium-card>.rank-block88{min-width:0;width:100%;gap:2px;padding:4px 3px;min-height:54px;flex-direction:column}.podium-card>.rank-block88 .rank-emblem{width:25px!important;height:25px!important}.podium-card>.rank-block88 .rank-block88-copy{align-items:center;gap:2px}.podium-card>.rank-block88 .rank-block88-copy>strong{font-size:10px!important}.podium-card>.rank-block88 .rank-block88-copy>small{font-size:8px!important;letter-spacing:1px}
.share-records49 .cup-record88{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.cup-record88 .cup-icon88{width:29px;height:29px;flex-basis:29px}.share-card49[data-share-card]{background:radial-gradient(ellipse at 100% 0,var(--rank-gem88),transparent 60%),linear-gradient(145deg,#0E1420,#1A2233)!important;color:#eef2f8!important;border-color:var(--rank-metal88)!important}.share-card49[data-share-card] h3,.share-card49[data-share-card] .share-stats49 b{color:#eef2f8!important}.share-card49[data-share-card] .share-store49,.share-card49[data-share-card] .share-signature49{color:#ced7e3!important}.share-card49 .share-cups49>div{background:#ffffff0d;color:#e8edf4}.share-card49 .share-cups49 span,.share-card49 .share-stats49,.share-card49 .share-store49 span{color:#bacbde!important}
/* Standard screen uses the same compact component without changing its layout. */
body.role-screen #screen .screen-rank-legend{gap:5px!important;align-items:center!important;flex-wrap:nowrap!important;min-width:0}
body.role-screen #screen .screen-rank-legend>.rank-block88{flex:1 1 0;max-width:150px;min-width:0;min-height:34px}.screen-rank-legend .rank-block88 .rank-emblem{width:27px!important;height:28px!important}
body.role-screen #screen .screen-player .rank-block88--S{max-width:100%;min-width:0}.screen-contender .rank-block88--S{max-width:145px}
@media(max-width:360px){.personal-top88>.rank-block88{flex-basis:110px;width:110px}.personal-top88 .rank-avatar{--avatar-size:44px}.personal-top88 .personal-name>strong{font-size:17px!important}.personal-top88 .rank-block88--L .rank-emblem{width:35px!important;height:42px!important}.personal-top88 .rank-block88-copy>strong{font-size:12px!important}.personal-stats88 strong{font-size:21px}.arena-host88{gap:5px}.arena-host88>.rank-block88{width:99px;min-width:99px}.arena-host88>.rank-avatar{--avatar-size:35px}.arena-host88 .rank-block88 .rank-emblem{width:27px!important;height:30px!important}}
@media(max-height:650px){body.role-screen #screen .screen-rank-legend .rank-block88{padding:2px 4px;min-height:28px;gap:2px}body.role-screen #screen .screen-rank-legend .rank-block88 .rank-emblem{width:20px!important;height:22px!important}body.role-screen #screen .rank-block88--S .rank-block88-copy>strong{font-size:10px!important}}

body.role-client #client .personal-card88 .card-cups88 h3{color:#edf1f7!important}

/* Compact personal card preview: keep other client surfaces unchanged. */
body.role-client #client .personal-card88.compact-personal88{padding:15px 15px 0;border-radius:13px;border-width:1px;box-shadow:0 6px 18px #101c301a,inset 2px 0 var(--rank-main88);background:radial-gradient(ellipse at 115% -25%,var(--rank-gem88) 0,transparent 60%),linear-gradient(135deg,#0E1420,#1A2233)!important}
.compact-personal88 .personal-top88{gap:8px}
.compact-personal88 .personal-top88>.rank-block88{flex:0 0 96px;width:96px;min-height:43px;padding:4px 5px;gap:3px}
.compact-personal88 .personal-top88 .rank-block88 .rank-emblem{width:28px!important;height:33px!important}
.compact-personal88 .personal-top88 .rank-block88-copy>strong{font-size:11px!important;line-height:1.3!important}
.compact-personal88 .personal-top88 .rank-block88-copy>small{font-size:8px!important;letter-spacing:1px}
.compact-personal88 .personal-top88 .rank-avatar{--avatar-size:44px}
.compact-personal88 .personal-top88 .avatar-edit{min-height:44px!important}
.compact-personal88 .personal-top88 .personal-name>strong{font-size:18px!important}
.compact-personal88 .personal-top88 .level-badge{margin-top:3px}
.compact-personal88 .personal-store88{margin-top:8px;padding-bottom:10px;font-size:10px;line-height:1.6}
.compact-personal88 .personal-store88 .historical-honor{font-size:9px;margin-top:0}
.compact-personal88 .personal-stats88{padding:12px 0 10px;gap:6px}
.compact-personal88 .personal-stats88>div{gap:5px}
.compact-personal88 .personal-stats88 strong{font-size:21px}
.compact-personal88 .personal-stats88 span{font-size:11px}
.compact-personal88 .rank-progress{font-size:11px;padding-bottom:12px;gap:6px}
.compact-personal88 .rank-progress-track{height:4px}
.compact-personal88 .card-cups88{padding:11px 0 0}
body.role-client #client .compact-personal88 .card-cups88 h3{font-size:12px!important;margin-bottom:4px!important}
.compact-personal88 .card-cups88 h3>span{font-size:10px}
.compact-personal88 .cup-row88{gap:9px;padding:8px 0}
.compact-personal88 .cup-row88 .cup-icon88{width:29px;height:29px;flex-basis:29px}
.compact-personal88 .cup-row88 strong{font-size:12px;line-height:1.5}
.compact-personal88 .cup-row88 small{margin-top:2px;font-size:11px;line-height:1.4}
body.role-client #client .compact-personal88 .cup-all88{font-size:11px;min-height:34px;padding:8px 0}
.compact-personal88 .card-cups88.is-empty88{padding:10px 0;border-top:1px solid #ffffff12}
.compact-personal88 .cup-empty88{font-size:12px;line-height:1.6;padding:0;margin:0;color:#aabacd}
.compact-personal88 .personal-footer88{margin:0 -15px;padding:0 15px}
.compact-personal88 .personal-footer88 .honor-entry51{padding:10px 0!important;min-height:36px!important}
.compact-personal88 .personal-footer88 .honor-entry51 strong{font-size:11px!important}
.compact-personal88 .personal-footer88 .honor-entry51 span{font-size:11px!important}
@media(max-width:360px){.compact-personal88 .personal-top88{gap:6px}.compact-personal88 .personal-top88 .rank-avatar{--avatar-size:38px}.compact-personal88 .personal-top88 .personal-name>strong{font-size:16px!important}.compact-personal88 .personal-top88>.rank-block88{flex-basis:88px;width:88px;padding:4px;gap:2px}.compact-personal88 .personal-top88 .rank-block88 .rank-emblem{width:24px!important;height:29px!important}.compact-personal88 .personal-top88 .rank-block88-copy>strong{font-size:10px!important}}

/* Short standard displays: keep rank blocks inside the established ranking row. */
@media(max-height:650px){
 body.role-screen #screen #screenRanking .screen-division{display:flex;align-items:center;justify-content:center;min-height:0;line-height:1}
 body.role-screen #screen #screenRanking .rank-block88--S{min-height:0;height:24px;padding:1px 3px;gap:2px;max-width:100%;vertical-align:top}
 body.role-screen #screen #screenRanking .rank-block88--S .rank-emblem{width:18px!important;height:18px!important}
 body.role-screen #screen #screenRanking .rank-block88--S .rank-block88-copy{min-width:0}
 body.role-screen #screen #screenRanking .rank-block88--S .rank-block88-copy>strong{font-size:10px!important;line-height:1.1!important;white-space:nowrap!important;overflow:hidden;text-overflow:ellipsis}
}

/* One-time member reset and server-derived performance summaries. */
.performance-card103{display:block}
.performance-main103{display:flex;align-items:center;gap:18px;min-width:0}
.performance-periods103{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:14px}
.performance-period103{min-width:0;padding:13px 12px;border:1px solid #dce5d9;border-radius:12px;background:#f3f7f0;color:#244c3a}
.performance-period103 h4{margin:0 0 8px;font-size:13px;line-height:1.5;font-weight:650}
.performance-period103 strong{display:block;font-size:18px;line-height:1.5;overflow-wrap:anywhere}
.performance-period103 p{font-size:12px!important;line-height:1.7!important;margin:5px 0 0!important;color:#59725e!important}
.performance-note103{margin:10px 0 0!important;font-size:12px!important;line-height:1.7!important;color:#657766!important;overflow-wrap:anywhere}
.win-donut.is-pending103 strong{font-size:15px}
.compact-personal88 .personal-stats88 .stat-pending103 strong{font-size:13px;line-height:1.5;letter-spacing:0;overflow-wrap:anywhere}
.member-stats103{margin-top:7px;max-width:330px;min-width:200px}.member-stats103>summary{font-size:12px;color:#35614c;cursor:pointer}
.member-stats103 .performance-periods103{gap:6px;margin-top:7px}.member-stats103 .performance-period103{padding:8px}.member-stats103 .performance-period103 strong{font-size:14px}
.member-reset-reason103{display:block;max-width:240px;white-space:normal;font-size:12px;line-height:1.65;color:#64786c}
.member-reset-dialog103{box-sizing:border-box}.member-reset-dialog103>p{line-height:1.7;font-size:14px}
.reset-rating103{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:14px;padding:18px;background:#edf5eb;border-radius:14px;text-align:center}
.reset-rating103 span{font-size:13px;color:#5b7361}.reset-rating103 strong{display:block;font-size:30px;line-height:1.3;color:#1c573c;margin-top:5px}
.reset-effects103{padding-left:21px;font-size:13px;line-height:1.8}.reset-effects103 li{margin:9px 0}.member-reset-dialog103 .check-label{font-size:13px;line-height:1.7;align-items:flex-start!important}
.member-reset-dialog103 .check-label input{flex-shrink:0;margin-top:3px;width:18px;height:18px;padding:0}
.reset-actions103{display:grid;grid-template-columns:1fr 1fr;gap:10px}.reset-actions103 button{min-height:46px;border-radius:11px}
.record-before-reset103{display:block;margin-top:7px;font-size:11px;line-height:1.6;color:#77877b}
@media(max-width:380px){.member-reset-dialog103{padding:18px}.performance-period103{padding:10px 8px}.performance-period103 h4{font-size:12px}.performance-period103 strong{font-size:16px}.performance-main103{gap:12px}}

.ranking-row>.rank-metric103.is-pending103{font-size:12px;line-height:1.6;max-width:80px;white-space:normal;text-align:right;overflow-wrap:anywhere}.share-stats49{overflow-wrap:anywhere}