:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}html,body{overflow-x:hidden;width:100%}body{display:flex;justify-content:center;align-items:center;min-height:120vh;background-color:#181818;color:#fff;font-family:Arial,sans-serif;margin:0}.container{text-align:center}.grid-wrapper{display:flex;flex-direction:column;align-items:center;margin-top:20px}.column-headers{display:flex;justify-content:center;margin-bottom:10px;width:fit-content;margin-left:auto;margin-right:auto}.header-cell{width:200px;height:200px;display:flex;align-items:center;justify-content:center;font-weight:700}.grid-body{display:flex;flex-direction:column}.grid-row{display:flex;align-items:center;gap:0px}.grid-cell{position:relative;width:200px;height:200px;display:flex;align-items:center;justify-content:center;background-color:#333;border:1px solid white;font-size:18px;cursor:pointer;transition:background-color .3s ease;overflow:hidden}.rider-image{width:100%;height:100%;object-fit:cover;border-radius:10px}.rider-name-banner{position:absolute;bottom:0;width:100%;background-color:#000000b3;color:#fff;text-align:center;font-size:14px;padding:5px 0;font-weight:700;border-bottom-left-radius:10px;border-bottom-right-radius:10px}.grid-cell:hover{background-color:#444}.selected{background-color:#f39c12;border-color:#ff0}.input-container{position:absolute;top:70px;left:49%;transform:translate(-50%);background:#000c;padding:10px;border-radius:10px;display:flex;flex-direction:column;align-items:center;box-shadow:0 4px 8px #0000004d;z-index:1000;transition:opacity .3s ease}.input-container.hidden{display:none}.autocomplete-list{max-height:200px;overflow-y:auto;width:100%;background:#000;border-radius:5px;margin-top:5px}.autocomplete-list ul{list-style:none;padding:0;margin:0}.autocomplete-list li{padding:8px;cursor:pointer;transition:background .3s}.autocomplete-list li:hover{background:#444}.no-suggestions{padding:8px;color:gray;text-align:center}.suggestion-item{display:flex;justify-content:space-between;align-items:center;padding:8px;border-bottom:1px solid #444}.suggestion-item:hover{background:#333}.input-box{padding:10px;width:250px;border:none;border-radius:5px;font-size:16px}.select-button{background:#28a745;color:#fff;border:none;padding:5px 10px;border-radius:5px;cursor:pointer;font-size:14px}.give-up-container{display:flex;flex-direction:column;align-items:center;margin-top:10px}.give-up-button{padding:6px 12px;font-size:12px;font-weight:700;background-color:red;color:#fff;border:none;border-radius:5px;cursor:pointer;transition:transform .2s ease}.summary-button{padding:6px 12px;font-size:12px;font-weight:700;background-color:green;color:#fff;border:none;border-radius:5px;cursor:pointer;transition:transform .2s ease}.give-up-button:hover{background-color:#8b0000;transform:scale(1.01)}.select-button:hover{background:#218838}.game-layout{display:flex;justify-content:center;align-items:center;gap:50px;position:relative;margin-top:-175px}.side-panel-container{width:200px;height:200px;display:flex;justify-content:center;align-items:center}.side-panel{width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center}.guess-counter{font-size:32px;font-weight:700;color:#fff;text-align:center;margin-bottom:10px}.guess-counter-label{font-size:14px;color:#fff;text-align:center;margin-bottom:10px}.incorrect-guess{color:red;text-decoration:line-through}.loading-screen{display:flex;justify-content:center;align-items:center;height:100vh;width:100%;font-size:24px;font-weight:700;color:#fff}.top-banner{width:100%;max-width:1400px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;padding:8px 40px;font-size:22px;font-weight:700;color:#fff}.top-banner-wrapper{width:100%;background-color:#000;position:absolute;top:0;left:0;overflow-x:hidden}.top-banner-container{width:100%;display:flex;justify-content:center}.banner-left{display:flex;align-items:center;gap:10px;margin-left:95px}.banner-logo{height:40px}.top-banner span{font-size:24px}.social-icons{display:flex;align-items:center;gap:20px;margin-right:275px}.social-icon{font-size:24px;color:#fff;background:none;border:none;cursor:pointer;transition:opacity .3s ease-in-out}.empty-cell{width:200px;height:200px}.how-to-play-btn{width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:none;border:none;padding:0;margin:0;cursor:pointer}.how-to-play-btn svg{width:24px;height:24px;color:#fff}body.modal-open,html.modal-open{overflow:hidden;height:100%;position:fixed;width:100%}.header-flag{width:100px;height:auto;max-height:60px;object-fit:contain}.header-logo{width:100px;height:auto;max-height:90px;object-fit:contain}.banner-nav{display:flex;gap:16px;align-items:center}.nav-link{color:#fff;font-weight:700;text-decoration:none}.nav-link:hover{text-decoration:underline}.grid-number-cell{width:200px;height:200px;display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:700;color:#fff;background-color:transparent;border:none}@media (max-width: 600px){.game-layout{flex-direction:column;gap:20px;margin-top:-75px;align-items:center}.column-headers{display:grid;grid-template-columns:80px 80px 80px 80px;justify-content:center;height:80px;margin-bottom:5px}.grid-row{display:grid;grid-template-columns:80px 80px 80px 80px;height:80px}.empty-cell,.header-cell{width:80px;height:80px;font-size:9px;padding:2px;display:flex;align-items:center;justify-content:center;text-align:center}.grid-cell{width:80px;height:80px;border:1px solid white;display:flex;align-items:center;justify-content:center;text-align:center;box-sizing:border-box}.grid-cell img.rider-image{border-radius:4px;display:block}.rider-name-banner{font-size:8px;padding:2px 0}.side-panel-container{width:90px;height:90px;margin-top:10px}.guess-counter{font-size:18px}.guess-counter-label{font-size:10px}.input-container{top:130px;left:50%;width:95%;transform:translate(-50%)}.input-box{width:95%;font-size:16px}.top-banner{flex-direction:column;padding:10px;text-align:center}.banner-left{display:flex;align-items:center;gap:8px;margin-left:0}.banner-logo{height:40px}.social-icons{display:flex;align-items:center;gap:15px;margin-right:0}.social-icon{font-size:20px}.how-to-play-btn-desktop{display:none}.how-to-play-btn-mobile{display:block;margin-top:10px;font-size:16px;cursor:pointer}body,html{overflow-x:hidden}.header-cell,.empty-cell{border:none!important}.header-flag{width:40px;max-height:30px}.header-logo{width:50px;max-height:40px}.grid-number-cell{width:80px;height:80px;font-size:9px;padding:2px;display:flex;align-items:center;justify-content:center;text-align:center;border:none;background:transparent}}@media screen and (min-width: 601px) and (max-width: 1600px){.grid-cell,.header-cell,.empty-cell{width:clamp(100px,11vw,180px);height:clamp(100px,11vw,180px);font-size:clamp(10px,1vw,16px)}.rider-name-banner{font-size:clamp(9px,1vw,14px);padding:3px 0}.side-panel-container{width:clamp(100px,11vw,180px);height:clamp(100px,11vw,180px)}.guess-counter{font-size:clamp(20px,2vw,32px)}.guess-counter-label{font-size:clamp(10px,1.2vw,14px)}.input-container{top:100px;left:50%;width:clamp(250px,40vw,400px);transform:translate(-50%)}.input-box{font-size:clamp(12px,1vw,16px);width:100%}.top-banner{font-size:clamp(18px,2vw,22px)}.banner-left{margin-left:clamp(40px,5vw,95px)}.social-icons{margin-right:clamp(80px,7vw,275px)}.grid-wrapper{margin-top:40px}}@media screen and (min-width: 1601px){.grid-cell,.header-cell,.empty-cell,.side-panel-container{width:200px;height:200px;font-size:18px}.rider-name-banner{font-size:14px;padding:5px 0}.guess-counter{font-size:32px}.guess-counter-label{font-size:14px}.input-container{top:70px;left:49%;width:250px;transform:translate(-50%)}.input-box{font-size:16px}.top-banner{font-size:22px}.banner-left{margin-left:95px}.social-icons{margin-right:275px}}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000b3;overflow-y:auto;display:flex;justify-content:center;align-items:flex-start;padding:20px 0;z-index:1000}.modal-content{position:relative;background:#333;padding:10px 10px 80px;border-radius:10px;width:90%;max-width:700px;overflow-y:auto;text-align:center;box-sizing:border-box}.summary-close-button{position:absolute;top:10px;right:15px;background:none;border:none;color:#fff;font-size:20px;cursor:pointer;z-index:1001}.share-button{color:#fff;background-color:#111;border:none;padding:10px 20px;border-radius:8px;cursor:pointer;transition:background-color .3s ease}.grid-wrapper{display:flex;flex-direction:column;align-items:center}.summary-column-headers{display:grid;grid-template-columns:150px repeat(3,150px);justify-content:center;height:175px;align-items:center;margin-bottom:0}.summary-empty-cell{width:150px;height:150px}.summary-grid-row{display:grid;grid-template-columns:150px repeat(3,150px)}.summary-header-cell,.modal-content .header-cell,.modal-content .column-header-cell{width:150px;height:150px;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:14px;text-align:center;box-sizing:border-box}.rider-cell{position:relative;color:#fff;width:150px;height:150px;display:flex;align-items:center;justify-content:center;overflow:hidden;border:1px solid white;box-sizing:border-box}.rider-image{width:100%;height:100%;object-fit:cover}.rider-name-banner{position:absolute;bottom:0;width:100%;background:#000000b3;color:#fff;text-align:center;padding:5px;font-size:12px}.guess-percentage{position:absolute;top:3px;left:3px;background:#000c;color:#fff;padding:2px 4px;border-radius:3px;font-size:12px;font-weight:700}.centered-percentage{display:flex;align-items:center;justify-content:center;color:#fff;width:100%;height:100%;font-size:16px;font-weight:700}.modal-content h3{margin-bottom:0;margin-top:70px}@media (max-width: 600px){.modal-overlay{align-items:flex-start;padding:40px 0}.modal-content{width:95%;margin:0 auto;padding-bottom:100px;border-radius:0;position:relative}h2,h3{font-size:16px;margin-bottom:8px}p{font-size:12px}.summary-column-headers{grid-template-columns:80px repeat(3,80px);height:90px;align-items:center;margin-bottom:0}.summary-empty-cell{width:80px;height:80px}.summary-grid-row{grid-template-columns:80px repeat(3,80px)}.summary-header-cell{width:80px;height:80px;font-size:9px;padding:2px}.rider-cell{width:80px;height:80px;border:1px solid white}.rider-name-banner{font-size:8px;padding:1px}.guess-percentage{font-size:8px;padding:1px 2px}.centered-percentage{font-size:10px}button.share-button,.close-button{padding:6px;font-size:12px}body.modal-open{position:fixed;width:100%}}.howto-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000b3;display:flex;justify-content:center;align-items:center;z-index:1000}.howto-modal-content{background:#333;color:#fff;width:40%;max-width:500px;padding:20px;border-radius:10px;text-align:center;overflow-y:auto;max-height:80vh;box-shadow:0 4px 10px #00000080;position:relative;z-index:1001}.howto-close-button{position:absolute;top:10px;right:15px;background:none;border:none;color:#fff;font-size:20px;cursor:pointer}.howto-modal-content h2{text-align:center}.howto-modal-content p{text-align:left}@media (max-width: 600px){.howto-modal-content{width:75%!important;max-width:500px!important;padding:20px!important}}.leaderboard-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000b3;display:flex;justify-content:center;align-items:flex-start;padding-top:60px;z-index:1000}.leaderboard-modal-content{background:#333;color:#fff;width:40%;max-width:500px;padding:20px;border-radius:10px;text-align:center;overflow-y:auto;max-height:80vh;box-shadow:0 4px 10px #00000080;position:relative;z-index:1001}.leaderboard-close-button{position:absolute;top:10px;right:15px;background:none;border:none;color:#fff;font-size:20px;cursor:pointer}body.modal-open{overflow:hidden}.leaderboard-table{margin-left:auto;margin-right:auto;text-align:center}.leaderboard-table th,.leaderboard-table td{padding:8px;border-bottom:1px solid #555;vertical-align:middle}@media (max-width: 600px){.leaderboard-modal-content{width:75%!important;max-width:500px!important;padding:20px!important}}.update-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;z-index:999;display:flex;align-items:center;justify-content:center}.update-modal{background:#333;color:#fff;padding:24px 32px;max-width:500px;width:90%;border-radius:16px;box-shadow:0 6px 20px #00000040;text-align:left}.update-modal-title{font-size:1.5rem;margin-bottom:8px}.update-modal-subtitle{font-size:1rem;margin-bottom:12px}.update-modal-list{padding-left:20px;margin-bottom:20px}.update-modal-list li{margin-bottom:10px}.update-modal-button{background-color:#222;color:#fff;padding:10px 20px;border:none;border-radius:10px;font-size:1rem;cursor:pointer;transition:background-color .2s ease}.update-modal-button:hover{background-color:#444}.grid-archive-table{width:100%;max-width:900px;margin:0 auto;border-collapse:separate;border-spacing:0 12px}.grid-archive-table th,.grid-archive-table td{padding:12px 24px;text-align:left}.grid-archive-table th{font-size:16px;color:#ccc;text-transform:uppercase;border-bottom:1px solid #444}.grid-archive-table td{font-size:15px;color:#fff}.grid-archive-table tr:hover{background-color:#262626}.grid-archive-link{color:#4fa3ff;text-decoration:none}.grid-archive-link:hover{text-decoration:underline}.archive-wrapper{margin-top:5rem}.archive-button{background-color:#6366f1;color:#fff;padding:8px 20px;border-radius:6px;font-size:.9rem;font-family:inherit;transition:background-color .2s ease;border:none;cursor:pointer;margin:0 auto 30px;display:block}.archive-button:hover{background-color:#4f46e5}.archive-button:focus{outline:none;box-shadow:0 0 0 2px #3b82f680}@media (max-width: 600px){.archive-wrapper{margin-top:0;padding-top:130px}.grid-archive-table th{position:sticky;top:96px;z-index:10}.grid-archive-table th,.grid-archive-table td{padding:10px;font-size:13px}.grid-archive-link{font-size:13px}.w-6.h-6{width:20px;height:20px}.flex.items-center.gap-3.justify-center.mb-6{flex-direction:column;gap:6px;margin-bottom:1rem}}.signup-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000b3;display:flex;justify-content:center;align-items:center;z-index:999}.signup-modal-content{background:#222;padding:30px;border-radius:10px;width:90%;max-width:450px;color:#fff;position:relative}.signup-close-button{position:absolute;top:8px;right:12px;background:none;color:#fff;font-size:22px;border:none;cursor:pointer}.signup-row{display:flex;gap:10px}.signup-modal-content input{width:100%;margin-top:10px;padding:10px;font-size:14px;border-radius:4px;border:none}.signup-button{margin-top:15px;width:100%;background:#2e6df6;color:#fff;padding:10px;font-size:16px;border:none;border-radius:6px;cursor:pointer}.error{color:red;margin-top:10px;font-size:14px}.success{color:#32cd32;margin-top:10px;font-size:14px}.login-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000b3;display:flex;justify-content:center;align-items:center;z-index:999}.login-modal-content{background:#222;padding:30px;border-radius:10px;width:90%;max-width:450px;color:#fff;position:relative}.login-close-button{position:absolute;top:8px;right:12px;background:none;color:#fff;font-size:22px;border:none;cursor:pointer}.login-modal-content input{width:100%;margin-top:10px;padding:10px;font-size:14px;border-radius:4px;border:none}.login-button{margin-top:15px;width:100%;background:#2e6df6;color:#fff;padding:10px;font-size:16px;border:none;border-radius:6px;cursor:pointer}.login-error{color:red;margin-top:10px;font-size:14px}.login-success{color:#32cd32;margin-top:10px;font-size:14px}.forgot-password-link{margin-top:10px;text-align:left;color:#76a9ff;font-size:12px;cursor:pointer;text-decoration:underline}.forgot-password-link:hover{color:#fff}.password-hint{color:#ccc;font-size:12px;margin-top:4px;margin-bottom:12px}.profile-container{padding:2rem;max-width:1000px;margin:auto;color:#fff}.profile-summary{display:flex;flex-wrap:wrap;gap:1rem}.stat-box{background:#1c1c1c;padding:16px;border-radius:10px;flex:1 1 180px;text-align:center}.stat-box span{display:block;font-size:1.5em;font-weight:700;margin-top:5px}.mini-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:1rem}.profile-rider-cell{position:relative;width:150px;height:150px;border:1px solid white;overflow:hidden;box-sizing:border-box}.profile-rider-cell img{width:100%;height:100%;object-fit:cover}.profile-rider-name-banner{position:absolute;bottom:0;width:100%;background:#000000b3;color:#fff;text-align:center;padding:5px;font-size:12px}.profile-guess-count{position:absolute;top:6px;left:6px;background:#000000bf;color:#fff;padding:4px 6px;border-radius:4px;font-size:.9em}.account-prompt{background:#1c1c1c;padding:1.5rem;border-radius:10px;text-align:center;margin:2rem auto;max-width:400px}.signup-button{background-color:#2e6df6;color:#fff;padding:.5rem 1.2rem;font-size:1.1rem;border:none;border-radius:6px;margin-top:1rem;cursor:pointer}.profile-grid-wrapper{display:flex;flex-direction:column;align-items:center;margin-top:1rem}.profile-grid-row{display:flex;justify-content:center;gap:0;margin-bottom:0}@media (max-width: 600px){.profile-container{padding:12rem 1rem 1rem}.stat-box{flex:1 1 45%;font-size:14px;padding:12px}.profile-rider-cell{width:100px;height:100px}.profile-rider-image{width:100%;height:100%;object-fit:cover}.profile-rider-name-banner{font-size:10px;padding:2px}.profile-guess-count{font-size:10px;padding:2px 4px}.profile-summary{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.stat-box{flex:1 1 auto;padding:12px;font-size:14px}.stat-box span{font-size:1.2em}.profile-summary .stat-box:last-child{grid-column:span 2;justify-self:center;width:80%}.profile-container h2{margin-top:0}}