html,body{margin:0;padding:0;width:100%}.navbar{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;background-color:#fff;height:64px;padding:0 1rem;border-bottom:1px solid #e0e0e0;max-height:67px;font-family:Roboto,Inter,Arial,sans-serif;box-sizing:border-box}.navbar-logo{display:flex;align-items:center;justify-content:center;height:36px;width:auto;margin:0}.navbar-logo img{height:100%;object-fit:contain}.navbar-logo.left{justify-self:start;height:45px;padding:0;margin:0}.navbar-logo.mid{justify-self:center;height:31px;padding:0;margin:0}.navbar-logo.left video{height:40px;width:auto;object-fit:contain;display:block}.navbar-logo.right{justify-self:end;height:26px;margin:0}@media (max-width: 768px){.navbar{grid-template-columns:auto 1fr;height:56px;padding:0 .75rem}.navbar-logo.right{display:none}.navbar-logo.left{height:36px;justify-self:start}.navbar-logo.left video{height:32px}.navbar-logo.mid{height:24px;justify-self:end;margin-right:0}.navbar-logo.right{height:20px}}@media (max-width: 600px){.navbar{grid-template-columns:auto 1fr;height:48px;padding:0 .5rem}.navbar-logo.right{display:none}.navbar-logo.left{height:32px;justify-self:start}.navbar-logo.left video{height:28px}.navbar-logo.mid{height:20px;justify-self:end;margin-right:0}}@media (max-width: 480px){.navbar{height:44px;padding:0 .5rem}.navbar-logo.left{height:28px}.navbar-logo.left video{height:24px}.navbar-logo.mid{height:18px}}.stats-container{padding:2rem 1.5rem;background-color:#f0f4f9;font-family:Roboto,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.stats-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;max-width:1080px;margin:0 auto}.stats-card{background:#ffffffb3;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border:1px solid rgba(255,255,255,.4);border-radius:12px;padding:20px;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 4px #00000014;position:relative}.card-content{display:flex;justify-content:flex-end;align-items:center;height:100%}.card-title{font-family:Roboto;font-size:1rem;font-weight:350;color:#3c4043;margin:0 9px 0 0;flex:1;line-height:1.3;word-wrap:break-word}.card-value{font-size:2.5rem;font-weight:700;margin:0;line-height:1;text-align:right;flex-shrink:0;white-space:nowrap}.participants-card .card-value{color:#1a73e8}.participants-card:hover{transform:translateY(-2px);box-shadow:0 20px 40px #4285f44d}.eligible-card .card-value{color:#34a853}.eligible-card:hover{transform:translateY(-2px);box-shadow:0 20px 40px #34a8534d}.progress-card .card-value{color:#f9ab00}.progress-card:hover{transform:translateY(-2px);box-shadow:0 20px 40px #f9ab004d}@media (max-width: 768px){.stats-container{padding:1.5rem 1rem}.stats-cards{gap:12px;grid-template-columns:repeat(3,1fr)}.stats-card{padding:16px 12px;border-radius:8px}.card-title{font-size:.85rem}.card-value{font-size:2rem}}@media (max-width: 480px){.stats-container{padding:1rem .75rem}.stats-cards{gap:8px;grid-template-columns:repeat(3,1fr)}.stats-card{padding:12px 8px;border-radius:6px}.card-title{font-size:.75rem;line-height:1.2}.card-value{font-size:1.5rem}}@media (max-width: 360px){.stats-container{padding:.75rem .5rem}.stats-cards{gap:6px}.stats-card{padding:10px 6px}.card-title{font-size:.7rem}.card-value{font-size:1.25rem}}.search-container{padding:.75rem 1.5rem;background-color:#f0f4f9;font-family:Roboto,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.search-container input{font-family:Roboto}.search-bar{font-family:Roboto;max-width:570px;margin:0 auto;position:relative;display:flex;align-items:center;background:#fff;border:1px solid #dfe1e5;border-radius:20px;padding:0 14px;height:40px;transition:all .2s ease-in-out;box-shadow:0 1px 6px #20212414}.search-bar:hover{box-shadow:0 2px 8px #20212429;border-color:#dfe1e5cc}.search-bar.focused{box-shadow:0 2px 8px #20212429;border-color:#4285f4;outline:none}.search-icon{display:flex;align-items:center;justify-content:center;color:#9aa0a6;margin-right:12px;flex-shrink:0}.search-bar.focused .search-icon{color:#4285f4}.search-input{flex:1;border:none;outline:none;background:transparent;font-size:16px;font-family:Roboto,sans-serif;color:#202124;height:100%;padding:0}.search-input::placeholder{color:#9aa0a6;font-weight:300}.search-input:focus::placeholder{color:#bdc1c6}.clear-button{display:flex;align-items:center;justify-content:center;background:none;border:none;cursor:pointer;color:#9aa0a6;padding:8px;margin:-8px -4px -8px 8px;border-radius:50%;transition:all .2s ease-in-out;flex-shrink:0}.clear-button:hover{background-color:#f1f3f4;color:#5f6368}.clear-button:active{background-color:#e8eaed}@media (max-width: 768px){.search-container{padding:.75rem 1rem;margin-bottom:.75rem}.search-bar{max-width:400px;height:36px;padding:0 12px;border-radius:18px}.search-input{font-size:14px}.search-icon{margin-right:10px}.search-icon svg{width:16px;height:16px}.clear-button{padding:6px}.clear-button svg{width:16px;height:16px}}@media (max-width: 480px){.search-container{padding:.5rem .75rem}.search-bar{max-width:320px;height:32px;padding:0 10px;border-radius:16px}.search-icon{margin-right:8px}.search-icon svg{width:14px;height:14px}.search-input{font-size:13px}.clear-button{padding:4px;margin:-4px -2px -4px 6px}.clear-button svg{width:14px;height:14px}}@media (max-width: 360px){.search-container{padding:.5rem}.search-bar{max-width:280px;height:28px;padding:0 8px;border-radius:14px}.search-icon{margin-right:6px}.search-icon svg{width:12px;height:12px}.search-input{font-size:12px}.clear-button{padding:3px;margin:-3px -1px -3px 4px}.clear-button svg{width:12px;height:12px}}.leaderboard-container{max-width:1260px;margin:1.5rem auto;border-radius:12px;overflow-x:auto;box-shadow:0 1px 3px #0000001f,0 1px 2px #0000003d;background-color:#fff;font-family:Roboto,Arial,sans-serif;font-weight:lighter}.search-results-info{padding:1rem 1.5rem;background-color:#f8f9fa;border-bottom:1px solid #dadce0}.search-results-info p{margin:0;font-size:.875rem;color:#5f6368}.leaderboard-table{width:100%;border-collapse:collapse;font-size:14px;color:#202124}.leaderboard-body tr{overflow:hidden;transition:background-color .2s ease-in-out;border-bottom:1px solid #e8eaed}.leaderboard-body tr:hover{background-color:#f8f9fa}.leaderboard-body td{padding:16px 20px;color:#3c4043;vertical-align:middle}.leaderboard-body tr .rank-cell{color:#373737}.rank-cell{font-family:Roboto;text-align:center;font-weight:600;color:#1a73e8;width:80px;font-size:1rem}.rank-change-cell{text-align:center;width:60px;font-size:.875rem;font-weight:500}.rank-up{color:#34a853;font-weight:600;display:flex;align-items:center;justify-content:center;gap:2px}.rank-down{color:#ea4335;font-weight:600;display:flex;align-items:center;justify-content:center;gap:2px}.rank-same{color:#5f6368;font-weight:400}.rank-new{color:#1a73e8;font-weight:500;font-size:.75rem;background-color:#1a73e81a;padding:2px 6px;border-radius:12px}.name-cell{text-align:left;font-weight:lighter;color:#202124;font-size:.95rem;min-width:136px;width:auto}.leaderboard-header th{font-family:Roboto;position:sticky;top:0;z-index:3;background-color:#f8f9fa;font-weight:350;font-size:.875rem;letter-spacing:.025em;color:#5f6368;padding:16px 20px;border-bottom:2px solid #e8eaed}.profile-link{color:#1a73e8;text-decoration:none;font-weight:400;transition:all .2s ease-in-out;border-radius:4px;padding:2px 4px;margin:-2px -4px}.profile-link:hover{color:#1557b0;background-color:#1a73e814;text-decoration:underline}.profile-link:active{background-color:#1a73e829}.blue-tick{width:15px;height:15px;object-fit:contain;vertical-align:middle;border-left:4px solid transparent}.badges-cell,.games-cell{text-align:center;font-weight:400;width:120px;font-size:.95rem}.status-cell,.redemption-cell{text-align:center;width:140px}.status-good,.redemption-yes{color:#34a853;font-weight:400}.status-issue,.redemption-no{color:#ea4335;font-weight:500}@media (min-width: 950px) and (max-width: 1200px){.leaderboard-container{margin:1.5rem}}@media (max-width: 600px){.leaderboard-table{min-width:600px}.leaderboard-container{margin:.1rem}.leaderboard-header th,.leaderboard-body td{padding:10px 12px;font-size:13px}}.roboto-light{font-family:Roboto,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-weight:300}.roboto-regular{font-family:Roboto,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-weight:400}.roboto-medium{font-family:Roboto,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-weight:500}.roboto-bold{font-family:Roboto,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-weight:600}:root{--font-family-primary: "Roboto", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-family-light: "Roboto", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif}body{background-color:#f0f4f9}
