@import "https://fonts.googleapis.com/css2?family=Orbitron:wght@400;700;900&family=Rajdhani:wght@300;400;500;600;700&display=swap";*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{-webkit-font-smoothing:antialiased;background:#0a0a0a;height:100%}button,input,select{cursor:pointer;font-family:inherit}.leaderboard-container{color:#fff;box-sizing:border-box;background:linear-gradient(135deg,#0a0a0a 0%,#1a1a1a 50%,#0d0d0d 100%);flex-direction:column;gap:12px;height:100vh;min-height:100vh;padding:16px 24px;font-family:Rajdhani,sans-serif;display:flex;position:relative;overflow:hidden}.leaderboard-top{flex-direction:column;flex:1 1 0;gap:16px;min-height:0;display:flex;overflow:hidden}.leaderboard-top .leaderboard-layout{flex:1;min-height:0;overflow:hidden}.leaderboard-container:before{content:"";pointer-events:none;z-index:0;background:radial-gradient(circle at 10% 20%,#dc262614 0%,#0000 40%),radial-gradient(circle at 90% 80%,#dc26260d 0%,#0000 40%);position:fixed;inset:0}.leaderboard-header{z-index:1;text-align:center;margin-bottom:12px;position:relative}.settings-button{color:#fff;cursor:pointer;z-index:10;background:#dc262633;border:2px solid #dc262666;border-radius:12px;padding:12px 16px;font-size:24px;transition:all .3s;position:absolute;top:0;left:0}.settings-button:hover{background:#dc262666;border-color:#dc2626;transform:rotate(90deg);box-shadow:0 0 20px #dc262680}.leaderboard-header .logo-image{filter:drop-shadow(0 2px 8px #dc26264d);max-width:300px;height:auto;margin-bottom:10px}.leaderboard-header h1{color:#fff;text-transform:uppercase;letter-spacing:4px;text-shadow:0 0 30px #dc262680;background:linear-gradient(135deg,#fff 0%,#dc2626 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin:0;font-family:Orbitron,sans-serif;font-size:30px;font-weight:900}.leaderboard-header h1 .track-name{color:#dc2626e6;-webkit-text-fill-color:#dc2626e6;font-size:22px}.leaderboard-layout{z-index:1;grid-template-columns:280px 1fr;gap:20px;max-width:1400px;height:100%;min-height:0;margin:0 auto;display:grid;position:relative}.qr-panel{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);text-align:center;background:#1a1a1ae6;border:1px solid #dc262633;border-radius:20px;flex-direction:column;justify-content:flex-start;align-items:center;padding:18px;display:flex;box-shadow:0 10px 40px #0006}.qr-panel h2{color:#dc2626;text-transform:uppercase;letter-spacing:2px;margin-bottom:16px;font-family:Orbitron,sans-serif;font-size:18px}.qr-code-wrapper{background:#0006;border:2px solid #dc26264d;border-radius:16px;padding:14px;display:inline-block;box-shadow:0 0 30px #dc262633}.qr-instruction{color:#fff9;margin-top:10px;font-size:13px}.ranking-panel{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#1a1a1af2;border:2px solid #dc26264d;border-radius:24px;flex-direction:column;gap:14px;height:100%;min-height:0;padding:24px;display:flex;box-shadow:0 20px 60px #00000080,0 0 40px #dc262626}.ranking-header{border-bottom:2px solid #dc262633;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:15px;margin-bottom:10px;padding-bottom:10px;display:flex}.ranking-title-section{align-items:center;gap:15px;display:flex}.filters-section{flex-wrap:wrap;align-items:center;gap:20px;display:flex}.pause-button{color:#fff;cursor:pointer;background:#dc262633;border:2px solid #dc262666;border-radius:10px;justify-content:center;align-items:center;padding:8px 14px;font-size:20px;transition:all .3s;display:flex}.pause-button:hover{background:#dc262666;border-color:#dc2626;transform:scale(1.1);box-shadow:0 0 15px #dc262666}.ranking-header h2{color:#dc2626;text-transform:uppercase;letter-spacing:3px;text-shadow:0 0 20px #dc262680;margin:0;font-family:Orbitron,sans-serif;font-size:22px}.track-selector,.car-selector{align-items:center;gap:12px;display:flex}.track-selector label,.car-selector label{color:#fffc;text-transform:uppercase;letter-spacing:1px;font-family:Rajdhani,sans-serif;font-size:14px;font-weight:600}.track-dropdown,.car-dropdown{color:#fff;cursor:pointer;background:#0009;border:2px solid #dc262666;border-radius:12px;min-width:180px;padding:10px 14px;font-family:Rajdhani,sans-serif;font-size:14px;font-weight:600;transition:all .3s}.track-dropdown:hover,.car-dropdown:hover{background:#000c;border-color:#dc2626cc;box-shadow:0 0 15px #dc26264d}.track-dropdown:focus,.car-dropdown:focus{border-color:#dc2626;outline:none;box-shadow:0 0 0 4px #dc262640}.track-dropdown option,.car-dropdown option{color:#fff;background:#1a1a1a;padding:10px}.ranking-table-wrapper{border:2px solid #dc26264d;border-radius:16px;flex:1;min-height:0;overflow-y:auto;box-shadow:0 10px 30px #0006}.ranking-table-wrapper::-webkit-scrollbar{width:6px}.ranking-table-wrapper::-webkit-scrollbar-track{background:#0000004d}.ranking-table-wrapper::-webkit-scrollbar-thumb{background:#dc262666;border-radius:3px}.ranking-table{border-collapse:collapse;table-layout:fixed;width:100%}.ranking-table thead{z-index:1;background:linear-gradient(135deg,#dc2626 0%,#991b1b 100%);position:sticky;top:0;box-shadow:0 4px 15px #dc26264d}.ranking-table thead th,.ranking-table tbody td{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.ranking-table th{text-align:left;text-transform:uppercase;letter-spacing:2px;color:#fff;text-shadow:0 2px 4px #0000004d;padding:12px 14px;font-family:Orbitron,sans-serif;font-size:12px;font-weight:700}.ranking-table th.col-pos{text-align:center;width:80px}.ranking-table th.col-player{width:35%}.ranking-table th.col-car{width:30%}.ranking-table th.col-time{text-align:right;width:20%}.ranking-table tbody tr{background:#0003;border-bottom:1px solid #ffffff14;transition:all .3s}.ranking-table tbody tr:hover{background:#dc262626;transform:scale(1.01);box-shadow:0 4px 12px #dc262633}.ranking-table tbody tr:last-child{border-bottom:none}.ranking-table tbody tr.top-1{background:linear-gradient(90deg,#ffd70033 0%,#ffd7000d 50%,#0000 100%)}.ranking-table tbody tr.top-1:hover{background:linear-gradient(90deg,#ffd70040 0%,#dc262626 100%)}.ranking-table tbody tr.top-2{background:linear-gradient(90deg,#c0c0c026 0%,#c0c0c00d 50%,#0000 100%)}.ranking-table tbody tr.top-2:hover{background:linear-gradient(90deg,#c0c0c033 0%,#dc262626 100%)}.ranking-table tbody tr.top-3{background:linear-gradient(90deg,#cd7f3226 0%,#cd7f320d 50%,#0000 100%)}.ranking-table tbody tr.top-3:hover{background:linear-gradient(90deg,#cd7f3233 0%,#dc262626 100%)}.ranking-table td{background:0 0;padding:14px 16px;font-size:15px;font-weight:500}.ranking-table td.col-pos{text-align:center}.ranking-table td.col-time{text-align:right;color:#dc2626;text-shadow:0 0 10px #dc262666;font-family:Orbitron,monospace;font-size:18px;font-weight:700}.position-badge{background:#dc262633;border:2px solid #dc26264d;border-radius:50%;justify-content:center;align-items:center;min-width:40px;height:40px;font-family:Orbitron,sans-serif;font-size:18px;font-weight:700;display:inline-flex}.position-badge.medal-1,.position-badge.medal-2,.position-badge.medal-3{filter:drop-shadow(0 2px 8px #0000004d);background:0 0;border:none;font-size:32px}.col-player{color:#fff;font-size:16px;font-weight:600}.col-car{color:#ffffffa6;font-size:14px;font-weight:500}.pagination-controls{justify-content:center;align-items:center;gap:16px;margin-top:12px;display:flex}.pagination-button{color:#fff;cursor:pointer;background:#dc262633;border:2px solid #dc262666;border-radius:10px;min-width:110px;padding:8px 12px;font-family:Rajdhani,sans-serif;font-weight:700;transition:all .3s}.pagination-button:disabled{opacity:.4;cursor:not-allowed}.pagination-button:not(:disabled):hover{background:#dc262659;border-color:#dc2626;box-shadow:0 0 12px #dc262666}.pagination-info{letter-spacing:1px;color:#fffc;font-family:Orbitron,sans-serif;font-size:14px}.loading-state,.error-state,.empty-state{text-align:center;color:#fff9;padding:80px 40px}.loading-state .spinner{border:4px solid #dc262633;border-top-color:#dc2626;border-radius:50%;width:60px;height:60px;margin:0 auto 25px;animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.loading-state p,.error-state p,.empty-state p{margin:0;font-size:18px;font-weight:500}.error-state .error-icon,.empty-state .empty-icon{filter:drop-shadow(0 4px 12px #0000004d);margin-bottom:20px;font-size:64px;display:block}.error-state{color:#dc2626}.error-state p{color:#dc2626cc}.empty-state .empty-hint{color:#fff6;margin-top:12px;font-size:15px;display:block}.slideshow-section{flex:1 1 0;justify-content:center;align-items:center;min-height:0;display:flex;overflow:hidden}.slideshow-wrapper{background:radial-gradient(circle at 20% 20%,#dc26261a,#0000 40%),radial-gradient(circle at 80% 80%,#ffffff0a,#0000 45%),#0a0a0ad9;border:2px solid #dc262659;border-radius:20px;justify-content:center;align-items:center;width:100%;max-width:1200px;height:100%;padding:12px;display:flex;position:relative;overflow:hidden;box-shadow:0 20px 60px #0009}.slideshow-image{object-fit:contain;background:#0b0b0b;border-radius:14px;width:100%;height:100%}.slideshow-indicators{gap:8px;display:flex;position:absolute;bottom:14px;left:50%;transform:translate(-50%)}.indicator-dot{background:#ffffff26;border:2px solid #fff6;border-radius:50%;width:12px;height:12px;transition:all .3s}.indicator-dot.active{background:#dc2626;border-color:#dc2626;transform:scale(1.1);box-shadow:0 0 12px #dc262699}.slideshow-empty{color:#ffffffa6;text-align:center;padding:24px;font-family:Rajdhani,sans-serif;font-size:16px}.settings-modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000;background:#000000d9;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.settings-modal{background:linear-gradient(135deg,#1a1a1a 0%,#0f0f0f 100%);border:2px solid #dc262666;border-radius:20px;width:100%;max-width:500px;padding:35px;animation:.3s modalSlideIn;box-shadow:0 20px 60px #000c,0 0 40px #dc262633}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.settings-modal-header{border-bottom:2px solid #dc26264d;justify-content:space-between;align-items:center;margin-bottom:25px;padding-bottom:20px;display:flex}.settings-modal-header h2{color:#dc2626;text-transform:uppercase;letter-spacing:2px;margin:0;font-family:Orbitron,sans-serif;font-size:24px}.close-modal-button{color:#fff;cursor:pointer;background:#dc262633;border:2px solid #dc262666;border-radius:8px;padding:8px 12px;font-size:18px;transition:all .3s}.close-modal-button:hover{background:#dc262666;border-color:#dc2626;transform:scale(1.1)}.settings-modal-content{font-family:Rajdhani,sans-serif}.settings-description{color:#ffffffb3;margin-bottom:20px;font-size:16px;line-height:1.5}.tracks-checkbox-list{flex-direction:column;gap:12px;max-height:400px;padding-right:10px;display:flex;overflow-y:auto}.tracks-checkbox-list::-webkit-scrollbar{width:8px}.tracks-checkbox-list::-webkit-scrollbar-track{background:#0000004d;border-radius:10px}.tracks-checkbox-list::-webkit-scrollbar-thumb{background:#dc262680;border-radius:10px}.tracks-checkbox-list::-webkit-scrollbar-thumb:hover{background:#dc2626b3}.track-checkbox-label{cursor:pointer;background:#0000004d;border:1px solid #ffffff1a;border-radius:10px;align-items:center;gap:12px;padding:14px 16px;font-size:16px;font-weight:500;transition:all .3s;display:flex}.track-checkbox-label:hover{background:#dc262626;border-color:#dc26264d;transform:translate(5px)}.track-checkbox-label input[type=checkbox]{cursor:pointer;accent-color:#dc2626;width:20px;height:20px}.track-checkbox-label span{color:#fff;flex:1}@media (width<=768px){.leaderboard-container{padding:12px 15px}.leaderboard-header h1{letter-spacing:2px;font-size:22px}.leaderboard-layout{grid-template-columns:1fr}.qr-panel{display:none}.ranking-header{flex-direction:column;align-items:flex-start}.ranking-header h2{font-size:18px}.track-dropdown,.car-dropdown{min-width:140px}.ranking-table th,.ranking-table td{padding:10px}.ranking-table th{font-size:11px}.ranking-table td{font-size:13px}.ranking-table td.col-time{font-size:15px}.position-badge{min-width:32px;height:32px;font-size:14px}.position-badge.medal-1,.position-badge.medal-2,.position-badge.medal-3{font-size:24px}}@media (width<=480px){.ranking-table th.col-car,.ranking-table td.col-car{display:none}.ranking-table th.col-player{width:auto}.col-player,.ranking-table td.col-time{font-size:14px}}@media (orientation:landscape) and (height>=500px){.leaderboard-container{flex-direction:row;gap:12px;height:100vh;padding:12px}.leaderboard-top{flex:2;gap:8px;height:100%}.slideshow-section{flex:1;height:100%}.leaderboard-header{margin-bottom:8px}.leaderboard-header h1{letter-spacing:2px;font-size:20px}.leaderboard-layout{grid-template-columns:180px 1fr;gap:12px;height:calc(100% - 80px)}.qr-panel{padding:12px}.qr-panel h2{margin-bottom:8px;font-size:14px}.ranking-panel{gap:8px;padding:12px 16px}.ranking-header{gap:10px;margin-bottom:4px;padding-bottom:4px}.ranking-header h2{font-size:18px}.track-dropdown,.car-dropdown{min-width:140px;padding:6px 10px;font-size:13px}.ranking-table th{padding:8px 10px;font-size:11px}.ranking-table td{padding:8px 12px;font-size:14px}.ranking-table td.col-time{font-size:16px}.position-badge{min-width:30px;height:30px;font-size:14px}.position-badge.medal-1,.position-badge.medal-2,.position-badge.medal-3{font-size:24px}.slideshow-wrapper{border-radius:12px;padding:8px}.pagination-controls{gap:10px;margin-top:4px}.pagination-button{min-width:80px;padding:4px 8px;font-size:12px}.pagination-info{font-size:12px}}