body,html{background-size:cover;background-position:50%;background-repeat:no-repeat;margin:0;padding:0;min-height:100vh;font-family:Arial,sans-serif}a{color:inherit;text-decoration:none}*{box-sizing:border-box}@media (prefers-color-scheme:dark){html{color-scheme:dark}}.header{display:flex;justify-content:center;align-items:center}.logo{max-width:100%;height:auto;margin-top:1rem;margin-bottom:1xsrem}.leaderboard{width:80%;margin:0 auto;text-align:center;background-color:#f0f0f0;padding:20px;border-radius:10px;box-shadow:0 0 10px rgba(0,0,0,.1)}table{width:100%;margin-top:20px;border-collapse:collapse}thead{background-color:#333;color:#fff}td,th{padding:10px;border:1px solid #ddd}tbody tr:nth-child(odd){background-color:#f9f9f9}tbody tr:hover{background-color:#f1f1f1}.app-container{display:flex;flex-direction:column;min-height:100vh}.content{flex:1 1}.footer{text-align:center;background-color:transparent}.animate-marquee{display:flex;animation:marquee 20s linear infinite}.custom-text{font-size:1.2rem;padding:.7rem}.time-color{color:#ff0;padding:.7rem;font-size:.7rem}.name-color{color:#fff;font-size:.7rem}.leaderboard-container{overflow-x:auto}.header-container{background-color:rgba(0,0,0,.5);flex-wrap:wrap}.race-details{text-align:left}.leaderboard-table{width:100%;border-collapse:collapse;margin-top:20px;table-layout:fixed}.leaderboard-table thead{background-color:#333}.leaderboard-table td,.leaderboard-table th{padding:5px;border:1px solid #555;text-align:center}.leaderboard-table td.position-1{background-color:#fff;color:#000;font-weight:700}.leaderboard-table tr:nth-child(n+4){background-color:#444}.leaderboard-table td.position-rest{background-color:#555;color:#fff}.leaderboard-table tr:hover{background-color:#666}.leaderboard-table td{font-size:1.2rem;word-wrap:break-word}.leaderboard-table th{color:#fff;font-weight:400}@media (max-width:768px){.leaderboard-container{width:100%;padding:10px}.header-container{flex-direction:column;align-items:center}.qr-code,.race-details{margin:10px 0}.qr-code{margin-top:10px}.leaderboard-table{font-size:.8em}.leaderboard-container{overflow-x:auto}.leaderboard-table td{font-size:18px;padding:8px}.leaderboard-header{font-size:30px}}.header-container{display:flex;justify-content:center;align-items:center}.qr-container{text-align:center}.qr-legend{font-size:2rem;color:#fff;margin-top:.5rem;margin-bottom:.5rem;display:flex;align-items:center;justify-content:center;margin-right:15px}.qr-legend .arrow{font-size:1.5rem;margin-left:.5rem}.leaderboard-container{width:100%;margin:0 auto;text-align:center;padding:20px;border-radius:10px;color:#fff;font-family:Arial,sans-serif;position:relative}.leaderboard-header{font-size:40px;margin-bottom:10px}.record-message{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background-color:gold;padding:20px 40px;border-radius:10px;color:#000;font-size:50px;font-weight:700;z-index:10;opacity:0;animation:epicFadeInOut 5s forwards}@keyframes epicFadeInOut{0%{opacity:0;transform:scale(.5) translate(-50%,-50%)}20%{opacity:1;transform:scale(1) translate(-50%,-50%)}80%{opacity:1;transform:scale(1) translate(-50%,-50%)}to{opacity:0;transform:scale(1.5) translate(-50%,-50%)}}.race-table-container{width:100%;margin:0 auto;text-align:center;padding:20px;overflow-x:auto}.race-table-header{font-size:2.5rem;margin-bottom:20px}.race-table{width:100%;border-collapse:collapse;table-layout:fixed}.race-table td,.race-table th{padding:10px;text-align:center;border:1px solid #ccc;background-color:#d3d3d3;color:#000;font-size:1rem;word-wrap:break-word}.race-table td:first-child,.race-table th:first-child{width:50px}.race-table th{background-color:#f1f1f1;color:#000}.race-table td,.race-table th{font-size:1.2rem}th div:first-child{font-weight:700;font-size:1.2rem}th div:last-child{font-size:1rem;color:#777}.race-table td.highlight{background-color:#ff0;font-weight:700}@media (max-width:768px){.race-table-container{padding:10px}.race-table-header{font-size:1.5rem}.race-table td,.race-table th{font-size:.9rem;padding:5px}.race-table th div:first-child{font-size:1rem}.race-table th div:last-child{font-size:.8rem}.race-table td:first-child,.race-table th:first-child{width:30px}}.race-chart{margin-top:20px;padding:20px;background-color:#fff;border-radius:10px;box-shadow:0 2px 10px rgba(0,0,0,.1)}