/* Shared popup palette and viewport scrolling. Loaded after legacy HUD rules. */
:root{--popup-bg:#031b34;--popup-panel:#052a4d;--popup-line:#075888;--popup-gold:#ffd43d;--popup-muted:#a6c8e8;--popup-cyan:#12c6ff}
body:has(dialog[open]){overflow:hidden!important}
body dialog.game-dialog,body dialog.app-dialog,body dialog#modal,body dialog.commerce-dialog{
 box-sizing:border-box;width:min(540px,calc(100vw - 28px))!important;max-width:calc(100vw - 28px)!important;max-height:calc(100dvh - 32px)!important;
 overflow-x:hidden!important;overflow-y:auto!important;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#237ba1 #03172c;
 border:1px solid #1382b4;border-radius:18px!important;background:linear-gradient(140deg,#062e53f7,#01162cfb);color:#edf6ff;
 font-family:'Manrope',Arial,sans-serif;box-shadow:0 25px 100px #000b,inset 0 1px 0 #64beed26;animation:none!important;
}
body dialog::backdrop{background:#00101ece;backdrop-filter:blur(8px)}
body dialog[open]{scroll-padding-top:60px}
body dialog .dialog-body,body dialog#modal #modalcontent{padding:30px 22px 24px!important;min-width:0;text-align:center}
body dialog .dialog-brand{padding:30px 50px 10px!important}body dialog .dialog-brand strong{font-size:27px!important;color:#f1f8ff}
body dialog .dialog-eyebrow,body dialog .sheet-kicker{font-size:11px!important;letter-spacing:.16em;color:#4bd9ff;display:block!important}
body dialog .sheet-title{font-size:28px!important;line-height:1.25!important;color:#f3f8ff}body dialog .sheet-sub{font-size:14px!important;line-height:1.6!important;margin:8px 0!important;color:var(--popup-muted)}
body dialog .action,body dialog .commerce-button{border:1px solid #ffdf63;border-radius:11px!important;background:linear-gradient(135deg,#ffe968,#ffcf32);box-shadow:0 3px 15px #ffc92920!important;color:#082747;font-size:14px!important;padding:12px 18px!important;min-height:44px;white-space:normal}
body dialog .action.secondary,body dialog .action.ghost,body dialog .commerce-button.secondary{background:#042b4f;color:#bedcf3;border-color:#0b638f;box-shadow:none!important}
body dialog .action.action-block{padding:12px 18px!important;margin-top:10px!important}body dialog .btn-row{display:flex;flex-wrap:wrap;gap:10px;margin-top:12px!important}
body dialog .close,body dialog .commerce-close{width:40px;height:40px;font-size:26px;line-height:1;display:grid;place-items:center;border:1px solid #1274a1;background:#011b32;color:#d4edff;border-radius:11px;z-index:30;position:sticky;top:12px;float:right;margin:12px 12px -52px 0;padding:0}
body dialog#modal>form[method="dialog"]{position:sticky;top:0;height:0;z-index:30}body dialog#modal>form[method="dialog"] .close{position:absolute;right:0;top:0}
body dialog .dialog-form{padding:10px 24px 26px!important}body dialog label{font-size:14px!important;line-height:1.5;margin:12px 0!important;color:#bed7ed}
body dialog input:not([type="checkbox"]):not([type="file"]),body dialog textarea,body dialog select{box-sizing:border-box;max-width:100%;width:100%;min-width:0;min-height:44px;padding:11px 12px!important;margin:5px 0 0!important;background:#01192f;border:1px solid #1b638e;border-radius:9px;color:#ecf7ff;font:400 16px/1.45 'Manrope',Arial,sans-serif}
body dialog textarea{resize:vertical;min-height:95px}body dialog input[type="checkbox"]{width:21px;height:21px;accent-color:#ffdb42}
body dialog :is(button,input,select,textarea):focus-visible{outline:2px solid #ffdc4d;outline-offset:3px}
body dialog .form-error{font-size:13px!important;min-height:0;color:#ffb3b3;overflow-wrap:anywhere}body dialog .tabs{margin:12px 22px!important;gap:8px}body dialog .tabs button{font-size:14px!important;min-height:44px;padding:10px!important;border:1px solid #155b85;background:#042746;color:#b8d6ed}
body dialog .tabs button.active{background:linear-gradient(130deg,#ffe45d,#ffce31);color:#072743;border-color:#ffe980}
body dialog .sheet,body dialog .end-sheet{gap:12px!important;min-width:0}body dialog .end-sheet{display:flex!important;flex-direction:column!important}body dialog .end-sheet .end-head{display:block!important}body dialog .end-sheet .end-actions{width:100%;min-width:0}
body dialog .score-hero{padding:14px 25px!important;margin:8px 0!important;border:1px solid #09658d;background:#03233f;border-radius:15px!important}body dialog .score-num{font-size:58px!important}body dialog .score-unit{font-size:12px!important}
body dialog .end-stats{gap:10px!important;max-width:100%!important}body dialog .end-stat-pair{padding:14px 10px!important;border-radius:12px;background:#063254;border:1px solid #12608a}body dialog .end-stat-num{font-size:30px!important}body dialog .end-stat-label{font-size:11px!important}
body dialog .end-bound{padding:10px!important}body dialog .end-bound b{font-size:21px!important}body dialog .end-bound span{font-size:11px!important}
body dialog .challenge-card{padding:16px!important;margin:10px 0!important;background:#062948;border:1px solid #0d648c}body dialog .challenge-card strong{font-size:16px!important}body dialog .challenge-card p{font-size:13px!important;line-height:1.5!important;display:block!important}
body dialog .challenge-friends-box,body dialog .hist-list,body dialog .badge-grid{max-height:none!important;overflow:visible!important}body dialog .challenge-friend-row{padding:12px!important}body dialog .challenge-friend-row .friend-meta strong{font-size:14px!important}
body dialog .challenge-split{display:flex!important;flex-direction:column;gap:15px!important}body dialog .challenge-split-right .action{font-size:14px!important;padding:12px!important}
body dialog .duel-result-btn{font-size:14px!important;padding:13px!important;min-height:44px}body dialog .duel-result-title{font-size:28px!important}body dialog .duel-result-emoji{font-size:48px!important}
body dialog .overs-grid{grid-template-columns:repeat(2,minmax(0,1fr));padding:14px 24px 26px;gap:12px}body dialog .overs-btn{padding:17px 10px;border:1px solid #147aa4;background:#042b4b;border-radius:13px}body dialog .overs-btn:hover{border-color:#ffe364;background:#134765}body dialog .overs-btn b{font-size:30px;color:#ffdb46}body dialog .overs-btn span{font-size:12px}body dialog .format-hint{font-size:14px!important;line-height:1.6;margin:10px 24px!important}
.lobby-panel-card{max-height:calc(100dvh - 32px);background:linear-gradient(145deg,#062e53,#01162c);border-color:#0d7caa}.lobby-panel-body{overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#237ba1 #03172c}.lobby-panel-head{border-color:#15557b}.lobby-menu-item{background:#032744;border-color:#0b618c}.lobby-panel :is(input,select){max-width:100%;min-width:0}

/* Player profile, using real account data and the reference's section layout. */
body dialog#profile-modal.wide{width:min(1180px,calc(100vw - 28px))!important;height:min(1380px,calc(100dvh - 32px));padding:0!important;overflow:hidden!important;background:#011a31 url('store-stadium-v1.png') center/cover;border:1px solid #065b87;border-radius:17px!important}
body #profile-modal #profile-body{height:100%;padding:0!important;text-align:left;overflow:hidden!important;display:flex;flex-direction:column}
body #profile-modal>#profile-close{position:absolute;right:18px;top:19px;float:none;margin:0;width:44px;height:44px;font-size:30px}
.profile-icon{width:24px;height:24px;flex-shrink:0;vertical-align:middle}
.profile-topbar{min-height:84px;display:flex;align-items:center;gap:14px;padding:18px 82px 18px 22px;background:#001a32dc;border-bottom:1px solid #0b3c5b;flex-shrink:0}
body #profile-modal .profile-topbar h2{font:800 21px/1.2 'Manrope',Arial,sans-serif;margin:0;color:#f4f6ff;flex:1;white-space:nowrap}
.profile-back{border:0;background:none;color:#ffda3a;padding:5px;display:grid;place-items:center}.profile-wallet{display:flex;gap:12px;align-items:center}.profile-wallet>span{display:flex;gap:10px;align-items:center;padding:10px 13px;border:1px solid #096b9d;border-radius:13px;background:#021f3b;color:#bed8f3;font-weight:700;white-space:nowrap;font-size:16px}.profile-wallet .club-icon{width:28px;height:28px}
.profile-layout{display:grid;grid-template-columns:187px minmax(0,1fr);min-height:0;flex:1;overflow:hidden}
.profile-sidebar{padding:12px 0;background:linear-gradient(#02243e44,#00182aa8);border-right:1px solid #145177;overflow-y:auto;scrollbar-width:thin}
.profile-sidebar button{width:100%;display:flex;align-items:center;gap:17px;border:0;color:#a9ccec;font-size:14px;line-height:1.3;background:transparent;text-align:left;min-height:73px;padding:17px 20px;border-radius:9px 0 0 9px}
.profile-sidebar button[aria-current="page"]{background:linear-gradient(90deg,#ffe146,#e8b924b5 72%,#9b6e1110);box-shadow:inset 0 1px 0 #ffed84,inset 0 -1px 0 #ffe47155;color:#03253f;font-weight:800}
.profile-sidebar button:hover{color:#fff;background-color:#164a6a55}
.profile-main{min-width:0;padding:13px 21px 25px;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#186a94 #031a30;background:#00182ca8}
.profile-hero{display:flex;align-items:center;gap:28px;min-height:218px;padding:25px;border:1px solid #0c76a6;border-radius:15px;background:linear-gradient(90deg,#032952fc 35%,#012747be 70%,#0233534d),url('stadium-clean.png') right center/cover;box-shadow:inset 0 0 24px #07578230}
.profile-avatar-wrap{width:154px;height:154px;flex:0 0 154px;position:relative;border:4px solid #ffce38;border-radius:50%;box-shadow:0 0 20px #ffdc2c20;background:#031d35;display:grid;place-items:center}
.profile-avatar-wrap>img{height:100%;width:100%;object-fit:cover;border-radius:50%}.profile-avatar-wrap>span{font-size:60px;font-weight:800;line-height:1;color:#f3f8ff}
.profile-avatar-wrap>button{position:absolute;bottom:-4px;right:-3px;width:43px;height:43px;border:1px solid #038ac0;border-radius:50%;background:#00182e;color:#e9f3ff;display:grid;place-items:center}.profile-avatar-wrap>button .profile-icon{width:23px;height:23px}
.profile-hero-copy{flex:1;min-width:0}.profile-name{display:flex;gap:15px;align-items:center}.profile-name h2{font:800 clamp(23px,2.5vw,32px)/1.25 'Manrope',Arial,sans-serif!important;overflow-wrap:anywhere;margin:0!important;color:#f6f8ff!important}.profile-name>button{border:1px solid #146691;background:#062d50;border-radius:8px;color:#9fc9ed;padding:7px;display:grid;place-items:center}.profile-name .profile-icon{width:19px;height:19px}.profile-hero-copy>p{color:#a9d2f5;font-size:16px;line-height:1.5;margin:11px 0 24px}
.profile-xp-label{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}.profile-xp-label b{color:#ffdb3a;font-size:18px;display:flex;gap:8px;align-items:center}.profile-xp-label>span{font-size:14px;color:#e7f5ff;white-space:nowrap;font-weight:700}
.profile-progress{height:14px;background:#00172c;border:1px solid #0c6596;border-radius:20px;overflow:hidden}.profile-progress>i{display:block;height:100%;background:linear-gradient(#ffdf4b,#ffb62c);border-radius:inherit}
.profile-player-crest{width:140px;flex-shrink:0}.profile-shield{--shield-edge:#ffcc42;--shield-face:#5d4617;--shield-light:#ffef93;width:118px;height:144px;position:relative;display:grid;place-items:center;margin:auto;filter:drop-shadow(0 5px 8px #0008);background:linear-gradient(125deg,var(--shield-light),var(--shield-edge) 33%,#9c650e 65%,var(--shield-light));clip-path:polygon(50% 0,98% 16%,96% 62%,84% 81%,50% 100%,16% 81%,4% 62%,2% 16%)}
.profile-shield>div{position:absolute;inset:5px;background:linear-gradient(120deg,#194569,var(--shield-face),#03162a);clip-path:inherit;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;color:var(--shield-light)}
.profile-shield .profile-icon{width:52px;height:52px;filter:drop-shadow(0 3px 1px #0005)}.profile-shield b{font-size:26px;line-height:1;color:#ffdc4d}.profile-shield small{font-size:10px;color:#a9cce3;font-weight:700;letter-spacing:.06em}
.profile-shield.silver{--shield-edge:#85b4e9;--shield-face:#183b6f;--shield-light:#dcf2ff}.profile-shield.bronze{--shield-edge:#b87930;--shield-face:#5c2910;--shield-light:#ffd498}.profile-shield.purple{--shield-edge:#a042ff;--shield-face:#471181;--shield-light:#e1b1ff}.profile-shield.blue{--shield-edge:#169def;--shield-face:#064783;--shield-light:#b2e7ff}
.profile-tabs{display:flex;gap:6px;margin:24px 0 22px;padding-bottom:8px;border-bottom:1px solid #074a72}.profile-tabs button{display:flex;align-items:center;justify-content:center;gap:10px;flex:1;min-width:0;min-height:65px;padding:12px 9px;background:#02264877;border:1px solid #06466e;border-radius:12px;color:#c1def7;font:700 13px/1.3 'Manrope',Arial,sans-serif}.profile-tabs button[aria-current="page"]{border-color:#ffdb3f;background:#06467599;box-shadow:0 0 10px #ffdc3133,inset 0 0 8px #fce24619;color:#ffe044}.profile-tabs .profile-icon{width:22px;height:22px}
.profile-tabs [data-profile-tab="settings"]{display:none}
body dialog .action.action-block{margin:10px 0 0!important;max-width:100%}
body #profile-modal>#profile-close{border-radius:11px}
.profile-hero{background-image:linear-gradient(90deg,#032952fc 35%,#012747db 70%,#023353c9),url('stadium-clean.png')}
#profile-status{font-size:13px;line-height:1.5;color:#8cecc8;margin:0 0 14px}#profile-status:empty{display:none}#profile-status.error{color:#ffb6b6}
.profile-stat-tiles{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;margin-bottom:22px}.profile-stat-tile{border:1px solid #075882;border-radius:14px;background:linear-gradient(130deg,#063058bd,#011c33de);padding:20px 16px;display:flex;align-items:flex-start;gap:16px;min-height:143px;min-width:0}
.profile-stat-icon{--tint:#007ce0;display:grid;place-items:center;width:60px;height:64px;flex-shrink:0;background:linear-gradient(140deg,color-mix(in srgb,var(--tint),transparent 15%),color-mix(in srgb,var(--tint),#001b35 65%));border:1px solid var(--tint);border-radius:13px;color:#c9eaff;box-shadow:0 0 15px color-mix(in srgb,var(--tint),transparent 88%)}.profile-stat-icon.green{--tint:#07964a;color:#ffe981}.profile-stat-icon.gold{--tint:#aa7906;color:#ffe86c}.profile-stat-icon.purple{--tint:#9a33e2;color:#eac0ff}.profile-stat-icon>.profile-icon{width:36px;height:36px}.profile-stat-tile>div{min-width:0;flex:1}.profile-stat-tile>div>span{font-size:11px;line-height:1.3;font-weight:700;color:#a5ceef;display:block;margin:4px 0 10px}.profile-stat-tile strong{font-size:33px;font-weight:800;line-height:1.1;display:block;overflow-wrap:anywhere;color:#f5f6ff}.profile-stat-tile small{font-size:12px;line-height:1.4;color:#aacfee;display:block;margin-top:8px}
.profile-panel{border:1px solid #075c8a;border-radius:15px;padding:19px;background:linear-gradient(140deg,#062e53c4,#011e36d9);min-width:0}.profile-panel h3{font-size:16px;font-weight:800;color:#bedcf5;letter-spacing:.035em;margin:0 0 21px;line-height:1.4}.profile-panel p{font-size:14px;color:#aecfee;line-height:1.6}
.profile-overview-middle{display:grid;grid-template-columns:.72fr 1fr;gap:22px;margin-bottom:22px}.profile-rank{text-align:center}.profile-rank h3{text-align:left;border-left:2px solid #3f9bcb;padding-left:11px;margin-bottom:24px}.profile-rank .profile-shield{width:116px;height:130px;margin-bottom:12px}.profile-rank h4{margin:0;font-size:21px;font-weight:800;color:#eff8ff}.profile-rank p{margin:3px 0 13px}.profile-rank .profile-progress{height:13px;margin:0 10px 8px}.profile-rank .profile-progress>i{background:linear-gradient(90deg,#008cff,#00c3ef)}.profile-rank>span{display:block;text-align:left;margin-left:10px;font-size:14px;color:#afcdec}
.profile-middle-stack{display:flex;flex-direction:column;gap:22px}.profile-middle-stack>.profile-panel{flex:1}.profile-styles{display:flex;gap:12px}.profile-styles button{display:flex;align-items:center;justify-content:center;gap:10px;flex:1;min-width:0;padding:14px 9px;border:1px solid #14648e;border-radius:13px;background:#01243f;color:#b4d2ef;font-size:13px;font-weight:700}.profile-styles button[aria-pressed="true"],.profile-gold{background:linear-gradient(130deg,#ffe859,#ffd02f)!important;color:#092746!important;border:1px solid #ffe979!important;box-shadow:0 0 16px #ffd73b22}.profile-styles button:disabled{cursor:default;opacity:1}
.profile-stadium>button{display:flex;gap:18px;align-items:center;width:100%;background:transparent;border:0;text-align:left;color:#eff6ff;padding:0}.profile-stadium img{width:35%;aspect-ratio:1.8;object-fit:cover;border:1px solid #ffe55f;border-radius:11px}.profile-stadium strong{font-size:19px}.profile-stadium small{display:block;font-size:13px;color:#afd0ed;margin-top:8px}.profile-stadium b{font-size:30px;margin-left:auto;color:#a9cfe9}
.profile-overview-bottom{display:grid;grid-template-columns:1.55fr 1fr;gap:22px;margin-bottom:22px}.profile-section-title{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:18px}.profile-section-title h3{margin:0}.profile-section-title>button{border:0;background:none;color:#08caff;padding:5px 0;font-size:14px;white-space:nowrap}
.profile-milestones{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.profile-milestone{padding:12px 7px;background:#0026387a;border:1px solid #08435c;border-radius:12px;text-align:center;min-width:0}.profile-milestone .profile-shield{width:68px;height:84px}.profile-milestone .profile-icon{width:36px;height:36px}.profile-milestone>b{font-size:12px;display:block;margin:10px 0;color:#e1efff}.profile-milestone small{font-size:10px;color:#abc4d7;white-space:nowrap}.profile-milestone.earned small{color:#61ee93}.profile-milestone:not(.earned) .profile-shield{filter:saturate(.6) brightness(.75)}
.profile-account>div{display:flex;align-items:center;gap:13px;border-bottom:1px solid #15507177;padding:14px 0;font-size:14px;color:#a7cef1;min-width:0}.profile-account>div:last-child{border:0;padding-bottom:0}.profile-account b{margin-left:auto;font-weight:500;color:#e9f5ff;text-align:right;overflow-wrap:anywhere;min-width:0}.profile-account .profile-icon{width:23px;height:23px}
.profile-bio{display:flex;align-items:center;gap:18px;padding:19px 30px}.profile-bio>span{font:800 70px/1 Georgia,serif;color:#186396;height:40px}.profile-bio p{font-style:italic;margin:0;flex:1;overflow-wrap:anywhere;white-space:pre-wrap}.profile-bio>button,.profile-gold{display:flex;align-items:center;justify-content:center;gap:10px;background:#042c4e;border:1px solid #106994;border-radius:14px;padding:13px 18px;color:#bbd8ef;font-size:14px;white-space:nowrap}
.profile-earned{margin-top:22px}.profile-badges{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.profile-badges article{text-align:center;border:1px solid #105278;border-radius:14px;padding:20px 12px}.profile-badges .profile-shield{width:72px;height:90px}.profile-badges h4{font-size:16px;line-height:1.4}.profile-badges small{color:#72edae}.profile-all-stats{grid-template-columns:repeat(3,minmax(0,1fr))}
.profile-history .pf-section{background:#032a4be6;border:1px solid #075c8a;border-radius:14px;padding:20px;margin:0 0 20px}.profile-history .hist-card{background:#001e38;border-color:#165379}.profile-history .hist-list{display:flex;flex-direction:column;gap:10px}.profile-history .hist-score b{color:#ffdc4b}.profile-arena-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.profile-arena-options button{padding:7px;background:#00243f;border:1px solid #126795;border-radius:12px;color:#c6e1f5;overflow:hidden}.profile-arena-options button[aria-pressed="true"]{border-color:#ffdf49;box-shadow:0 0 10px #ffda3333}.profile-arena-options img{width:100%;aspect-ratio:1.7;object-fit:cover;border-radius:7px;display:block}.profile-arena-options span{display:block;padding:10px 4px;font-size:14px}.arena-sunset{filter:sepia(.45) saturate(1.6)}.arena-night{filter:brightness(.5) saturate(.8)}
body #profile-modal .profile-setting{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:14px 0!important;border-bottom:1px solid #145477}body #profile-modal .profile-setting select{width:auto;min-width:140px;margin:0!important}
body #profile-modal button:focus-visible{outline:2px solid #ffdf44;outline-offset:3px}
@media(max-width:1120px){.profile-stat-tile{padding:17px 12px;gap:10px}.profile-stat-icon{width:48px;height:52px}.profile-stat-tile strong{font-size:29px}.profile-layout{grid-template-columns:167px minmax(0,1fr)}.profile-hero{padding:22px;gap:22px}.profile-avatar-wrap{width:128px;height:128px;flex-basis:128px}.profile-player-crest{width:110px}.profile-player-crest .profile-shield{width:102px;height:132px}.profile-overview-bottom{grid-template-columns:1fr}.profile-account>div{padding:12px 0}.profile-styles{gap:8px}.profile-styles button{gap:6px;font-size:11px;padding:12px 7px}.profile-tabs button{font-size:11px;gap:7px}}
@media(max-width:900px){.profile-layout{grid-template-columns:1fr}.profile-sidebar{display:none}.profile-main{padding:16px}.profile-topbar{min-height:78px}.profile-hero{min-height:195px}.profile-stat-tiles{gap:12px}.profile-tabs{margin-top:18px}.profile-overview-middle{gap:16px;grid-template-columns:.8fr 1fr}.profile-panel{padding:17px}.profile-wallet>span{font-size:14px;padding:10px}.profile-stat-icon{width:45px;height:48px}.profile-stat-icon>.profile-icon{width:29px;height:29px}}
@media(max-width:650px){body dialog#profile-modal.wide{width:calc(100vw - 16px)!important;max-width:calc(100vw - 16px)!important;height:calc(100dvh - 16px);max-height:calc(100dvh - 16px)!important;border-radius:13px!important}.profile-topbar{flex-wrap:wrap;padding:16px 60px 14px 13px;gap:12px;min-height:0}.profile-topbar .profile-back{padding:0}body #profile-modal .profile-topbar h2{font-size:17px}.profile-wallet{flex-basis:100%;padding-left:0;gap:9px}.profile-wallet>span{padding:7px 10px;font-size:13px;border-radius:10px}.profile-wallet .club-icon{width:23px;height:23px}body #profile-modal>#profile-close{right:12px;top:12px;width:36px;height:36px;font-size:25px}.profile-main{padding:12px}.profile-hero{padding:17px 14px;gap:16px;min-height:176px}.profile-avatar-wrap{width:86px;height:86px;flex-basis:86px;border-width:3px}.profile-avatar-wrap>span{font-size:39px}.profile-avatar-wrap>button{width:32px;height:32px}.profile-avatar-wrap>button .profile-icon{width:17px;height:17px}.profile-player-crest{display:none}.profile-name{gap:8px}.profile-name h2{font-size:22px!important}.profile-name>button{padding:5px;flex-shrink:0}.profile-name .profile-icon{width:15px;height:15px}.profile-hero-copy>p{font-size:12px;margin:8px 0 14px}.profile-xp-label{flex-wrap:wrap;gap:5px;margin-bottom:8px}.profile-xp-label b{font-size:14px}.profile-xp-label>span{font-size:11px}.profile-xp-label .profile-icon{width:19px;height:19px}.profile-progress{height:10px}.profile-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;padding-bottom:12px;margin:15px 0}.profile-tabs button{font-size:11px;min-height:51px;padding:9px 5px;gap:7px}.profile-tabs button:nth-child(4),.profile-tabs button:nth-child(5){grid-column:span 1}.profile-tabs .profile-icon{width:19px;height:19px}.profile-stat-tiles{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:16px}.profile-stat-tile{padding:15px 10px;gap:10px;min-height:110px}.profile-stat-tile strong{font-size:27px}.profile-stat-tile>div>span{font-size:9px;margin:3px 0 8px}.profile-stat-tile small{font-size:10px}.profile-stat-icon{width:39px;height:43px;border-radius:10px}.profile-stat-icon>.profile-icon{width:25px;height:25px}.profile-overview-middle{grid-template-columns:1fr;gap:16px;margin-bottom:16px}.profile-middle-stack{gap:16px}.profile-overview-bottom{gap:16px;margin-bottom:16px}.profile-panel h3{font-size:14px}.profile-rank .profile-progress{max-width:310px;margin-left:auto;margin-right:auto}.profile-rank>span{max-width:310px;margin:auto}.profile-styles button{font-size:12px;min-height:48px}.profile-styles .profile-icon{width:19px;height:19px}.profile-stadium strong{font-size:16px}.profile-stadium small{font-size:11px}.profile-stadium>button{gap:13px}.profile-milestones{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.profile-milestone>b{font-size:13px}.profile-milestone small{font-size:11px}.profile-bio{padding:17px;gap:12px;flex-wrap:wrap}.profile-bio>button{margin-left:auto;font-size:12px}.profile-bio p{font-size:13px}.profile-arena-options{grid-template-columns:1fr}.profile-badges{grid-template-columns:repeat(2,minmax(0,1fr))}.profile-all-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:360px){.profile-main{padding:9px}.profile-hero{gap:11px;padding:15px 10px}.profile-avatar-wrap{width:69px;height:69px;flex-basis:69px}.profile-name h2{font-size:19px!important}.profile-name button{padding:4px}.profile-stat-tile{gap:7px;padding:13px 8px}.profile-stat-icon{width:31px;height:36px}.profile-stat-icon>.profile-icon{width:22px;height:22px}.profile-stat-tile strong{font-size:24px}.profile-tabs button{font-size:10px}.profile-panel{padding:13px}.profile-styles button{font-size:10px;gap:5px}.profile-styles .profile-icon{width:17px;height:17px}}
@media(orientation:landscape) and (max-height:560px){body dialog.game-dialog,body dialog.app-dialog,body dialog#modal,body dialog.commerce-dialog{max-height:calc(100dvh - 20px)!important}body dialog#profile-modal.wide{height:calc(100dvh - 20px)}.profile-topbar{padding-top:10px;padding-bottom:10px;min-height:63px}.profile-main{padding-top:12px}.profile-hero{min-height:175px}.profile-wallet>span{padding:6px 10px}body #profile-modal>#profile-close{top:12px}.profile-topbar .profile-wallet{flex-basis:auto}.profile-tabs{margin-top:15px}}
@media(prefers-reduced-motion:reduce){body dialog *{scroll-behavior:auto!important}}
@media(min-width:901px) and (max-width:1120px){.profile-layout{grid-template-columns:167px minmax(0,1fr)}}
@media(max-width:900px){.profile-tabs [data-profile-tab="settings"]{display:flex}}