@import url(https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;600;700;800&family=Manrope:wght@400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap);.ranking-page[data-v-8e2eca54]{--primary:#002e6f;--primary-container:#00439c;--primary-soft:rgba(0,67,156,0.08);--on-surface:#191c1e;--on-surface-variant:#434652;--outline:#737783;--outline-variant:#c3c6d4;--surface-glass:hsla(0,0%,100%,0.48);--surface-glass-strong:hsla(0,0%,100%,0.68);--surface-tint:#2a5bb4;--tertiary:#735c00;--tertiary-fixed:#ffe088;--error:#ba1a1a;--success:#16a34a;--ambient-shadow:0 24px 48px rgba(0,25,68,0.06);--glass-blur:blur(14px);position:relative;z-index:1;max-width:1240px;margin:0 auto;padding:32px 24px 56px;min-height:100vh;color:var(--on-surface);font-family:Manrope,Segoe UI,PingFang SC,sans-serif;background:transparent}.hero-shell[data-v-8e2eca54]{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(260px,.9fr);gap:20px;padding:32px;border-radius:28px;background:var(--surface-glass);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);box-shadow:var(--ambient-shadow)}.eyebrow[data-v-8e2eca54]{margin:0 0 10px;font-family:Space Grotesk,monospace;font-size:12px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--primary-container)}.page-title[data-v-8e2eca54]{margin:0;font-family:Plus Jakarta Sans,sans-serif;font-size:40px;font-weight:800;line-height:1.05;letter-spacing:-.03em;color:var(--on-surface)}.page-subtitle[data-v-8e2eca54]{margin:14px 0 0;max-width:720px;font-size:16px;line-height:1.65;color:var(--on-surface-variant)}.hero-note[data-v-8e2eca54]{margin:18px 0 0;max-width:620px;font-size:14px;line-height:1.7;color:var(--outline)}.hero-note strong[data-v-8e2eca54]{padding:2px 10px;border-radius:999px;background:var(--primary-soft);color:var(--primary-container)}.hero-meta[data-v-8e2eca54]{display:grid;gap:14px;align-content:start}.hero-chip[data-v-8e2eca54]{display:grid;gap:6px;padding:18px;border-radius:20px;background:hsla(0,0%,100%,.5);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.hero-chip-label[data-v-8e2eca54]{font-family:Space Grotesk,monospace;font-size:12px;letter-spacing:.06em;color:var(--outline)}.hero-chip-value[data-v-8e2eca54]{font-family:Plus Jakarta Sans,sans-serif;font-size:20px;font-weight:700;color:var(--on-surface)}.stats-summary[data-v-8e2eca54]{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-top:20px}.summary-card[data-v-8e2eca54]{display:flex;gap:14px;align-items:center;padding:20px;border-radius:24px;background:var(--surface-glass);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);box-shadow:var(--ambient-shadow);transition:transform .24s ease}.summary-card[data-v-8e2eca54]:hover{transform:translateY(-2px)}.summary-icon[data-v-8e2eca54]{width:52px;height:52px;display:grid;place-items:center;border-radius:18px;font-size:24px;background:linear-gradient(135deg,rgba(0,67,156,.1),rgba(42,91,180,.15))}.summary-label[data-v-8e2eca54]{font-family:Space Grotesk,monospace;font-size:12px;letter-spacing:.04em;color:var(--outline)}.summary-value[data-v-8e2eca54]{margin-top:6px;font-family:Space Grotesk,monospace;font-size:24px;font-weight:700;color:var(--on-surface)}.control-panel[data-v-8e2eca54]{display:flex;justify-content:space-between;gap:16px;margin-top:20px;flex-wrap:wrap}.control-group[data-v-8e2eca54]{display:flex;gap:8px;align-items:center;padding:8px;border-radius:20px;background:var(--surface-glass);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);box-shadow:var(--ambient-shadow)}.period-tabs[data-v-8e2eca54]{flex:1 1 520px}.auxiliary-controls[data-v-8e2eca54]{flex:0 1 auto}.ghost-action[data-v-8e2eca54],.month-btn[data-v-8e2eca54],.period-tab[data-v-8e2eca54],.status-action[data-v-8e2eca54]{border:none;cursor:pointer;font-family:Manrope,sans-serif;transition:transform .2s ease,box-shadow .2s ease,background .2s ease,color .2s ease}.ghost-action[data-v-8e2eca54],.period-tab[data-v-8e2eca54]{padding:12px 18px;border-radius:14px;font-size:14px;font-weight:600}.period-tab[data-v-8e2eca54]{background:transparent;color:var(--on-surface-variant)}.ghost-action[data-v-8e2eca54]:hover:not(:disabled),.month-btn[data-v-8e2eca54]:hover:not(:disabled),.period-tab[data-v-8e2eca54]:hover:not(:disabled){transform:translateY(-1px)}.period-tab.active[data-v-8e2eca54]{background:linear-gradient(135deg,var(--primary),var(--primary-container));color:#fff;box-shadow:0 10px 28px rgba(0,46,111,.28)}.monthly-toggle[data-v-8e2eca54]{min-width:108px}.ghost-action[data-v-8e2eca54]{background:var(--primary-soft);color:var(--primary-container);font-weight:700}.ghost-action[data-v-8e2eca54]:disabled,.month-btn[data-v-8e2eca54]:disabled,.period-tab[data-v-8e2eca54]:disabled{opacity:.5;cursor:not-allowed;transform:none}.month-panel[data-v-8e2eca54]{margin-top:16px;padding:20px;border-radius:24px;background:var(--surface-glass);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);box-shadow:var(--ambient-shadow)}.month-panel-header[data-v-8e2eca54]{display:flex;justify-content:space-between;gap:12px;margin-bottom:14px;flex-wrap:wrap}.month-panel-title[data-v-8e2eca54]{font-family:Plus Jakarta Sans,sans-serif;font-size:14px;font-weight:700;color:var(--on-surface)}.month-panel-hint[data-v-8e2eca54]{font-size:13px;color:var(--outline)}.monthly-selector[data-v-8e2eca54]{display:flex;flex-wrap:wrap;gap:10px}.month-btn[data-v-8e2eca54]{padding:10px 16px;border-radius:999px;background:hsla(0,0%,100%,.5);color:var(--on-surface-variant);font-size:13px;font-weight:600}.month-btn.active[data-v-8e2eca54]{background:linear-gradient(135deg,#0f766e,#14b8a6);color:#fff;box-shadow:0 10px 24px rgba(20,184,166,.25)}.ranking-shell[data-v-8e2eca54],.status-panel[data-v-8e2eca54]{margin-top:20px;border-radius:28px;background:var(--surface-glass);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);box-shadow:var(--ambient-shadow)}.status-panel[data-v-8e2eca54]{display:flex;gap:18px;align-items:center;padding:32px}.status-icon[data-v-8e2eca54]{width:56px;height:56px;display:grid;place-items:center;border-radius:18px;font-size:24px;font-weight:700;background:var(--primary-soft);color:var(--primary-container)}.error-icon[data-v-8e2eca54]{background:rgba(186,26,26,.08);color:var(--error)}.empty-panel .status-icon[data-v-8e2eca54]{background:rgba(115,119,131,.1);color:var(--outline)}.status-copy[data-v-8e2eca54]{flex:1}.status-copy h2[data-v-8e2eca54]{margin:0;font-family:Plus Jakarta Sans,sans-serif;font-size:22px;font-weight:700}.status-copy p[data-v-8e2eca54]{margin:8px 0 0;font-size:14px;line-height:1.6;color:var(--outline)}.status-action[data-v-8e2eca54]{padding:14px 22px;border-radius:14px;background:linear-gradient(135deg,var(--primary),var(--primary-container));color:#fff;font-weight:700}.spin[data-v-8e2eca54]{animation:ranking-spin-8e2eca54 1.1s linear infinite}.ranking-shell[data-v-8e2eca54]{overflow:hidden}.table-toolbar[data-v-8e2eca54]{display:flex;justify-content:space-between;gap:16px;align-items:center;padding:28px 28px 16px}.table-toolbar-title h2[data-v-8e2eca54]{margin:0;font-family:Plus Jakarta Sans,sans-serif;font-size:24px;font-weight:800}.table-toolbar-title p[data-v-8e2eca54]{margin:8px 0 0;font-size:14px;color:var(--outline)}.inline-loading[data-v-8e2eca54]{display:inline-flex;gap:8px;align-items:center;padding:10px 16px;border-radius:999px;background:rgba(42,91,180,.08);color:var(--surface-tint);font-family:Space Grotesk,monospace;font-size:13px}.ranking-table-wrapper[data-v-8e2eca54]{overflow-x:auto}.ranking-table[data-v-8e2eca54]{width:100%;border-collapse:collapse}.ranking-table th[data-v-8e2eca54]{padding:14px 28px;text-align:left;font-family:Space Grotesk,monospace;font-size:11px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--outline);background:rgba(242,244,246,.6)}.ranking-table td[data-v-8e2eca54]{padding:16px 28px;vertical-align:middle}.ranking-table tbody tr+tr td[data-v-8e2eca54]{border-top:1px solid rgba(195,198,212,.15)}.game-row[data-v-8e2eca54]{transition:background .2s ease}.game-row[data-v-8e2eca54]:hover{background:rgba(217,226,255,.2)}.rank-cell[data-v-8e2eca54]{display:inline-flex;align-items:center;gap:8px}.col-rank[data-v-8e2eca54]{width:108px}.rank-number[data-v-8e2eca54]{display:inline-flex;min-width:36px;height:36px;align-items:center;justify-content:center;padding:0 10px;border-radius:12px;font-family:Space Grotesk,monospace;font-size:14px;font-weight:700;color:var(--on-surface);background:rgba(224,227,229,.7)}.rank-number.gold[data-v-8e2eca54]{color:#fff;background:linear-gradient(135deg,#ffe088,#735c00);box-shadow:0 6px 16px rgba(255,224,136,.35)}.rank-number.silver[data-v-8e2eca54]{color:#fff;background:linear-gradient(135deg,#c3c6d4,#94a3b8);box-shadow:0 6px 16px rgba(195,198,212,.3)}.rank-number.bronze[data-v-8e2eca54]{color:#fff;background:linear-gradient(135deg,#b45309,#78350f);box-shadow:0 6px 16px rgba(180,83,9,.25)}.rank-change[data-v-8e2eca54]{font-family:Space Grotesk,monospace;font-size:12px;font-weight:700}.rank-change.up[data-v-8e2eca54]{color:var(--success)}.rank-change.down[data-v-8e2eca54]{color:var(--error)}.rank-change.same[data-v-8e2eca54]{color:var(--outline)}.game-info[data-v-8e2eca54]{display:flex;gap:14px;align-items:center;min-width:0}.game-icon[data-v-8e2eca54]{flex:0 0 auto;width:54px;height:54px;border-radius:16px;-o-object-fit:cover;object-fit:cover;box-shadow:0 8px 20px rgba(0,25,68,.1)}.game-name-wrapper[data-v-8e2eca54]{display:flex;flex-direction:column;gap:6px;min-width:0}.game-name[data-v-8e2eca54]{font-family:Plus Jakarta Sans,sans-serif;font-size:15px;font-weight:700;color:var(--on-surface);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.game-meta-row[data-v-8e2eca54]{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.platform-tag[data-v-8e2eca54]{display:inline-flex;align-items:center;min-height:24px;padding:0 10px;border-radius:999px;font-family:Space Grotesk,monospace;font-size:11px;font-weight:700;background:var(--primary-soft);color:var(--primary-container)}.game-id[data-v-8e2eca54]{font-family:Space Grotesk,monospace;font-size:12px;color:var(--outline)}.col-avg[data-v-8e2eca54],.col-hours[data-v-8e2eca54],.col-players[data-v-8e2eca54],.col-sessions[data-v-8e2eca54]{text-align:right;font-family:Space Grotesk,monospace;font-size:14px;font-weight:600;color:var(--on-surface-variant);white-space:nowrap}.mobile-only[data-v-8e2eca54]{display:none}.mobile-list[data-v-8e2eca54]{padding:0 20px 20px}.mobile-card[data-v-8e2eca54]{margin-top:12px;padding:18px;border-radius:20px;background:hsla(0,0%,100%,.45);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);transition:transform .2s}.mobile-card[data-v-8e2eca54]:hover{transform:translateY(-1px)}.mobile-card-main[data-v-8e2eca54]{display:flex;gap:12px;align-items:flex-start}.mobile-rank-block[data-v-8e2eca54]{display:grid;justify-items:center;gap:4px;padding-top:2px}.mobile-main-copy[data-v-8e2eca54]{display:grid;gap:5px;min-width:0;flex:1}.mobile-title-row[data-v-8e2eca54]{display:flex;gap:8px;align-items:flex-start;justify-content:space-between}.mobile-primary-stat[data-v-8e2eca54]{display:flex;align-items:baseline;gap:8px}.mobile-primary-label[data-v-8e2eca54]{font-family:Space Grotesk,monospace;font-size:11px;color:var(--outline)}.mobile-primary-value[data-v-8e2eca54]{font-family:Space Grotesk,monospace;font-size:18px;font-weight:800;color:var(--on-surface)}.mobile-stats[data-v-8e2eca54]{display:flex;flex-wrap:wrap;gap:12px;margin-top:12px;padding-top:10px;border-top:1px solid rgba(195,198,212,.15)}.mobile-stat[data-v-8e2eca54]{display:inline-flex;align-items:baseline;gap:6px}.mobile-stat-label[data-v-8e2eca54]{font-family:Space Grotesk,monospace;font-size:11px;color:var(--outline)}.mobile-stat-value[data-v-8e2eca54]{font-family:Space Grotesk,monospace;font-size:14px;font-weight:700;color:var(--on-surface)}@keyframes ranking-spin-8e2eca54{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media (max-width:1024px){.ranking-page[data-v-8e2eca54]{padding:24px 16px 48px}.hero-shell[data-v-8e2eca54]{grid-template-columns:1fr}.stats-summary[data-v-8e2eca54]{grid-template-columns:repeat(2,minmax(0,1fr))}.control-panel[data-v-8e2eca54]{flex-direction:column}.control-group[data-v-8e2eca54]{width:100%;justify-content:flex-start;flex-wrap:wrap}.auxiliary-controls[data-v-8e2eca54],.period-tabs[data-v-8e2eca54]{flex:none}}@media (max-width:768px){.ranking-page[data-v-8e2eca54]{padding:18px 10px 36px}.page-title[data-v-8e2eca54]{font-size:24px}.page-subtitle[data-v-8e2eca54]{font-size:14px}.hero-shell[data-v-8e2eca54]{padding:20px 18px;border-radius:24px;gap:12px}.eyebrow[data-v-8e2eca54]{margin-bottom:6px;font-size:10px}.hero-note[data-v-8e2eca54]{margin-top:10px;font-size:12px}.hero-meta[data-v-8e2eca54]{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.hero-chip[data-v-8e2eca54]{padding:12px;border-radius:16px}.hero-chip-value[data-v-8e2eca54]{font-size:14px}.stats-summary[data-v-8e2eca54]{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.summary-card[data-v-8e2eca54]{padding:14px;gap:10px}.summary-icon[data-v-8e2eca54]{width:42px;height:42px;border-radius:14px;font-size:20px}.summary-value[data-v-8e2eca54]{font-size:18px}.control-panel[data-v-8e2eca54]{gap:10px;margin-top:16px}.control-group[data-v-8e2eca54]{padding:6px;border-radius:18px;gap:6px}.period-tabs[data-v-8e2eca54]{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}.auxiliary-controls[data-v-8e2eca54]{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.ghost-action[data-v-8e2eca54],.period-tab[data-v-8e2eca54]{min-height:40px;padding:8px 6px;border-radius:12px;font-size:11px;text-align:center}.table-toolbar[data-v-8e2eca54]{padding:18px 14px 8px;flex-direction:column;align-items:flex-start}.table-toolbar-title h2[data-v-8e2eca54]{font-size:20px}.table-toolbar-title p[data-v-8e2eca54]{font-size:13px}.desktop-only[data-v-8e2eca54]{display:none}.mobile-only[data-v-8e2eca54]{display:block}.status-panel[data-v-8e2eca54]{flex-direction:column;align-items:flex-start;gap:14px;padding:20px 18px;border-radius:24px}.ranking-shell[data-v-8e2eca54]{border-radius:24px}.status-action[data-v-8e2eca54]{width:100%;text-align:center}.month-panel[data-v-8e2eca54]{margin-top:12px;padding:14px;border-radius:20px}.month-panel-hint[data-v-8e2eca54]{font-size:12px}.monthly-selector[data-v-8e2eca54]{gap:8px}.month-btn[data-v-8e2eca54]{padding:8px 12px;font-size:12px}.mobile-list[data-v-8e2eca54]{padding:0 12px 12px}.mobile-card[data-v-8e2eca54]{margin-top:8px;padding:14px;border-radius:16px}.game-icon[data-v-8e2eca54]{width:40px;height:40px;border-radius:12px}.game-name[data-v-8e2eca54]{font-size:13px;white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.platform-tag[data-v-8e2eca54]{min-height:20px;padding:0 8px;font-size:10px}.game-id[data-v-8e2eca54]{font-size:10px}.rank-number[data-v-8e2eca54]{min-width:28px;height:28px;padding:0 6px;font-size:11px;border-radius:10px}.rank-change[data-v-8e2eca54]{font-size:10px}.mobile-primary-value[data-v-8e2eca54]{font-size:15px}.mobile-stats[data-v-8e2eca54]{gap:10px;margin-top:10px;padding-top:8px}.mobile-stat[data-v-8e2eca54]{gap:4px}.mobile-stat-label[data-v-8e2eca54]{font-size:10px}.mobile-stat-value[data-v-8e2eca54]{font-size:12px}.status-copy h2[data-v-8e2eca54]{font-size:18px}.status-copy p[data-v-8e2eca54]{font-size:13px}}@media (max-width:420px){.auxiliary-controls[data-v-8e2eca54],.hero-meta[data-v-8e2eca54],.stats-summary[data-v-8e2eca54]{grid-template-columns:repeat(2,minmax(0,1fr))}.mobile-primary-stat[data-v-8e2eca54]{flex-wrap:wrap;gap:4px 8px}.mobile-title-row[data-v-8e2eca54]{flex-direction:column;align-items:flex-start}.mobile-card-main[data-v-8e2eca54]{gap:10px}.game-id[data-v-8e2eca54]{display:none}}