:root{--color-background:#0a0a0a;--color-surface:#141414;--color-surface-elevated:#1a1a1a;--color-text-primary:#ffffff;--color-text-secondary:#a0a0a0;--color-text-tertiary:#666666;--color-accent:#ffffff;--color-gold:#FFD700;--color-silver:#C0C0C0;--color-bronze:#CD7F32;--spacing-unit:8px;--border-radius:16px;--transition-timing:cubic-bezier(0.4,0,0.2,1);}[data-theme="light"]{--color-background:#f0f2f5;--color-surface:#ffffff;--color-surface-elevated:#e9ecef;--color-text-primary:#1a1a1a;--color-text-secondary:#4a4a4a;--color-text-tertiary:#6b6b6b;--color-accent:#1a1a1a;--color-gold:#b8860b;--color-silver:#808080;--color-bronze:#8B4513;}*{margin:0;padding:0;box-sizing:border-box;}body{font-family:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;background-color:var(--color-background);color:var(--color-text-primary);min-height:100vh;min-height:100dvh;padding:calc(var(--spacing-unit) * 3);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}.container{max-width:900px;margin:0 auto;}header{margin-bottom:calc(var(--spacing-unit) * 4);display:flex;align-items:center;gap:calc(var(--spacing-unit) * 3);}.back-button{background-color:var(--color-surface);border:1px solid var(--color-surface-elevated);color:var(--color-text-primary);padding:calc(var(--spacing-unit) * 1.5) calc(var(--spacing-unit) * 3);border-radius:calc(var(--border-radius) / 2);cursor:pointer;font-size:0.9375rem;font-family:inherit;transition:all 0.2s var(--transition-timing);}.back-button:hover{background-color:var(--color-surface-elevated);border-color:rgba(255,255,255,0.2);}h1{font-size:clamp(1.75rem,4vw,2.5rem);font-weight:600;letter-spacing:-0.03em;}.tabs{display:flex;gap:calc(var(--spacing-unit) * 2);margin-bottom:calc(var(--spacing-unit) * 4);border-bottom:1px solid var(--color-surface-elevated);}.tab{background:none;border:none;color:var(--color-text-secondary);padding:calc(var(--spacing-unit) * 2) calc(var(--spacing-unit) * 3);font-size:0.9375rem;font-weight:500;cursor:pointer;font-family:inherit;position:relative;transition:color 0.2s;}.tab:hover{color:var(--color-text-primary);}.tab.active{color:var(--color-text-primary);}.tab.active::after{content:'';position:absolute;bottom:-1px;left:0;right:0;height:2px;background-color:var(--color-accent);}.loading{text-align:center;padding:calc(var(--spacing-unit) * 10) 0;}.spinner{width:50px;height:50px;border:3px solid var(--color-surface-elevated);border-top-color:var(--color-accent);border-radius:50%;animation:spin 1s linear infinite;margin:0 auto calc(var(--spacing-unit) * 3);}@keyframes spin{to{transform:rotate(360deg);}}.user-position-card{background:linear-gradient(135deg,var(--color-surface-elevated),var(--color-surface));border:1px solid rgba(255,255,255,0.1);border-radius:var(--border-radius);padding:calc(var(--spacing-unit) * 3);margin-top:calc(var(--spacing-unit) * 2);margin-bottom:calc(var(--spacing-unit) * 3);}.position-label{font-size:0.875rem;color:var(--color-text-secondary);margin-bottom:calc(var(--spacing-unit) * 1.5);text-transform:uppercase;letter-spacing:0.05em;}.position-content{display:flex;align-items:center;gap:calc(var(--spacing-unit) * 3);}.position-rank{font-size:2.6rem;font-weight:700;background:linear-gradient(135deg,#ffffff,#a0a0a0);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;}.position-name{font-size:1.125rem;font-weight:600;margin-bottom:calc(var(--spacing-unit) * 0.5);}.position-score{font-size:0.9375rem;color:var(--color-text-secondary);}.leaderboard-table{background-color:var(--color-surface);border:1px solid var(--color-surface-elevated);border-radius:var(--border-radius);overflow:hidden;}.leaderboard-actions{display:flex;justify-content:center;margin-top:calc(var(--spacing-unit) * 3);margin-bottom:calc(var(--spacing-unit) * 1);}.expand-btn{background-color:var(--color-surface);border:1px solid var(--color-surface-elevated);color:var(--color-text-primary);padding:calc(var(--spacing-unit) * 1.75) calc(var(--spacing-unit) * 4);border-radius:calc(var(--border-radius) / 2);cursor:pointer;font-size:0.9375rem;font-family:inherit;font-weight:600;transition:all 0.2s var(--transition-timing);}.expand-btn:hover{background-color:var(--color-surface-elevated);border-color:rgba(255,255,255,0.2);}.table-header{display:grid;grid-template-columns:60px 1fr 200px 100px;gap:calc(var(--spacing-unit) * 2);padding:calc(var(--spacing-unit) * 3);background-color:var(--color-surface-elevated);font-size:0.875rem;font-weight:600;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:0.05em;}.table-body{max-height:600px;overflow-y:auto;}.leaderboard-row{display:grid;grid-template-columns:60px 1fr 200px 100px;gap:calc(var(--spacing-unit) * 2);padding:calc(var(--spacing-unit) * 3);border-bottom:1px solid var(--color-surface-elevated);transition:background-color 0.2s;align-items:center;}.leaderboard-row:hover{background-color:var(--color-surface-elevated);}.leaderboard-row:last-child{border-bottom:none;}.row-rank{font-size:1.25rem;font-weight:700;text-align:center;}.row-rank.rank-1{color:var(--color-gold);}.row-rank.rank-2{color:var(--color-silver);}.row-rank.rank-3{color:var(--color-bronze);}.row-player{display:flex;align-items:center;gap:calc(var(--spacing-unit) * 2);}.player-avatar{width:40px;height:40px;background-color:var(--color-surface-elevated);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:20px;flex-shrink:0;overflow:hidden;}.player-avatar .avatar-img{width:100%;height:100%;object-fit:cover;border-radius:50%;}.player-name{font-weight:600;font-size:0.9375rem;}.row-stats{font-size:0.875rem;color:var(--color-text-secondary);}.row-score{font-size:1.25rem;font-weight:700;text-align:center;}.empty-icon{font-size:4rem;margin-bottom:calc(var(--spacing-unit) * 3);opacity:0.5;}.empty-state h3{font-size:1.5rem;margin-bottom:calc(var(--spacing-unit) * 2);}.empty-state p{color:var(--color-text-secondary);}.error-message{text-align:center;padding:calc(var(--spacing-unit) * 8);}.error-icon{font-size:4rem;margin-bottom:calc(var(--spacing-unit) * 3);}.error-message h3{font-size:1.5rem;margin-bottom:calc(var(--spacing-unit) * 2);}.error-message p{color:var(--color-text-secondary);margin-bottom:calc(var(--spacing-unit) * 4);}.error-message button{background-color:var(--color-accent);color:var(--color-background);border:none;padding:calc(var(--spacing-unit) * 2) calc(var(--spacing-unit) * 4);border-radius:calc(var(--border-radius) / 2);font-size:0.9375rem;font-weight:500;cursor:pointer;font-family:inherit;}.legend{background-color:var(--color-surface);border:1px solid var(--color-surface-elevated);border-radius:var(--border-radius);padding:calc(var(--spacing-unit) * 3);margin-top:calc(var(--spacing-unit) * 4);}.legend h4{font-size:1rem;font-weight:600;margin-bottom:calc(var(--spacing-unit) * 2);}.legend ul{list-style:none;}.legend li{padding:calc(var(--spacing-unit) * 1) 0;color:var(--color-text-secondary);font-size:0.875rem;}.legend li strong{color:var(--color-text-primary);}@media (max-width:768px){body{padding:calc(var(--spacing-unit) * 2);}header{flex-direction:column;align-items:center;}header h1{width:100%;text-align:center;padding:20px 50px;white-space:nowrap;}.back-button{display:none;}.tabs{flex-direction:column;gap:0;border-bottom:none;}.tab{border-bottom:1px solid var(--color-surface-elevated);text-align:left;}.tab.active::after{left:0;right:auto;width:3px;height:100%;bottom:0;}.table-header{grid-template-columns:40px 1fr 80px;}.table-header .col-stats{display:none;}.leaderboard-row{grid-template-columns:40px 1fr 80px;}.row-stats{display:none;}.position-content{flex-direction:column;align-items:flex-start;}}body.high-contrast{filter:contrast(1.2);}body.high-contrast *{border-color:rgba(255,255,255,0.3) !important;}body.no-animations,body.no-animations *{animation:none !important;transition:none !important;}body.no-animations .container,body.no-animations [style*="opacity"],body.no-animations .leaderboard-container,body.no-animations .modal-content{opacity:1 !important;transform:none !important;}body.performance-mode *{box-shadow:none !important;backdrop-filter:none !important;text-shadow:none !important;}body.performance-mode::before,body.performance-mode::after{display:none !important;}