/* Visual reference: official iOS App Store performance screen. */
.app-button[data-action="valorant"] .app-label{white-space:nowrap;letter-spacing:-.2px}
.val-app{--val-orange:#ed781e;--val-green:#169b88;--val-red:#de5160;background:#071923;color:#16212a}
.val-app .app-header{color:#fff;background:#071923;border:0;min-height:48px;flex-shrink:0}
.val-app .app-header h2{font-size:16px;font-weight:600}
.val-app .app-header .back{color:#fff;justify-content:flex-start;width:68px}
.val-app .app-home{color:#fff}
.val-app .val-scroll{padding:0 0 var(--shell-bottom);background:#071923;overscroll-behavior:contain;scrollbar-width:none}
.val-profile{position:relative;isolation:isolate;height:246px;padding:16px 18px 0;color:#fff;overflow:hidden;background:radial-gradient(ellipse at 90% 70%,#20404c99,transparent 60%),#071923}
.val-portrait{position:absolute;z-index:-1;width:365px;height:310px;right:-125px;top:15px;object-fit:contain;pointer-events:none;filter:drop-shadow(-12px 3px 20px #0004)}
.val-profile:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#071923 0%,#07192322 55%,transparent),linear-gradient(0deg,#071923,transparent 28%);pointer-events:none}
.val-profile-top{display:flex;align-items:center;gap:10px;position:relative;min-height:44px}
.val-avatar{width:44px;height:44px;object-fit:cover;background:#264047;border:1px solid #ffffff60;border-radius:50%}
.val-identity{min-width:0}
.val-identity h1{font-size:17px;line-height:1.4;margin:0 0 3px;font-weight:650;letter-spacing:.2px}
.val-identity p{margin:0;color:#94a4af;font-size:10px;letter-spacing:.3px}.val-identity p span{color:#a6bac5;margin-left:7px}
.val-test{font-size:9px;padding:3px 5px;background:#ffffff12;color:#bdc9cf;border:1px solid #ffffff30;border-radius:3px;line-height:1.3;white-space:nowrap}
.val-profile-top>.val-test{margin-left:auto;align-self:flex-start;margin-top:3px}
.val-account-label{font-size:10px;color:#8ca3b2;margin:18px 0 10px;letter-spacing:1px}
.val-rank-card{height:81px;display:flex;align-items:center;gap:7px;width:177px;border:1px solid #6b7d8055;border-left:2px solid #de615e;background:linear-gradient(105deg,#14242eee,#14242e88);padding:8px 8px 8px 0;position:relative}
.val-rank-card:after{content:'';position:absolute;bottom:-1px;right:-1px;width:6px;height:6px;border-right:2px solid #dc6d5e;border-bottom:2px solid #dc6d5e}
.val-rank-icon{width:67px;height:67px;object-fit:contain}
.val-rank-card div{display:flex;flex-direction:column;gap:4px}.val-rank-card small{font-size:9px;color:#8a9ba5}.val-rank-card strong{font-size:18px;font-weight:550;letter-spacing:1px;color:#e7d7ff}.val-rank-card span{font-size:9px;color:#9eacb5;white-space:nowrap}
.val-rank-progress{height:2px;background:#45525d;width:177px;margin-top:5px}.val-rank-progress i{height:100%;display:block;background:linear-gradient(90deg,#8473b4,#c9b7ec)}
.val-profile-footer{display:flex;justify-content:space-between;position:absolute;left:18px;right:18px;bottom:12px;font-size:9px;letter-spacing:1px;color:#96a8b3}.val-profile-footer>span:first-child{font-weight:800;letter-spacing:2px;font-size:10px;color:#c7d3da}
.val-white{background:#fff;min-height:200px;color:#17232d}
.val-tabs{display:flex;align-items:center;padding:0 18px;gap:28px;height:54px;border-bottom:1px solid #f0f1f2;position:sticky;top:0;z-index:2;background:#fff}
.val-tabs button{height:54px;position:relative;padding:0 3px;font-size:16px;font-weight:600;color:#8b9297}.val-tabs button.selected{color:#20272e}.val-tabs button.selected:after{content:'';width:20px;height:3px;background:var(--val-orange);position:absolute;bottom:0;left:50%;transform:translateX(-50%);border-radius:2px}
.val-tabs>span{margin-left:auto;font-size:11px;color:#888f96;background:#f3f4f6;padding:4px 10px;border-radius:4px}
.val-section-heading{display:flex;align-items:center;justify-content:space-between;gap:8px}.val-section-heading h3{font-size:14px;margin:0;font-weight:650}.val-section-heading>span{font-size:10px;color:#969da3}.val-section-heading>button{font-size:10px;color:#8f969c;display:flex;align-items:center;gap:4px;min-height:32px;padding-right:0}
.val-overview{padding:18px 18px 15px}.val-stats{display:grid;grid-template-columns:repeat(3,1fr);padding:16px 0 13px}.val-stats>div{display:flex;flex-direction:column;gap:5px;text-align:center;border-right:1px solid #eef0f2}.val-stats>div:last-child{border:0}.val-stats strong{font:600 25px/1.15 -apple-system,BlinkMacSystemFont,sans-serif;letter-spacing:-.6px;font-variant-numeric:tabular-nums}.val-stats em{font-size:13px;font-style:normal;margin-left:1px}.val-stats small{font-size:10px;color:#929aa0}.val-stats>div:first-child strong{color:var(--val-orange)}
.val-form{display:flex;align-items:center;gap:4px}.val-form>span{height:20px;flex:1;display:grid;place-items:center;border-radius:2px;font-size:9px}.val-form .win{color:#238d7b;background:#e9f6f2}.val-form .loss{color:#d8606b;background:#fbedef}.val-form small{font-size:9px;color:#a0a5aa;white-space:nowrap;margin-left:4px}
.val-friend-summary{display:flex;align-items:center;gap:10px;text-align:left;background:#f6f7f9;border-radius:5px;margin:0 18px 8px;padding:11px 12px;width:calc(100% - 36px)}
.val-friend-avatars{display:flex;padding-right:0}.val-friend-avatars img{width:25px;height:25px;object-fit:cover;border-radius:50%;background:#becbd4;border:2px solid #f6f7f9;margin-left:-9px}.val-friend-avatars img:first-child{margin-left:0}
.val-friend-summary>span:nth-child(2){display:flex;flex-direction:column;gap:3px;flex:1}.val-friend-summary strong{font-size:11px;font-weight:600}.val-friend-summary small{font-size:9px;color:#969da5}.val-chevron{font-size:22px;font-weight:300;color:#bac1c6;line-height:1}
.val-history-heading{padding:4px 18px 5px}.val-match-list{padding:0 18px}
.val-match{display:flex;align-items:center;position:relative;width:100%;padding:13px 0;gap:10px;border-bottom:1px solid #edf0f3;text-align:left;color:#202c35;min-height:84px}
.val-agent-icon{width:43px;height:43px;border-radius:3px;background:linear-gradient(150deg,#aebac4,#647582);object-fit:cover;flex:none}
.val-match.win .val-agent-icon{background:linear-gradient(140deg,#9cc9b9,#466b72)}.val-match.loss .val-agent-icon{background:linear-gradient(140deg,#c0a0a6,#766474)}
.val-match-main{min-width:0;flex:1;display:flex;flex-direction:column;gap:5px}.val-match-score{display:flex;align-items:center;gap:9px}.val-match-score strong{font-size:13px;letter-spacing:1px;color:var(--val-green)}.val-match.loss .val-match-score strong{color:var(--val-red)}.val-match-score b{font-size:14px;font-weight:600;font-variant-numeric:tabular-nums}.val-match-score em{font-size:10px;font-weight:400;color:#a9afb3;font-style:normal;padding:0 3px}.val-match-score>i{font-style:normal;font-weight:650;font-size:8px;letter-spacing:-.1px;background:#f8efda;color:#b88d3f;padding:2px 3px;border-radius:2px}
.val-match-meta{font-size:10px;color:#7f898f;white-space:nowrap}.val-match-meta i{display:inline-block;border:1px solid #e4e8ec;border-radius:2px;padding:0 3px;font-size:8px;font-style:normal;color:#8d969d;margin-left:3px}.val-match time{font-size:9px;color:#a4aab0;font-variant-numeric:tabular-nums}
.val-match-kda{display:flex;flex-direction:column;text-align:right;gap:4px;min-width:72px}.val-match-kda strong{font-size:15px;font-weight:600;font-variant-numeric:tabular-nums;letter-spacing:-.3px}.val-match-kda em{font-size:10px;color:#aeb4b9;padding:0 3px;font-style:normal}.val-match-kda small{font-size:8px;color:#a7adb3;letter-spacing:1px}.val-match-kda>span{font-size:9px;color:#99a1a8}.val-match>.val-chevron{font-size:17px;margin-left:-2px;color:#ccd1d6}
.val-all-matches{display:flex;align-items:center;gap:4px;justify-content:center;width:100%;height:52px;font-size:11px;color:#818d96}
.val-record-intro{padding:20px 18px 18px;color:#eaf0f4}.val-record-intro>div{display:flex;align-items:center;gap:9px}.val-small-avatar{width:30px;height:30px;border-radius:50%;background:#34525b}.val-record-intro>div>span:nth-child(2){font-size:14px;font-weight:550}.val-record-intro .val-test{margin-left:auto}.val-record-intro p{color:#8da1af;font-size:11px;margin:12px 0 0}
.val-record-filters{height:47px;display:flex;gap:20px;align-items:center;position:sticky;top:0;background:#fff;z-index:2;border-bottom:1px solid #eff1f4;padding:0 18px}.val-record-filters button{font-size:12px;color:#4b5964;height:44px;padding:0}.val-record-filters span{font-size:12px;color:#9da8b0;margin-left:4px}
.val-list-end{padding:24px 8px;text-align:center;color:#aab0b6;font-size:10px}
.val-heroes{padding:22px 18px 28px}.val-hero-card{display:flex;gap:12px;align-items:center;text-align:left;width:100%;min-height:86px;border-bottom:1px solid #edf0f3}.val-hero-card>.val-agent-icon{width:48px;height:48px}.val-hero-card>span:nth-child(2){display:flex;flex:1;flex-direction:column;gap:5px}.val-hero-card strong{font-size:14px}.val-hero-card small{font-size:10px;color:#98a1a8}.val-hero-bar{display:block;width:85%;height:3px;background:#f0f2f4;border-radius:3px;overflow:hidden;margin-top:2px}.val-hero-bar b{display:block;height:100%;background:#eeba8b}.val-hero-win{display:flex;flex-direction:column;text-align:right;gap:5px;min-width:45px}.val-hero-win>strong{font-size:16px;color:#ed781e}
.val-battle-head{position:relative;isolation:isolate;overflow:hidden;color:#fff;padding:17px 18px 18px;background:#122b35}.val-battle-head:before{content:'';background-image:linear-gradient(0deg,#081923dd,#091d2560),var(--map-image);background-position:center;background-size:cover;position:absolute;inset:0;z-index:-1;opacity:.76}.val-battle-context{display:flex;align-items:center;justify-content:space-between;font-size:12px;color:#d9e1e6}.val-battle-score{display:flex;align-items:center;justify-content:center;gap:35px;padding:23px 0 20px}.val-battle-score>div{display:flex;flex-direction:column;text-align:center;gap:3px}.val-battle-score strong{font-size:46px;font-weight:600;line-height:1;font-variant-numeric:tabular-nums}.val-battle-score small{font-size:9px;color:#95a6b2;letter-spacing:2px}.val-battle-score>span{color:#70d5b8;font-size:22px;display:flex;flex-direction:column;align-items:center;gap:6px;letter-spacing:3px;font-weight:600}.loss .val-battle-score>span{color:#f69ba6}.val-battle-score i{font-style:normal;font-size:8px;color:#8faaa8;letter-spacing:3px}.val-battle-head p{display:flex;justify-content:space-between;gap:10px;font-size:9px;color:#b3c1ca;margin:0;font-variant-numeric:tabular-nums}
.val-detail-body{background:#f4f5f7;padding:12px 12px 0}.val-personal{border-radius:5px;background:#fff;padding:12px}.val-personal-hero{display:flex;align-items:center;gap:9px}.val-personal-hero>.val-agent-icon{width:31px;height:31px}.val-personal-hero>span:nth-child(2){display:flex;flex-direction:column;gap:3px}.val-personal-hero strong{font-size:12px}.val-personal-hero small{font-size:9px;color:#9aa3aa}.val-queue-tag{font-size:10px;background:#f2f4f6;color:#81909a;border-radius:3px;padding:4px 8px;margin-left:auto}.val-personal-stats{display:grid;grid-template-columns:1.5fr 1fr 1.2fr;padding:14px 0 2px}.val-personal-stats>div{display:flex;align-items:center;flex-direction:column;gap:6px}.val-personal-stats strong{font-size:21px;font-weight:600;font-variant-numeric:tabular-nums}.val-personal-stats em{font-style:normal;font-size:12px;color:#b9bfc5;padding:0 4px}.val-personal-stats small{font-size:9px;color:#9ca4ac}
.val-detail-tabs{display:flex;align-items:center;justify-content:space-between;padding:18px 3px 12px}.val-detail-tabs>strong{font-size:14px}.val-detail-tabs>span{font-size:10px;color:#a1a8af}
.val-team{border-radius:5px;background:#fff;overflow:hidden;margin-bottom:12px}.val-team-head{display:grid;grid-template-columns:minmax(0,1fr) 57px 72px;align-items:center;gap:4px;padding:11px 11px;background:#e9f4f0;color:#389880;font-size:9px}.val-team.enemy .val-team-head{background:#faeced;color:#c8646e}.val-team-head strong{font-size:12px;font-weight:600}.val-team-head em{font-style:normal;margin-left:5px;font-size:13px}.val-team-head>span{text-align:right;white-space:nowrap}
.val-player{display:grid;grid-template-columns:32px minmax(0,1fr) 50px 72px;gap:7px;align-items:center;padding:12px 10px;position:relative;min-height:82px;border-top:1px solid #f1f3f5}.val-player.self{background:#fcf7f0}.val-player.self:before{position:absolute;content:'';left:0;top:0;bottom:0;width:2px;background:var(--val-orange)}.val-player>.val-agent-icon{width:32px;height:38px;object-fit:cover;border-radius:2px}.val-player-name{display:flex;flex-direction:column;gap:4px;min-width:0}.val-player-name>strong{font-size:11px;line-height:1.3;font-weight:550;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;letter-spacing:-.2px}.val-player-name i{font-style:normal;font-size:8px;color:#db8e39;border:1px solid #e8ca9d;border-radius:2px;padding:0 2px;margin-left:3px}.val-player-name small{font-size:8px;color:#9ba4ad;white-space:nowrap}.val-player-name>span{display:flex;align-items:center;gap:3px;color:#a9b0b7;font-size:8px}.val-party-badge{display:inline-grid;place-items:center;width:11px;height:11px;border-radius:2px;font-size:7px;font-weight:400;color:#698a9c;background:#edf3f7}.val-player-acs{display:flex;flex-direction:column;gap:5px;text-align:right}.val-player-acs strong{font-size:13px;font-weight:600;font-variant-numeric:tabular-nums}.val-player-acs small{font-size:8px;color:#a4adb4}.val-player-acs small:only-child{color:#ba9147}.val-player-kda{text-align:right;font-size:12px;font-weight:500;white-space:nowrap;letter-spacing:-.5px;font-variant-numeric:tabular-nums}.val-player-kda em{font-size:8px;font-style:normal;color:#bac1c8;margin:0 2px}
.val-sheet-friends>div{display:flex;gap:10px;align-items:center;padding:17px 0;border-bottom:1px solid #e5e8eb}.val-sheet-friends img{width:40px;height:40px;border-radius:50%;background:#6c7f89}.val-sheet-friends span{display:flex;flex-direction:column;gap:5px;flex:1}.val-sheet-friends span:last-child{text-align:right;flex:none}.val-sheet-friends strong{font-size:13px}.val-sheet-friends small{font-size:10px;color:#929ba4}
@media(max-width:350px){.val-profile{padding-left:14px;padding-right:14px;height:235px}.val-identity h1{font-size:15px}.val-profile-top{gap:7px}.val-avatar{width:39px;height:39px}.val-profile-top>.val-test{font-size:8px;padding:3px}.val-portrait{right:-138px}.val-match-list{padding:0 12px}.val-match{gap:7px}.val-match>.val-agent-icon{width:36px;height:42px}.val-match-kda{min-width:62px}.val-match-kda strong{font-size:13px}.val-match-meta{font-size:9px}.val-match-score{gap:6px}.val-match-score strong{font-size:12px}.val-match-score b{font-size:13px}.val-player{grid-template-columns:27px minmax(0,1fr) 38px 63px;gap:5px;padding:12px 8px}.val-player>.val-agent-icon{width:27px;height:35px}.val-player-name>strong{font-size:10px}.val-player-kda{font-size:11px}.val-team-head{grid-template-columns:minmax(0,1fr) 43px 63px;padding:11px 8px}.val-player-acs strong{font-size:12px}.val-player-acs small{font-size:7px}.val-battle-score{gap:28px}.val-personal-stats strong{font-size:18px}.val-battle-head p{font-size:8px}.val-overview{padding-left:14px;padding-right:14px}.val-friend-summary{margin-left:14px;margin-right:14px;width:calc(100% - 28px)}.val-friend-summary small{font-size:8px}}