.account-page{max-width:1100px!important;margin:0 auto!important;padding:36px 24px 60px!important}
body[data-scene=profile],body[data-scene=leaderboard]{display:flex;flex-direction:column;min-height:100dvh}
body[data-scene=profile] #app,body[data-scene=leaderboard] #app{width:100%;flex:1}
.leaderboard-signin .textbutton{display:inline;width:auto;padding:0;margin:0}
.account-head{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:28px}
.account-head h1{font:800 clamp(34px,5vw,48px)/1.05 'Barlow Condensed',Impact,sans-serif;color:#fff;text-shadow:0 3px #203970}
.account-head p{margin:10px 0 0;color:#e0eaff;font-size:14px}.account-head .back{margin:0;white-space:nowrap}
.account-modal{width:min(900px,calc(100vw - 32px));max-height:calc(100dvh - 32px);overflow:auto;padding:30px}
.account-modal .account-head{padding-right:30px}.account-avatar{width:40px;height:40px;border-radius:50%;flex-shrink:0}
.profile-top{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:20px;align-items:start}
.profile-identity,.profile-signin{min-width:0;background:#304f91;border:2px solid #86a6df;border-radius:14px;padding:26px;box-shadow:0 4px #203970}
.profile-identity{align-self:stretch;display:flex;align-items:center}.profile-identity form{width:100%;min-width:0}
.profile-player-edit{display:grid;grid-template-columns:78px minmax(0,1fr);align-items:center;gap:18px}.profile-character{display:grid;justify-items:center;gap:10px}.profile-character .avatar{width:64px;height:64px}
.profile-avatar-change{display:inline-flex;align-items:center;gap:5px;border:0;padding:4px 0;background:none;color:#dbe8ff;font:600 12px Inter,sans-serif;cursor:pointer}.profile-avatar-change:hover{color:#ffce79}.profile-avatar-change svg{width:13px;height:13px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.profile-avatar-options{display:grid;grid-template-columns:repeat(auto-fill,minmax(66px,1fr));justify-items:center;gap:10px;margin-top:20px;padding:14px;background:#263f78;border-radius:10px;max-height:320px;overflow-y:auto;overscroll-behavior:contain}.profile-avatar-options[hidden]{display:none}.profile-avatar-options button{padding:4px;border:2px solid transparent;border-radius:50%;background:#233d72;cursor:pointer}.profile-avatar-options button:hover,.profile-avatar-options button:focus-visible{border-color:#ffce68}
.profile-avatar-options .avatar{width:54px;height:54px}.profile-avatar-options button[aria-pressed=true]{border-color:#ffce68;background:#4364a0}
.profile-identity label{display:block;margin-bottom:8px;font-size:12px;font-weight:600;color:#dbe8ff}.profile-name-edit{display:flex;gap:10px}
.profile-name-edit input{min-width:0;font-size:15px}.profile-signin{position:relative;isolation:isolate;overflow:hidden;background:#263f78}
.profile-signin::before{content:"";position:absolute;z-index:-1;width:200px;height:200px;right:-25px;bottom:-25px;background:url('https://media.cs2geoguessr.com/assets/steam-logo.svg') center/contain no-repeat;opacity:.1;pointer-events:none}
.profile-signin>strong{font:700 27px 'Barlow Condensed',Impact,sans-serif}.profile-signin p{color:#dbe8ff;line-height:1.7;max-width:330px;margin:10px 0 20px}
#profile-message{margin:10px 0 0;min-height:19px;color:#a3efce}.profile-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:26px 0 34px}
.profile-stats>div{background:#263f78;padding:19px 22px;border-radius:10px}.profile-stats span{display:block;color:#dbe8ff;font-size:12px}.profile-stats strong{display:block;margin-top:7px;color:#ffcd70;font:700 34px 'Barlow Condensed',Impact,sans-serif}
.profile-section{margin-top:32px}.profile-section h2{font:700 28px 'Barlow Condensed',Impact,sans-serif;margin:0 0 17px}
.profile-bests{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 16px}.profile-best{display:flex;justify-content:space-between;align-items:center;gap:16px;background:#28477e;border:1px solid #7e9fd65e;border-radius:8px;padding:15px 18px;color:#f3f7ff}
.profile-best:hover{background:#365a95;border-color:#ffce79}.profile-best span{font-size:14px;font-weight:600}.profile-best small{display:block;font-size:11px;font-weight:400;color:#c8daf4;margin-top:5px}.profile-best strong{font:700 28px 'Barlow Condensed',Impact,sans-serif;color:#ffce79}
.profile-run{display:grid;grid-template-columns:1fr auto;gap:8px 16px;align-items:center;padding:17px 18px;background:#29487f;margin:8px 0;border-radius:8px}.profile-run a{font-weight:600;text-decoration:underline;text-underline-offset:3px}.profile-run small{display:block;color:#c1d4f1;font-size:11px;margin-top:6px}.profile-run>strong{font:700 26px 'Barlow Condensed',Impact,sans-serif;color:#ffce79}
.profile-run details{grid-column:1/-1;font-size:12px;color:#ceddf6}.profile-run summary{cursor:pointer}.profile-run details>div{display:flex;flex-wrap:wrap;gap:10px 20px;margin-top:12px}.profile-run details b{color:#fff;margin-left:4px}#profile-more{margin-top:14px}
.profile-older>summary{display:flex;align-items:center;justify-content:center;gap:9px;width:fit-content;min-height:40px;margin:14px auto 0;padding:8px 15px;list-style:none;border:1px solid #86a6df80;border-radius:8px;background:#28477e;box-shadow:0 3px #203970;color:#dbe8ff;font-size:12px;font-weight:600;cursor:pointer}.profile-older>summary::-webkit-details-marker{display:none}.profile-older>summary:hover{background:#365a95;color:#ffce79}.profile-older>summary svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round}.profile-older[open]>summary{margin-bottom:14px}.profile-older[open]>summary svg{transform:rotate(180deg)}
.profile-avatar-change:focus-visible,.profile-avatar-options button:focus-visible,.profile-older>summary:focus-visible{outline:2px solid #ffce79;outline-offset:3px}
.leaderboard-overview{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:16px}
.leaderboard-games{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.leaderboard-game{min-height:46px;padding:11px 14px;border:1px solid #8ca9dc80;border-radius:8px;background:#28477e;color:#edf4ff;font:600 14px/1.35 Inter,sans-serif;box-shadow:0 3px #203970;cursor:pointer}
.leaderboard-game:hover{background:#375b97;border-color:#b3c9ec}.leaderboard-game[aria-pressed=true]{background:#ffcc72;border-color:#ffe2a5;color:#172b4c;box-shadow:0 3px #b98c46}
.leaderboard-all{min-width:170px;text-align:left}.leaderboard-game:focus-visible,.leaderboard-period button:focus-visible{outline:2px solid #fff;outline-offset:3px}
.leaderboard-filters{display:flex;align-items:end;gap:16px;flex-wrap:wrap;margin-top:20px}.leaderboard-filters label{display:grid;gap:8px;font-size:12px;font-weight:600;color:#dbe8ff;min-width:200px;max-width:320px;flex:1}.leaderboard-filters select{min-height:46px;font-size:14px}
.leaderboard-panel[aria-busy=true]{opacity:.65}
.leaderboard-period{display:flex;gap:4px;background:#203c73;border-radius:8px;padding:4px}.leaderboard-period button{min-height:38px;padding:8px 15px;border:0;background:transparent;border-radius:5px;color:#d9e6fc;font-weight:600;font-size:12px;white-space:nowrap}.leaderboard-period button[aria-pressed=true]{background:#ffcc72;color:#26365d}
.board-rule{font-size:13px;color:#d2e0f9;margin:18px 0 22px;line-height:1.7}.leaderboard-panel{background:#2e4d89;border:2px solid #86a6df;border-radius:14px;box-shadow:0 4px #203970;padding:16px}
.leaderboard-columns{display:grid;grid-template-columns:46px 1fr auto;gap:12px;padding:3px 12px 16px;color:#c9dcf7;font-size:11px;text-transform:uppercase;letter-spacing:.5px}.account-rankings{list-style:none;padding:0;margin:0;display:grid;gap:7px}
.account-ranking{display:grid;grid-template-columns:34px 40px minmax(0,1fr) auto;gap:12px;align-items:center;min-height:72px;padding:10px 12px;border:2px solid transparent;border-radius:8px}.account-ranking:nth-child(even){background:#688fc02e}.account-ranking.is-you{border-color:#ffe14c;background:#6b8cc333}
.account-ranking .rank-place{font-size:25px}.account-ranking>strong{font:italic 600 22px/1.2 'Barlow Condensed',Impact,sans-serif;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#fff}.account-ranking-score{font:italic 700 27px/1.1 'Barlow Condensed',Impact,sans-serif;color:#ffe060;white-space:nowrap}.leaderboard-own{border-top:1px solid #86a6df66;margin-top:16px;padding-top:16px}
.account-empty{text-align:center;padding:42px 16px}.account-empty h2{font:700 32px 'Barlow Condensed',Impact,sans-serif}.account-empty p,.account-empty-copy{color:#d1e1f8;line-height:1.7}.account-empty .btn{display:inline-flex;margin-top:12px;align-items:center;justify-content:center;min-height:44px}.leaderboard-signin{color:#dbe6f9;text-align:center;margin-top:24px}.leaderboard-signin button{font:inherit;color:#ffce79;text-decoration:underline}.account-notice{color:#ffce79}
body[data-scene=profile]>footer,body[data-scene=leaderboard]>footer{display:flex!important}body[data-scene=profile]>.game-directory,body[data-scene=leaderboard]>.game-directory{display:none}
@media(max-width:650px){.account-page{padding:24px 16px 40px!important}.account-modal{padding:24px 16px}.profile-identity,.profile-signin{padding:20px}.profile-stats{gap:8px}.profile-stats>div{padding:14px 10px}.profile-stats span{font-size:10px;line-height:1.5}.profile-stats strong{font-size:29px}.profile-bests{grid-template-columns:1fr}.leaderboard-filters{gap:12px}.leaderboard-filters label{min-width:140px}.leaderboard-period{width:100%}.leaderboard-period button{flex:1}.leaderboard-panel{padding:10px}.account-ranking{grid-template-columns:24px 32px minmax(0,1fr) auto;gap:8px;padding:9px 6px}.account-ranking .avatar{width:32px;height:32px}.account-ranking .rank-place{font-size:21px}.account-ranking>strong{font-size:19px}.account-ranking-score{font-size:23px}.leaderboard-columns{grid-template-columns:24px 1fr auto;padding-left:6px;padding-right:6px}.profile-name-edit .btn{padding-left:13px;padding-right:13px}}
@media(max-width:650px){.leaderboard-overview{flex-wrap:wrap;gap:12px}.leaderboard-all{width:100%}.leaderboard-games{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.leaderboard-game{font-size:13px;padding:11px 9px}.leaderboard-overview .leaderboard-period{order:1}}
@media(max-width:650px){.profile-player-edit{grid-template-columns:64px minmax(0,1fr);gap:14px;align-items:start}.profile-character{padding-top:22px}.profile-character .avatar{width:56px;height:56px}.profile-name-edit{flex-wrap:wrap}.profile-name-edit input{width:100%;flex:1 1 150px}.profile-name-edit .btn{min-height:40px}}

@media(max-width:850px){.profile-top{grid-template-columns:1fr}.profile-signin::before{width:180px;height:180px}}