:root{--dots-color: white}.dot-flashing{position:relative;width:10px;height:10px;border-radius:5px;background-color:#fff;background-color:var(--dots-color);color:#fff;color:var(--dots-color);animation:dot-flashing 1s infinite linear alternate;animation-delay:.5s}.dot-flashing:before,.dot-flashing:after{content:"";display:inline-block;position:absolute;top:0}.dot-flashing:before{left:-15px;width:10px;height:10px;border-radius:5px;background-color:#fff;background-color:var(--dots-color);color:#fff;color:var(--dots-color);animation:dot-flashing 1s infinite alternate;animation-delay:0s}.dot-flashing:after{left:15px;width:10px;height:10px;border-radius:5px;background-color:#fff;background-color:var(--dots-color);color:#fff;color:var(--dots-color);animation:dot-flashing 1s infinite alternate;animation-delay:1s}@keyframes dot-flashing{0%{background-color:#fff;background-color:var(--dots-color)}50%,to{background-color:#0003}}.lds-grid{display:inline-block;position:relative;width:80px;height:80px}.lds-grid div{position:absolute;width:16px;height:16px;border-radius:50%;background:rgb(0,0,0);animation:lds-grid 1.2s linear infinite}.lds-grid div:nth-child(1){top:8px;left:8px;animation-delay:0s}.lds-grid div:nth-child(2){top:8px;left:32px;animation-delay:-.4s}.lds-grid div:nth-child(3){top:8px;left:56px;animation-delay:-.8s}.lds-grid div:nth-child(4){top:32px;left:8px;animation-delay:-.4s}.lds-grid div:nth-child(5){top:32px;left:32px;animation-delay:-.8s}.lds-grid div:nth-child(6){top:32px;left:56px;animation-delay:-1.2s}.lds-grid div:nth-child(7){top:56px;left:8px;animation-delay:-.8s}.lds-grid div:nth-child(8){top:56px;left:32px;animation-delay:-1.2s}.lds-grid div:nth-child(9){top:56px;left:56px;animation-delay:-1.6s}@keyframes lds-grid{0%,to{opacity:1}50%{opacity:.5}}.loader{display:flex;justify-content:center;align-items:center;height:100%;width:100%}:root{--header-size: 50px}#root{min-height:100vh;display:flex;flex-direction:column;justify-content:space-between}*{-moz-user-select:none;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;-webkit-touch-callout:none}header,nav{box-shadow:#00000029 0 3px 6px,#0000003b 0 3px 6px;z-index:10}nav{height:50px;height:var(--header-size);padding:0 10px;position:sticky;top:0;background-color:#fff}nav a{padding:5px;color:gray;text-decoration:none;border-radius:5px;transition:all .15s ease-in-out}nav a:hover{color:#000;background-color:#edebeb}nav ul{height:100%;margin:0 auto;max-width:1430px;display:flex;flex-shrink:0;gap:20px}nav li{display:flex;justify-content:center;align-items:center}.home-link{margin-right:50px}.home-link a,.leaderboard-link a{display:flex;justify-content:center;align-items:center}.home-link a{width:32px}.leaderboard-link img{width:28px}.nav-link-img{height:100%;width:100%}.leaderboard-link{margin-right:0;margin-left:auto}.app{min-height:calc(100vh - var(--footer-size));background-color:#eee}.app[\:has\(.game\)]{background-color:#fff}.app:has(.game){background-color:#fff}header{background-color:#fff}header h1{max-width:1400px;font-weight:300;margin:0 auto;padding:20px}.home{padding:40px 20px;max-width:1400px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));justify-content:center;grid-gap:50px;gap:50px}.home-img-container{max-width:450px;border-radius:10px;overflow:hidden;transition:transform .1s ease-in-out;z-index:1}.home-img-container:hover{transform:scale(1.03);box-shadow:#00000040 0 14px 28px,#00000038 0 10px 10px}.home-img-container img{border-radius:10px;height:100%;width:100%}.game-loader{position:fixed;width:100vw;height:calc(100vh - var(--footer-size) - 50px);height:calc(100vh - var(--footer-size) - var(--header-size));z-index:5}.game-loader .loader{transform:scale(2)}.game-loader .lds-grid div{background:white}.game{display:flex;flex-direction:column;align-items:center}.game-img-container{position:relative;top:-10vh;min-width:100vw}#game-image{width:100%;outline:5px solid white;outline-offset:-5px}#game-image.loading{filter:blur(20px)}#game-image.loaded{filter:blur(0px);transition:filter .2s linear}.popup{position:absolute;top:-100%;left:-100%;background-color:#fff;min-width:130px;border-radius:5px;overflow:hidden;box-shadow:#00000059 0 5px 15px}.popup li{border-bottom:1px #ccc solid}.popup li:last-child{border-bottom:none}.popup-btn{display:flex;align-items:center;gap:10px}.popup-img-container{max-width:40px;border-radius:5px;overflow:hidden;background-color:#f0f0f0}.popup-img-container img{-o-object-fit:cover;object-fit:cover;width:100%}.popup button{margin:0;text-align:left;padding:10px;width:100%;background-color:transparent;border:none;font-size:1rem;transition:background-color .15s ease-in-out}.popup button:hover{background-color:#e8e8e8}.found{color:#b2b2b2}.popup-background,.score-submit-popup{position:fixed;left:0;right:0;top:0;bottom:0;margin:auto}.popup-background{background-color:#000;width:100vw;height:100vh;opacity:.5;z-index:5}.score-submit-popup{padding:15px;background-color:#fff;border-radius:7px;width:300px;height:-moz-fit-content;height:fit-content;z-index:10;box-shadow:#26394d 0 20px 30px -10px}.score-submit-popup button,.score-submit-popup input{border-radius:5px}.score-submit-error{margin-bottom:5px;color:red}.score-submit-popup label{font-size:.8rem}.score-message{font-size:1.3rem;margin-bottom:15px}.score-time{font-weight:600}#input-username{width:100%;padding:15px 5px;font-size:1rem;text-align:center;border:solid 1px rgb(207,207,207);box-shadow:#00000029 0 1px 4px}.submit-btns{margin-top:15px;display:flex;justify-content:flex-end;gap:15px}.submit-btns button{font-size:1rem;transition:all .15s ease-in-out}.btn-cancel-submit{background-color:transparent;border:none}.btn-cancel-submit:hover{color:red}.dots{display:flex;justify-content:center;align-items:center}.btn-submit{min-width:76px;min-height:38px;padding:10px;border:none;background-color:#58a9ff;color:#fff;font-weight:700;position:relative}.btn-submit.loading{background-color:#0e82ff}@keyframes dots{0%,20%{color:#0000;text-shadow:.25em 0 0 rgba(0,0,0,0),.5em 0 0 rgba(0,0,0,0)}40%{color:#fff;text-shadow:.25em 0 0 rgba(0,0,0,0),.5em 0 0 rgba(0,0,0,0)}60%{text-shadow:.25em 0 0 white,.5em 0 0 rgba(0,0,0,0)}80%,to{text-shadow:.25em 0 0 white,.5em 0 0 white}}.btn-submit:hover{background-color:#0e82ff}.board-img-container{max-width:300px}.board-img-container img{width:100%;height:100%}.leaderboard{background-color:#fff;border-radius:7px;overflow:hidden;margin:50px auto;width:1000px;display:grid;grid-template-columns:300px 1fr}.top10{padding:20px}.top10 h2{margin:0;font-size:2rem}.scoreboard-grid{height:-moz-min-content;height:min-content;width:100%}.scoreboard-item{padding:0 15px;display:grid;align-items:center;grid-template-columns:40px 320px repeat(2,1fr);grid-template-rows:50px;font-size:1.3rem}.scoreboard-user{padding-right:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.scoreboard-date,.label-scoreboard-date{text-align:right}@media (max-width: 1400px){.game-img-container{top:-40px}.home{gap:20px}}@media (max-width: 1000px){:root{--game-img-height: 40vw}.app[\:has\(.leaderboard\)]{background-color:#fff}.app:has(.leaderboard){background-color:#fff}.home{padding:20px}.game-img-container{top:-30px}.leaderboard{margin-top:0;background-color:transparent;display:flex;flex-direction:column;align-items:center;width:-moz-fit-content;width:fit-content;border-radius:0;margin-bottom:0}.board-img-container{max-width:100vw;height:var(--game-img-height)}.board-img-container img{width:100%;-o-object-fit:cover;object-fit:cover}.leaderboard,.top10{width:100%}.top10 .loader{position:absolute}.top10.loading{padding:0;min-height:calc(100vh - var(--footer-size) - 50px - var(--game-img-height));min-height:calc(100vh - var(--footer-size) - var(--header-size) - var(--game-img-height));position:relative}.top10 h2{font-size:3vw}.scoreboard-item{font-size:2.5vw;grid-template-columns:4vw 3fr 1fr 1fr;grid-template-rows:6vw;grid-auto-rows:4.5vw;border-bottom:rgb(208,208,208) 1px solid}.scoreboard-item:last-child{border-bottom:none}}@media (max-width: 800px){.home-link{margin:0}nav li{font-size:.8rem}.game-img-container{top:-5vw}.home{grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:20px}}@media (max-width: 600px){.top10 h2{font-size:5vw}.scoreboard-item{font-size:4vw;justify-content:center;grid-template-columns:5vw 1fr .5fr 1fr;grid-template-rows:9vw;grid-auto-rows:8vw}}@media (max-width: 400px){nav ul{gap:10px}}:root{--footer-size: 40px}footer{flex-shrink:0;height:40px;height:var(--footer-size);width:100%;color:#2d2d2d;background-color:#c5c5c5;display:flex;justify-content:center;align-items:center;gap:10px;z-index:10}footer a{display:inline-block;color:#07f;text-decoration:none}footer a:hover{color:#fff}footer img{height:20px}:root{font-family:Inter,Avenir,Helvetica,Arial,sans-serif;font-size:16px;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}*{box-sizing:border-box}html,body,ul{margin:0;padding:0}html,body{width:100vw}button{cursor:pointer}li{list-style:none}img{-moz-user-select:none;-webkit-user-select:none;user-select:none}