*{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.pdf-exporting,.pdf-exporting *{background:#fff!important;box-shadow:none!important;filter:none!important}body.pdf-force-white,body.pdf-force-white *{background:#fff!important}.pdf-exporting .sticky,.pdf-exporting .fixed{position:static!important}.pdf-exporting canvas,.pdf-force-white canvas{background:#fff!important}@media print{html,body{background:#fff!important}*{-webkit-print-color-adjust:exact;print-color-adjust:exact}}.pdf-light-mode,.pdf-light-mode *{background:#fff!important;color:#0f172a!important;-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}.lane-selection-wrapper{position:relative;margin-bottom:20px;padding-top:20px}.lane-selector-toggle{position:absolute;top:0;left:50%;transform:translate(-50%);width:56px;height:28px;background:var(--accent-primary);backdrop-filter:var(--backdrop-blur);-webkit-backdrop-filter:var(--backdrop-blur);border:2px solid var(--accent-primary);border-radius:14px 14px 0 0;cursor:pointer;z-index:100;display:flex;align-items:center;justify-content:center;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 12px #00000026,0 2px 6px #0000001a}.lane-selector-toggle:hover{background:#2563eb;border-color:#2563eb;transform:translate(-50%) scale(1.1);box-shadow:0 6px 20px #0003,0 3px 10px #00000026}.toggle-arrow{font-size:1em;font-weight:700;color:#fff;transition:all .3s ease}.lane-selector-toggle:active{transform:translate(-50%) scale(.95)}.lane-selection-section{max-height:1000px;overflow:hidden;transition:max-height .4s cubic-bezier(.4,0,.2,1),opacity .3s ease,margin .3s ease;opacity:1;margin-bottom:16px;position:relative;z-index:1}.lane-selection-section.collapsed{max-height:0;opacity:0;margin-bottom:0}.lane-select-menu{display:flex;flex-direction:column;background:var(--glass-bg);backdrop-filter:var(--backdrop-blur);-webkit-backdrop-filter:var(--backdrop-blur);border:1px solid var(--glass-border);gap:20px;padding:24px;width:100%;box-sizing:border-box;box-shadow:0 8px 32px #0000001a,0 2px 8px #0000000d,inset 0 1px #ffffff1a;min-width:0;border-radius:20px;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;z-index:5}.lane-select-header{display:flex;align-items:center;gap:24px;justify-content:space-between}.lane-select-label{color:var(--text-secondary);font-weight:700;font-size:1.2em;letter-spacing:.5px;text-shadow:0 2px 4px rgba(0,0,0,.1)}.lane-buttons{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:0}.lane-btn{width:52px;height:48px;display:flex;align-items:center;justify-content:center;font-size:1.1em;font-weight:700;border-radius:12px;border:1px solid var(--glass-border);background:var(--glass-bg);backdrop-filter:var(--backdrop-blur);-webkit-backdrop-filter:var(--backdrop-blur);color:var(--text-secondary);cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 8px #0000001a,0 1px 4px #0000000d,inset 0 1px #ffffff1a;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;position:relative;overflow:hidden}.lane-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .3s ease}.lane-btn.selected,.lane-btn.selected:focus,.lane-btn.selected:active,.lane-btn.selected:hover{background:var(--accent-primary);color:#fff;border-color:var(--accent-primary);transform:translateY(-2px);box-shadow:0 8px 32px #00000026,0 4px 16px #0000001a,inset 0 1px #fff3}.lane-btn.selected:before{left:100%}.lane-btn.inactive{background:#ff6b6b;color:#fff;border-color:#ff5252;opacity:.7;cursor:not-allowed}.lane-btn.inactive:hover,.lane-btn.inactive:focus,.lane-btn.inactive:active{background:#ff6b6b!important;color:#fff!important;border-color:#ff5252!important;transform:none!important;cursor:not-allowed!important}.lane-btn.inactive:before{display:none}@media(hover:hover)and (pointer:fine){.lane-btn:not(.selected):hover,.lane-btn:not(.selected):focus{background:var(--bg-tertiary);color:var(--accent-primary);border-color:var(--accent-primary);transform:translateY(-1px);box-shadow:0 4px 16px #0000001a,0 2px 8px #0000000d,inset 0 1px #ffffff26}.lane-btn:not(.selected):hover:before{left:100%}}@media(hover:none)and (pointer:coarse){.lane-btn:not(.selected):hover,.lane-btn:not(.selected):active,.lane-btn:not(.selected):focus{background:var(--glass-bg)!important;color:var(--text-secondary)!important;border-color:var(--glass-border)!important;transform:none!important}}.select-buttons-group{display:flex;gap:12px;flex-wrap:wrap}.select-all-btn,.select-active-btn{padding:12px 24px;font-weight:700;font-size:1em;border-radius:12px;background:var(--glass-bg);backdrop-filter:var(--backdrop-blur);-webkit-backdrop-filter:var(--backdrop-blur);color:var(--text-secondary);border:1px solid var(--glass-border);cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 20px #0000001a,0 2px 8px #0000000d,inset 0 1px #ffffff1a;text-shadow:0 1px 2px rgba(0,0,0,.1);position:relative;overflow:hidden}.select-all-btn:before,.select-active-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .3s ease}.select-all-btn:hover,.select-active-btn:hover{background:var(--accent-primary);border-color:var(--accent-primary);color:#fff;transform:translateY(-2px);box-shadow:0 8px 32px #00000026,0 4px 16px #0000001a,inset 0 1px #fff3}.select-all-btn:hover:before,.select-active-btn:hover:before{left:100%}.select-all-btn:disabled,.select-active-btn:disabled{background:#ff6b6b;color:#fff;border-color:#ff5252;opacity:.7;cursor:not-allowed}.select-all-btn:disabled:hover,.select-all-btn:disabled:focus,.select-all-btn:disabled:active,.select-active-btn:disabled:hover,.select-active-btn:disabled:focus,.select-active-btn:disabled:active{background:#ff6b6b!important;color:#fff!important;border-color:#ff5252!important;transform:none!important;cursor:not-allowed!important}.select-all-btn:disabled:before,.select-active-btn:disabled:before{display:none}@media(max-width:600px){.lane-select-menu{padding:20px!important;border-radius:16px!important;gap:16px}.lane-buttons{justify-content:center;gap:10px}.lane-select-header{gap:16px!important;flex-direction:column;align-items:center}.lane-btn{width:48px;height:44px;font-size:1em}.select-buttons-group{flex-direction:column;width:100%;gap:8px}.select-all-btn,.select-active-btn{width:100%;margin-left:0;margin-top:0;padding:14px 0;font-size:1.1em}}.theme-toggle{background:var(--glass-bg);backdrop-filter:var(--backdrop-blur);-webkit-backdrop-filter:var(--backdrop-blur);color:var(--text-secondary);border:1px solid var(--glass-border);padding:12px;border-radius:12px;cursor:pointer;font-size:1em;font-weight:700;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 20px #0000001a,0 2px 8px #0000000d,inset 0 1px #ffffff1a;text-shadow:0 1px 2px rgba(0,0,0,.1);position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;width:48px;height:48px}.theme-toggle:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s ease}.theme-toggle:hover{background:var(--accent-primary);border-color:var(--accent-primary);color:#fff;transform:translateY(-2px);box-shadow:0 8px 32px #00000026,0 4px 16px #0000001a,inset 0 1px #fff3}.theme-toggle:hover:before{left:100%}.theme-toggle:active{transform:translateY(0);box-shadow:0 2px 8px #0000001a,0 1px 4px #0000000d,inset 0 1px #ffffff1a}.theme-icon{font-size:1.2em}.controls-right{display:flex;gap:12px;align-items:center}@media(max-width:600px){.theme-toggle,.language-toggle{padding:10px 16px;font-size:.9em;gap:6px}}.app-header{background:var(--glass-bg);backdrop-filter:var(--backdrop-blur);-webkit-backdrop-filter:var(--backdrop-blur);border-bottom:1px solid var(--glass-border);box-shadow:0 4px 20px #0000001a,0 2px 8px #0000000d,inset 0 1px #ffffff1a;position:sticky;top:0;z-index:1000;width:100%}.header-content{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;max-width:1200px;margin:0 auto}.header-left{display:flex;align-items:center;gap:16px}.logo-link{display:flex;align-items:center;text-decoration:none;transition:all .3s ease}.app-logo{height:110px;width:auto;transition:all .3s ease;filter:drop-shadow(0 2px 4px rgba(0,0,0,.2))}.logo-link:hover .app-logo{transform:translateY(-2px) scale(1.05);filter:drop-shadow(0 4px 12px rgba(59,130,246,.4))}.logo-link:active .app-logo{transform:translateY(0) scale(1)}.app-title{color:var(--text-primary);font-size:1.8em;font-weight:800;margin:0;letter-spacing:.5px;text-shadow:0 2px 4px rgba(0,0,0,.2);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.app-title-link{color:var(--text-primary);text-decoration:none;transition:all .3s ease;cursor:pointer;display:inline-block}.app-title-link:hover{color:var(--accent-primary);text-shadow:0 2px 8px rgba(59,130,246,.4);transform:translateY(-1px)}.app-title-link:active{transform:translateY(0)}.header-right{display:flex;gap:12px;align-items:center}.bug-report-button{background:var(--glass-bg);backdrop-filter:var(--backdrop-blur);-webkit-backdrop-filter:var(--backdrop-blur);color:var(--text-secondary);border:1px solid var(--glass-border);padding:12px;border-radius:12px;cursor:pointer;font-size:1.2em;width:48px;height:48px;display:flex;align-items:center;justify-content:center;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 8px #0000001a,inset 0 1px #ffffff1a}.bug-report-button:hover{background:#ef44441a;border-color:#ef44444d;color:#ef4444;transform:translateY(-2px);box-shadow:0 4px 16px #ef444433,inset 0 1px #ffffff26}.bug-report-button:active{transform:translateY(0);box-shadow:0 2px 8px #0000001a,inset 0 1px #ffffff1a}.language-toggle{background:var(--glass-bg);backdrop-filter:var(--backdrop-blur);-webkit-backdrop-filter:var(--backdrop-blur);color:var(--text-secondary);border:1px solid var(--glass-border);padding:12px;border-radius:12px;cursor:pointer;font-size:1em;font-weight:700;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 20px #0000001a,0 2px 8px #0000000d,inset 0 1px #ffffff1a;text-shadow:0 1px 2px rgba(0,0,0,.1);position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;width:48px;height:48px}.flag-icon{font-size:1.5em;line-height:1;display:flex;align-items:center;justify-content:center;width:100%;height:100%;font-family:"Segoe UI Emoji","Apple Color Emoji","Noto Color Emoji",Twemoji,sans-serif;font-variant-emoji:emoji;text-align:center;vertical-align:middle}.language-toggle:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s ease}.language-toggle:hover{background:var(--accent-primary);border-color:var(--accent-primary);color:#fff;transform:translateY(-2px);box-shadow:0 8px 32px #00000026,0 4px 16px #0000001a,inset 0 1px #fff3}.language-toggle:hover:before{left:100%}.language-toggle:active{transform:translateY(0);box-shadow:0 2px 8px #0000001a,0 1px 4px #0000000d,inset 0 1px #ffffff1a}.lane-selection-section{padding:20px 24px;max-width:1200px;margin:0 auto}.selection-controls{display:flex;gap:24px;align-items:flex-start;justify-content:center;flex-wrap:wrap}.columns-selector{display:flex;align-items:center;gap:12px;background:var(--glass-bg);backdrop-filter:var(--backdrop-blur);-webkit-backdrop-filter:var(--backdrop-blur);border:1px solid var(--glass-border);border-radius:12px;padding:12px 16px;box-shadow:0 4px 16px #0000001a,0 2px 8px #0000000d;transition:all .3s ease}.columns-selector:hover{transform:translateY(-2px);box-shadow:0 8px 24px #00000026,0 4px 12px #0000001a}.columns-selector label{color:var(--text-primary);font-weight:600;font-size:.95em;white-space:nowrap}.columns-dropdown{background:var(--bg-secondary);border:1px solid var(--glass-border);border-radius:8px;padding:8px 32px 8px 12px;color:var(--text-primary);font-size:1em;font-weight:600;cursor:pointer;transition:all .3s ease;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='%233b82f6' d='M1.41 0L6 4.59L10.59 0L12 1.41l-6 6l-6-6z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;background-size:12px}.columns-dropdown:hover{border-color:var(--accent-primary);box-shadow:0 0 0 3px #3b82f61a}.columns-dropdown:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 3px #3b82f633}[data-theme=dark] .columns-dropdown{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='%2360a5fa' d='M1.41 0L6 4.59L10.59 0L12 1.41l-6 6l-6-6z'/%3E%3C/svg%3E")}.user-info{display:flex;align-items:center;gap:8px;padding:8px 16px;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:12px;box-shadow:0 2px 8px #0000001a}.user-name{color:var(--text-primary);font-weight:600;font-size:.9em}.claim-games-button,.login-button,.register-button,.logout-button,.user-profile-button{background:var(--glass-bg);backdrop-filter:var(--backdrop-blur);-webkit-backdrop-filter:var(--backdrop-blur);color:var(--text-primary);border:1px solid var(--glass-border);padding:10px 16px;border-radius:12px;cursor:pointer;font-size:.9em;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 8px #0000001a,inset 0 1px #ffffff1a;display:flex;align-items:center;gap:6px}.claim-games-button{background:var(--gradient-primary);border-color:transparent;color:#fff}.claim-games-button:hover{transform:translateY(-2px);box-shadow:0 4px 16px #3b82f666,inset 0 1px #fff3}.login-button:hover{background:var(--accent-primary);border-color:var(--accent-primary);color:#fff;transform:translateY(-2px);box-shadow:0 4px 16px #3b82f64d,inset 0 1px #ffffff26}.register-button{background:var(--gradient-primary);border-color:transparent;color:#fff}.register-button:hover{transform:translateY(-2px);box-shadow:0 4px 16px #3b82f666,inset 0 1px #fff3}.user-profile-button:hover{background:var(--accent-primary);border-color:var(--accent-primary);color:#fff;transform:translateY(-2px);box-shadow:0 4px 16px #3b82f64d,inset 0 1px #ffffff26}.logout-button:hover{background:#ef44441a;border-color:#ef44444d;color:#ef4444;transform:translateY(-2px);box-shadow:0 4px 16px #ef444433,inset 0 1px #ffffff26}.claim-games-button:active,.login-button:active,.register-button:active,.logout-button:active,.user-profile-button:active{transform:translateY(0);box-shadow:0 2px 8px #0000001a,inset 0 1px #ffffff1a}.header-right{display:flex;align-items:center;gap:12px}@supports not (gap: 12px){.header-right>*+*{margin-left:12px}}@media(min-width:821px){#mobile-nav{display:none}button[aria-controls=mobile-nav]{display:none!important}}@media(max-width:820px){button[aria-controls=mobile-nav],button[title="My Profile"]{display:inline-flex!important}}.burger-btn{--w: 28px;--h: 2px;--g: 6px;--t: .22s;inline-size:44px;block-size:44px;display:inline-flex;align-items:center;justify-content:center;border:0;background:var(--glass-bg);backdrop-filter:var(--backdrop-blur);-webkit-backdrop-filter:var(--backdrop-blur);border:1px solid var(--glass-border);border-radius:12px;padding:0;color:var(--text-primary);cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;transition:all .3s ease;box-shadow:0 2px 8px #0000001a,inset 0 1px #ffffff1a}.burger-btn:hover{background:var(--accent-primary);border-color:var(--accent-primary);transform:translateY(-2px);box-shadow:0 4px 16px #3b82f64d,inset 0 1px #ffffff26}.burger-btn span{display:block;width:var(--w);height:var(--h);background:currentColor;border-radius:1px;transition:transform var(--t) ease,opacity var(--t) ease;transform-origin:50% 50%}.burger-btn span+span{margin-top:var(--g)}.burger-btn.is-open span:nth-child(1){transform:translateY(calc(var(--h) + var(--g))) rotate(45deg)}.burger-btn.is-open span:nth-child(2){opacity:0}.burger-btn.is-open span:nth-child(3){transform:translateY(calc(-1 * (var(--h) + var(--g)))) rotate(-45deg)}.mobile-only{display:none}@media(max-width:820px){.mobile-only{display:block}}.mobile-nav{position:fixed;inset:0;background:#0006;opacity:0;pointer-events:none;transition:opacity .2s ease;z-index:1200}.mobile-nav.open{opacity:1;pointer-events:auto}.mobile-nav__panel{position:absolute;top:0;right:0;width:min(80vw,320px);height:100%;background:var(--glass-bg);backdrop-filter:var(--backdrop-blur);-webkit-backdrop-filter:var(--backdrop-blur);border-left:1px solid var(--glass-border);padding:20px 16px;display:flex;flex-direction:column;gap:8px;box-shadow:-8px 0 32px #0000004d;transform:translate(100%);transition:transform .24s ease}.mobile-nav.open .mobile-nav__panel{transform:translate(0)}.mobile-link{appearance:none;border:0;background:transparent;color:var(--text-primary);font:inherit;font-size:1em;font-weight:600;text-align:left;padding:14px 12px;border-radius:8px;cursor:pointer;transition:all .2s ease;border-bottom:1px solid var(--glass-border)}.mobile-link:hover{background:#3b82f61a;color:var(--accent-primary)}.mobile-link:active{background:#3b82f633}.desktop-menu{display:flex}@media(max-width:820px){.desktop-menu{display:none!important}}@media(max-width:600px){.header-content{padding:12px 16px}.app-logo{height:90px}.header-left{gap:10px}.app-title{font-size:1.2em}.lane-selection-section{padding:16px}.selection-controls{flex-direction:column;gap:16px}.columns-selector{display:none!important}}@media(max-width:820px){.columns-selector{display:none!important}}@media(min-width:821px){.mobile-profile-button{display:none!important}}@media(max-width:820px){.mobile-profile-button{display:flex!important;position:fixed!important;top:20px!important;right:70px!important;z-index:9999!important}}.leaderboard-page{min-height:100vh;padding:28px 16px 48px;background:radial-gradient(circle at top left,rgba(59,130,246,.16),transparent 34%),radial-gradient(circle at top right,rgba(251,191,36,.12),transparent 28%),linear-gradient(180deg,rgba(8,15,34,.02),transparent 18%)}.leaderboard-shell{width:min(1180px,100%);margin:0 auto;display:grid;gap:20px}.leaderboard-hero,.leaderboard-my-rank,.leaderboard-panel,.leaderboard-empty-state,.leaderboard-state,.leaderboard-loading{background:var(--glass-bg, rgba(255, 255, 255, .72));border:1px solid var(--glass-border, rgba(255, 255, 255, .22));border-radius:24px;backdrop-filter:var(--backdrop-blur, blur(18px));-webkit-backdrop-filter:var(--backdrop-blur, blur(18px));box-shadow:0 18px 50px #0f172a1f}.leaderboard-hero{padding:24px;position:relative;overflow:hidden}.leaderboard-hero:after{content:"";position:absolute;inset:auto -40px -60px auto;width:180px;height:180px;border-radius:50%;background:radial-gradient(circle,rgba(59,130,246,.18),transparent 68%);pointer-events:none}.leaderboard-kicker{margin:0 0 8px;font-size:.85rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--text-secondary, #64748b)}.leaderboard-hero h1{margin:0;font-size:clamp(2rem,4vw,3.4rem);line-height:1;letter-spacing:-.04em}.leaderboard-subtitle{margin:12px 0 0;max-width:58ch;font-size:1.02rem;line-height:1.65;color:var(--text-secondary, #64748b)}.leaderboard-hint{margin:10px 0 0;display:inline-flex;align-items:center;gap:8px;font-size:.92rem;font-weight:600;color:var(--accent-color, #2563eb)}.leaderboard-my-rank{padding:20px 22px;display:flex;flex-wrap:wrap;gap:18px 22px;align-items:center;justify-content:space-between;background:linear-gradient(135deg,#3b82f61f,#0ea5e90a),var(--glass-bg, rgba(255, 255, 255, .72));border-color:#3b82f638;box-shadow:0 18px 42px #2563eb1f}.leaderboard-my-rank-copy{display:grid;gap:6px}.leaderboard-my-rank-label{font-size:.8rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--text-secondary, #64748b)}.leaderboard-my-rank-copy strong{font-size:clamp(1.1rem,2.8vw,1.4rem);color:var(--text-primary, #0f172a)}.leaderboard-my-rank-name{line-height:1.1}.leaderboard-my-rank-stats{display:flex;flex-wrap:wrap;gap:12px;color:var(--text-secondary, #64748b)}.leaderboard-my-rank-stat{min-width:110px;display:grid;gap:4px;padding:10px 14px;border-radius:16px;background:#ffffff85;box-shadow:inset 0 0 0 1px #94a3b824}.leaderboard-my-rank-stat.is-primary{background:linear-gradient(135deg,#3b82f629,#2563eb14);box-shadow:inset 0 0 0 1px #3b82f638}.leaderboard-my-rank-stat-label{font-size:.74rem;font-weight:800;line-height:1.1;letter-spacing:.08em;text-transform:uppercase;color:var(--text-secondary, #64748b)}.leaderboard-my-rank-stat strong{font-size:1.05rem;color:var(--text-primary, #0f172a)}.leaderboard-panel{padding:18px}.leaderboard-tabs{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:18px}.leaderboard-tab{appearance:none;border:1px solid var(--glass-border, rgba(255, 255, 255, .22));background:color-mix(in srgb,var(--glass-bg, rgba(255, 255, 255, .72)) 82%,transparent);color:var(--text-primary, #0f172a);border-radius:999px;padding:10px 16px;font-weight:700;font-size:.95rem;cursor:pointer;transition:transform .18s ease,background .18s ease,box-shadow .18s ease,color .18s ease}.leaderboard-tab:hover{transform:translateY(-1px);box-shadow:0 8px 20px #0f172a14}.leaderboard-tab.is-active{background:linear-gradient(135deg,#3b82f6f5,#1d4ed8f5);color:#fff;border-color:transparent;box-shadow:0 14px 28px #2563eb38}.leaderboard-tab:focus-visible,.leaderboard-retry-button:focus-visible,.leaderboard-table-scroll:focus-visible{outline:2px solid rgba(59,130,246,.75);outline-offset:3px}.leaderboard-panel-header{margin-bottom:18px;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px 16px}.leaderboard-active-metric{display:inline-grid;gap:4px;padding:12px 14px;border-radius:18px;background:#ffffff7a;box-shadow:inset 0 0 0 1px #94a3b824}.leaderboard-active-metric-label{font-size:.72rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--text-secondary, #64748b)}.leaderboard-active-metric strong{font-size:1.1rem;line-height:1.15;color:var(--text-primary, #0f172a)}.leaderboard-loading,.leaderboard-state,.leaderboard-empty-state{padding:28px 20px;text-align:center}.leaderboard-state-metric{display:inline-flex;margin-bottom:12px;padding:6px 12px;border-radius:999px;background:#3b82f61f;color:var(--accent-color, #2563eb);font-size:.78rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.leaderboard-loading-label{margin:0 0 18px;font-weight:700;color:var(--text-primary, #0f172a);font-size:1.02rem}.leaderboard-loading-skeleton{display:grid;gap:12px}.leaderboard-skeleton-row{display:grid;grid-template-columns:72px minmax(120px,2fr) 96px 84px 84px;gap:12px;align-items:center;padding:14px 16px;border-radius:18px;background:color-mix(in srgb,var(--glass-bg, rgba(255, 255, 255, .72)) 82%,transparent);box-shadow:inset 0 0 0 1px #94a3b81f}.leaderboard-skeleton-block{height:14px;border-radius:999px;background:linear-gradient(90deg,#94a3b838,#94a3b866,#94a3b838);background-size:200% 100%;animation:leaderboard-shimmer 1.2s ease-in-out infinite}.leaderboard-skeleton-rank{width:46px}.leaderboard-skeleton-player{width:72%}.leaderboard-skeleton-value,.leaderboard-skeleton-secondary{width:60%}@keyframes leaderboard-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.leaderboard-state-icon,.leaderboard-empty-icon{font-size:2rem;margin-bottom:12px}.leaderboard-state h3,.leaderboard-empty-state h3{margin:0 0 8px;font-size:1.2rem}.leaderboard-state p,.leaderboard-empty-state p{margin:0;color:var(--text-secondary, #64748b);line-height:1.6}.leaderboard-retry-button{margin-top:16px;appearance:none;border:none;border-radius:999px;padding:11px 18px;font-weight:700;color:#fff;background:linear-gradient(135deg,#3b82f6,#1d4ed8);cursor:pointer;box-shadow:0 10px 18px #2563eb3d}.leaderboard-table-shell{overflow:hidden}.leaderboard-table-scroll{overflow-x:auto;border-radius:18px}.leaderboard-table{width:100%;border-collapse:separate;border-spacing:0 12px}.leaderboard-table thead th{padding:0 16px 8px;font-size:.76rem;text-transform:uppercase;letter-spacing:.12em;color:var(--text-secondary, #64748b);text-align:left;white-space:nowrap}.leaderboard-table thead th:nth-child(3){color:var(--accent-color, #2563eb)}.leaderboard-row{background:color-mix(in srgb,var(--glass-bg, rgba(255, 255, 255, .72)) 80%,transparent);border-radius:18px;box-shadow:inset 0 0 0 1px #94a3b81f;transition:transform .18s ease,box-shadow .18s ease,background .18s ease}.leaderboard-row:hover{transform:translateY(-1px);box-shadow:0 12px 24px #0f172a14,inset 0 0 0 1px #3b82f61f}.leaderboard-row.is-current-user{background:linear-gradient(135deg,#3b82f629,#3b82f60f),color-mix(in srgb,var(--glass-bg, rgba(255, 255, 255, .72)) 80%,transparent);box-shadow:inset 0 0 0 1px #3b82f642,0 12px 24px #3b82f61f}.leaderboard-row.is-first .leaderboard-rank{background:linear-gradient(135deg,#facc1547,#eab3082e);color:#854d0e}.leaderboard-row.is-second .leaderboard-rank{background:linear-gradient(135deg,#cbd5e16b,#94a3b83d);color:#334155}.leaderboard-row.is-third .leaderboard-rank{background:linear-gradient(135deg,#fb923c47,#c2410c29);color:#9a3412}.leaderboard-cell{padding:15px 16px;vertical-align:middle;border-bottom:0}.leaderboard-rank-cell{width:84px}.leaderboard-rank{display:inline-flex;min-width:54px;align-items:center;justify-content:center;padding:7px 12px;border-radius:999px;background:#0f172a14;font-weight:800;color:var(--text-primary, #0f172a)}.leaderboard-player-meta{display:flex;flex-wrap:wrap;align-items:center;gap:8px 10px}.leaderboard-player-name{font-weight:800;font-size:1.02rem;line-height:1.2;color:var(--text-primary, #0f172a)}.leaderboard-current-badge{display:inline-flex;align-items:center;padding:4px 9px;border-radius:999px;background:#3b82f61f;color:var(--accent-color, #2563eb);font-size:.72rem;font-weight:800;letter-spacing:.05em;text-transform:uppercase}.leaderboard-value-stack{display:grid;gap:4px}.leaderboard-value-label{font-size:.72rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--text-secondary, #64748b)}.leaderboard-value{display:inline-flex;align-items:center;justify-content:flex-start;font-weight:800;font-size:1.2rem;line-height:1.1;color:var(--text-primary, #0f172a)}.leaderboard-secondary-value{font-weight:700;color:color-mix(in srgb,var(--text-primary, #0f172a) 82%,transparent)}@media(max-width:780px){.leaderboard-page{padding-top:20px}.leaderboard-panel,.leaderboard-hero,.leaderboard-my-rank,.leaderboard-state,.leaderboard-empty-state,.leaderboard-loading{border-radius:20px}.leaderboard-my-rank-stats{width:100%}.leaderboard-my-rank-stat{flex:1 1 140px}.leaderboard-table,.leaderboard-table thead,.leaderboard-table tbody,.leaderboard-table td{display:block;width:100%}.leaderboard-table tr{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.leaderboard-table thead{display:none}.leaderboard-table{border-spacing:0}.leaderboard-row{margin-bottom:14px;padding:14px}.leaderboard-cell{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:14px;min-width:0;padding:12px 14px;border-bottom:none;border-radius:16px;background:#ffffff6b;box-shadow:inset 0 0 0 1px #94a3b81f}.leaderboard-rank-cell,.leaderboard-player-cell,.leaderboard-value-cell{grid-column:1 / -1}.leaderboard-cell:before{content:attr(data-label);font-size:.75rem;text-transform:uppercase;letter-spacing:.08em;color:var(--text-secondary, #64748b);font-weight:700}.leaderboard-rank,.leaderboard-player-name,.leaderboard-value,.leaderboard-secondary-value{text-align:left}.leaderboard-player-name{max-width:100%;font-size:1.15rem;white-space:normal;overflow-wrap:anywhere}.leaderboard-player-meta{width:100%;justify-content:space-between}.leaderboard-value-cell{background:linear-gradient(135deg,#3b82f61f,#0ea5e90d);box-shadow:inset 0 0 0 1px #3b82f62e}.leaderboard-value{font-size:1.5rem}.leaderboard-panel-header{align-items:stretch}.leaderboard-active-metric{width:100%}.leaderboard-hint{margin:0}.leaderboard-skeleton-row{grid-template-columns:1fr;gap:10px}}