.ranking-stat-card[data-v-a13c01aa]{min-height:86px;-webkit-tap-highlight-color:transparent}.ranking-stat-accent[data-v-a13c01aa]{background:linear-gradient(90deg,#5f8f7833,#dcebf79e);height:2px;width:100%}@media (max-width:640px){.ranking-stat-card[data-v-a13c01aa]{border-radius:9px;min-height:64px}.ranking-stat-accent[data-v-a13c01aa]{height:2px}.ranking-stat-card[data-v-a13c01aa] .p-2\.5{padding:6px 8px 4px}.ranking-stat-card[data-v-a13c01aa] .h-8{border-radius:8px;height:25px;width:25px}.ranking-stat-card[data-v-a13c01aa] h3,.ranking-stat-card[data-v-a13c01aa] p{letter-spacing:0}.ranking-stat-card[data-v-a13c01aa] h3{font-size:13.5px;line-height:1.1;margin-top:2px}.ranking-stat-card[data-v-a13c01aa] p{font-size:10.5px}.ranking-stat-card>div[data-v-a13c01aa]:last-child{font-size:10.5px;padding:0 8px 7px}.ranking-stat-card>div:last-child .ml-2[data-v-a13c01aa]{margin-left:4px}}.ranking-page{background:var(--calm-app);height:100%;min-height:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:none}.ranking-page::-webkit-scrollbar{display:none}.ranking-hero{background:var(--calm-surface);border:1px solid var(--calm-line);border-radius:12px;box-shadow:none;overflow:hidden;position:relative}.ranking-block-accent{background:linear-gradient(90deg,#5f8f783d,#dcebf7c7);height:3px;width:100%}.ranking-panel-accent{margin:-14px -14px 12px}@media (min-width:640px){.ranking-panel-accent{margin:-16px -16px 14px}}.hero-metric{background:var(--calm-mist);border:1px solid var(--calm-line);border-radius:10px;box-shadow:none;padding:10px 12px}.hero-metric span{color:var(--calm-muted);display:block;font-size:12px;font-weight:600}.hero-metric strong{color:var(--calm-ink);display:block;font-size:18px;font-weight:650;line-height:1;margin-top:5px}.ranking-hero-actions{display:flex;flex-wrap:wrap;gap:10px}.hero-primary-action,.hero-secondary-action{align-items:center;border-radius:8px;display:inline-flex;font-size:14px;font-weight:700;gap:8px;justify-content:center;min-height:44px;padding:0 14px;transition:background-color .16s ease,border-color .16s ease,color .16s ease}.hero-primary-action{background:var(--calm-moss);box-shadow:none;color:#fff}.hero-primary-action:hover{background:#28584e}.hero-secondary-action{background:#fff;border:1px solid var(--calm-line);color:var(--calm-ink)}.hero-secondary-action:hover{background:var(--calm-soft);border-color:#5f8f7859}.ranking-panel{background:var(--calm-surface);border:1px solid var(--calm-line);border-radius:12px;box-shadow:none;max-width:100%;min-width:0;overflow:hidden}.ranking-main-column{display:flex;flex-direction:column;gap:16px;min-width:0}.podium-section{order:1}.leaderboard-section{min-width:0;order:2}.panel-kicker{color:var(--calm-moss);font-size:11px;font-weight:700;letter-spacing:0}.progress-ring{box-shadow:inset 0 0 0 1px var(--calm-line);height:86px;width:86px}.progress-ring,.progress-ring-inner{align-items:center;border-radius:999px;display:flex;justify-content:center}.progress-ring-inner{background:var(--calm-surface);height:72px;width:72px}.profile-loading{align-items:center;background:linear-gradient(135deg,#f6f9f7f5,#ffffffd6);border-radius:12px;display:grid;gap:14px;grid-template-columns:86px minmax(0,1fr);margin-top:14px;min-height:112px;padding:14px}.profile-loading-ring{animation:ranking-pulse 1.2s ease-in-out infinite;background:radial-gradient(circle at center,#fff 0 42%,transparent 43%),conic-gradient(#5f8f7852,#dcebf7b8,#5f8f7852);border-radius:999px;box-shadow:inset 0 0 0 1px var(--calm-line);height:72px;width:72px}.profile-loading-copy{display:grid;gap:10px}.leaderboard-skeleton-row i,.leaderboard-skeleton-row span,.profile-loading-copy span{animation:ranking-shimmer 1.35s linear infinite;background:linear-gradient(90deg,#ecf3efdb,#f7faf8f5,#ecf3efdb);background-size:220% 100%;display:block;overflow:hidden}.profile-loading-copy span{border-radius:999px;height:12px}.profile-loading-copy span:first-child{width:72%}.profile-loading-copy span:last-child{width:46%}.podium-grid{align-items:end;display:grid;gap:10px;grid-template-columns:repeat(3,minmax(0,1fr));max-width:100%;width:100%}.podium-card{background:var(--calm-surface);border:1px solid var(--calm-line);border-radius:12px;min-height:172px;padding:12px;transition:background-color .18s ease,border-color .18s ease}.podium-card:hover{background:var(--calm-soft);border-color:#5f8f7859}.podium-card-prime{min-height:190px}.podium-gold{border-color:#b78b4e47;box-shadow:inset 0 3px 0 var(--calm-amber)}.podium-silver{border-color:#5f8f7838;box-shadow:inset 0 3px 0 var(--calm-mist)}.podium-bronze{border-color:#b78b4e2e;box-shadow:inset 0 3px #f7eee6}.podium-rank{align-items:center;background:var(--calm-ink);border-radius:8px;color:#fff;display:inline-flex;font-size:12px;font-weight:700;justify-content:center;padding:6px 10px}.podium-avatar{border-radius:12px;box-shadow:none;height:48px;-o-object-fit:cover;object-fit:cover;outline:3px solid rgba(95,143,120,.12);width:48px}.avatar-initial,.podium-avatar-fallback,.rank-avatar-fallback{align-items:center;background:var(--calm-mist);border-radius:12px;box-shadow:inset 0 0 0 1px var(--calm-line);color:var(--calm-moss);display:flex;flex-shrink:0;font-weight:750;justify-content:center}.podium-avatar-fallback{height:48px;outline:3px solid rgba(95,143,120,.12);width:48px}.rank-avatar,.rank-avatar-fallback{height:38px;width:38px}.rank-avatar{flex-shrink:0}.leaderboard-heading{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff0;border-bottom:1px solid var(--calm-line);color:var(--calm-faint);display:grid;font-size:11px;font-weight:700;gap:10px;grid-template-columns:42px minmax(0,1fr) 96px;padding:9px 14px;position:sticky;top:0;z-index:1}.leaderboard-list{max-height:min(600px,68dvh)}.leaderboard-loading{background:#fff}.leaderboard-skeleton-list{background:#fff;border:1px solid var(--calm-line);border-radius:12px;display:grid;gap:0;overflow:hidden}.leaderboard-skeleton-row{align-items:center;border-bottom:1px solid var(--calm-line);display:grid;gap:10px;grid-template-columns:30px 38px minmax(0,1fr) 62px;min-height:56px;padding:9px 12px}.leaderboard-skeleton-row:last-child{border-bottom:0}.skeleton-rank{border-radius:8px;height:26px}.skeleton-avatar{border-radius:10px;height:34px;width:34px}.skeleton-copy{animation:none!important;background:transparent!important;display:grid!important;gap:7px}.skeleton-copy i{border-radius:999px;height:10px}.skeleton-copy i:first-child{width:72%}.skeleton-copy i:last-child{width:46%}.skeleton-score{border-radius:999px;height:18px}.rank-row{align-items:center;border-bottom:1px solid var(--calm-line);display:flex;gap:10px;min-height:58px;padding:10px 14px;transition:background .16s ease}.rank-row:hover{background:var(--calm-mist)}.rank-row-current{background:var(--calm-soft)}.rank-number{align-items:center;background:var(--calm-mist);border-radius:8px;color:var(--calm-muted);display:flex;font-size:13px;font-weight:700;height:30px;justify-content:center;min-width:30px}.rank-number-current{background:var(--calm-moss);color:#fff}.rank-level{background:var(--calm-mist);border-radius:6px;color:var(--calm-muted);display:inline-flex;flex-shrink:0;font-size:11px;font-weight:700;padding:2px 8px}.rank-score{min-width:76px;text-align:right}.current-rank-summary{align-items:center;background:var(--calm-soft);border-top:1px solid var(--calm-line);color:var(--calm-muted);display:flex;font-size:13px;font-weight:600;gap:12px;justify-content:space-between;min-height:56px;padding:12px 16px}.current-rank-action{align-items:center;background:var(--calm-moss);border-radius:8px;color:#fff;display:inline-flex;flex-shrink:0;font-size:12px;font-weight:700;justify-content:center;min-height:44px;padding:0 12px;transition:background-color .16s ease}.current-rank-action:hover{background:#28584e}.level-step{align-items:center;background:var(--calm-mist);border:1px solid var(--calm-line);border-radius:10px;color:var(--calm-faint);display:flex;gap:12px;padding:10px 11px}.level-step-on{background:var(--calm-soft);border-color:#5f8f7859;color:var(--calm-moss)}.level-dot{align-items:center;background:#fff;border-radius:8px;box-shadow:inset 0 0 0 1px var(--calm-line);color:var(--calm-ink);display:flex;flex-shrink:0;font-size:12px;font-weight:700;height:36px;justify-content:center;width:36px}.mission-card{background:var(--calm-mist);border:1px solid var(--calm-line);border-radius:10px;padding:11px}.ranking-state-panel{box-shadow:none;min-height:176px}.ranking-state-panel--flush{margin:14px}.ranking-loading-view,.ranking-state-panel--fill{height:100%}.ranking-state-panel .state-panel__actions{margin-top:14px}@keyframes ranking-shimmer{to{background-position:-220% 0}}@keyframes ranking-pulse{0%,to{opacity:.72}50%{opacity:1}}.retry-button{align-items:center;background:var(--calm-danger);border-radius:8px;color:#fff;display:inline-flex;font-size:13px;font-weight:700;justify-content:center;min-height:44px;padding:0 14px;transition:opacity .16s ease}.retry-button:hover{opacity:.9}.current-rank-action:focus-visible,.hero-primary-action:focus-visible,.hero-secondary-action:focus-visible,.retry-button:focus-visible{outline:2px solid rgba(95,143,120,.35);outline-offset:2px}.scrollbar-hide::-webkit-scrollbar{display:none}.scrollbar-hide{-ms-overflow-style:none;scrollbar-width:none}@media (max-width:760px){.ranking-content{padding:5px 7px calc(92px + env(safe-area-inset-bottom))}.ranking-hero,.ranking-panel{border-radius:9px;box-shadow:none}.ranking-block-accent{height:2px}.ranking-hero>.relative{display:flex;flex-direction:column}.ranking-hero-intro,.ranking-hero-profile{min-height:0;padding:7px 9px}.ranking-hero-intro{gap:7px}.ranking-hero-intro .inline-flex{font-size:11px;padding:3px 8px}.ranking-hero-intro h1{font-size:17px;margin-top:5px}.ranking-hero-intro p{display:none}.ranking-hero-profile{background:#fff;border-top:1px solid var(--calm-line)}.ranking-hero-profile>.flex:first-child{align-items:center}.ranking-hero-profile>.flex:first-child span{border-radius:7px;font-size:10px;padding:3px 6px}.ranking-hero-profile h2{font-size:14px}.ranking-hero-profile p{line-height:1.35}.ranking-hero-profile .mt-3.grid{display:grid;gap:7px;grid-template-columns:44px minmax(0,1fr);margin-top:7px}.hero-metric{background:#fff;border-radius:8px;min-width:0;padding:5px 7px 6px}.hero-metric span{font-size:10px;line-height:1.2}.hero-metric strong{font-size:13px;margin-top:3px}.ranking-hero-actions{display:grid;gap:7px;grid-template-columns:1fr 1fr}.hero-primary-action,.hero-secondary-action{font-size:12.5px;min-height:44px;width:100%}.progress-ring{height:44px;width:44px}.progress-ring-inner{height:36px;width:36px}.progress-ring-inner img{height:30px;width:30px}.profile-loading{border-radius:10px;gap:10px;grid-template-columns:54px minmax(0,1fr);margin-top:8px;min-height:74px;padding:10px}.profile-loading-ring{height:46px;width:46px}.ranking-hero-profile .space-y-3{gap:7px}.ranking-hero-profile .rounded-xl{border-radius:8px;box-shadow:none;padding:7px 8px}.ranking-hero-profile .rounded-xl .mt-3{margin-top:6px}.ranking-hero-profile .rounded-xl .mt-2{margin-top:5px}.ranking-hero-profile .rounded-xl .text-sm{font-size:11.5px}.ranking-stats-grid{display:flex;gap:6px;margin:8px -7px 0;-webkit-mask-image:linear-gradient(90deg,transparent,#000 10px,#000 calc(100% - 18px),transparent);mask-image:linear-gradient(90deg,transparent,#000 10px,#000 calc(100% - 18px),transparent);overflow-x:auto;overflow-y:hidden;padding:0 7px 2px;scroll-padding-inline:7px;scroll-snap-type:x proximity;-ms-overflow-style:none;scrollbar-width:none}.ranking-stats-grid::-webkit-scrollbar{display:none}.ranking-stats-grid>*{flex:0 0 110px;min-width:110px;scroll-snap-align:start}.leaderboard-section{display:flex;flex-direction:column;order:1}.ranking-main-column{gap:9px}.ranking-panel-accent{margin:-14px -14px 10px}.ranking-panel.p-3\.5,.ranking-panel.p-4{padding:11px}.leaderboard-list{max-height:none;order:2;overflow:visible!important}.leaderboard-loading{padding:8px!important}.leaderboard-skeleton-list{border-radius:10px}.leaderboard-skeleton-row{gap:9px;grid-template-columns:26px 32px minmax(0,1fr) 52px;min-height:50px;padding:8px 10px}.skeleton-avatar{border-radius:9px;height:30px;width:30px}.podium-section{order:2}.podium-grid{display:flex;gap:8px;-webkit-mask-image:linear-gradient(90deg,#000,#000 calc(100% - 22px),transparent);mask-image:linear-gradient(90deg,#000,#000 calc(100% - 22px),transparent);max-width:100%;overflow-x:auto;padding:0 12px 2px 0;scroll-snap-type:x proximity;width:100%;-ms-overflow-style:none;scrollbar-width:none}.podium-grid::-webkit-scrollbar{display:none}.podium-card-prime{order:0}.podium-card,.podium-card-prime{min-height:124px}.podium-card{flex:0 0 128px;min-width:128px;padding:9px;scroll-snap-align:start}.podium-card .mt-4{margin-top:8px}.podium-card .mt-3{margin-top:7px}.podium-card .mt-4.rounded-xl,.podium-card .rounded-xl{border-radius:10px}.podium-avatar,.podium-avatar-fallback{height:36px;width:36px}.podium-rank{border-radius:7px;padding:4px 8px}.rank-row{gap:9px;min-height:50px;padding:7px 10px}.rank-avatar,.rank-avatar-fallback{height:32px;width:32px}.rank-number{font-size:12px;height:26px;min-width:26px}.leaderboard-heading{display:none}.rank-level{display:inline-flex;padding:2px 6px}.rank-score{min-width:54px}.current-rank-summary{align-items:center;background:linear-gradient(90deg,#edf4effa,#fffffff0);border-bottom:1px solid var(--calm-line);border-top:0;flex-direction:row;font-size:12px;min-height:52px;order:1;padding:9px 10px}.current-rank-action{min-height:44px;padding:0 10px}aside.sm\:space-y-4,aside.space-y-3{display:flex;flex-direction:column;gap:9px}.ranking-panel h2,aside .ranking-panel h2{font-size:16px}aside .ranking-panel .mb-3,aside .ranking-panel .mb-4{margin-bottom:10px}aside .ranking-panel .h-64{height:184px}.level-step,.mission-card{border-radius:9px;padding:9px}.level-dot{height:32px;width:32px}}@media (max-width:420px){.ranking-stats-grid>*{flex-basis:108px;min-width:108px}.rank-score{min-width:52px}.rank-row .truncate{max-width:120px}.rank-score p:first-child{font-size:13px}.current-rank-summary{min-height:48px;padding:8px 10px}}@media (max-width:760px) and (min-width:430px) and (max-height:520px){.ranking-content{padding-top:4px}.ranking-hero>.relative{align-items:stretch;display:grid;grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr)}.ranking-hero-intro,.ranking-hero-profile{padding:7px 8px}.ranking-hero-intro{gap:6px}.ranking-hero-profile{border-left:1px solid var(--calm-line);border-top:0}.ranking-hero-profile>.flex:first-child{gap:7px}.ranking-hero-profile>.flex:first-child>span{display:none}.ranking-hero-profile .h-10,.ranking-hero-profile .w-10{border-radius:10px;height:34px;width:34px}.ranking-hero-profile .mt-3.grid{gap:6px;grid-template-columns:38px minmax(0,1fr);margin-top:6px}.progress-ring{height:38px;width:38px}.progress-ring-inner{height:31px;width:31px}.progress-ring-inner img{height:27px;width:27px}.ranking-hero-profile .rounded-xl{padding:6px 7px}.ranking-hero-profile .rounded-xl .text-sm{font-size:11px}.ranking-hero-profile .rounded-xl .mt-2,.ranking-hero-profile .rounded-xl .mt-3{margin-top:4px}.hero-metric{padding:5px 6px}.hero-metric span{font-size:9.5px}.hero-metric strong{font-size:12.5px}.hero-primary-action,.hero-secondary-action{min-height:44px;padding:0 8px}.ranking-stats-grid{margin-top:6px}}@media (prefers-reduced-motion:reduce){.ranking-page *,.ranking-page :after,.ranking-page :before{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}