.game-button{position:relative;margin:0 auto;padding:8px 24px;border-radius:25px;box-shadow:2px 5px #740e0b;color:#fff;font-size:1.5em;background-image:linear-gradient(to bottom,#fc570c,#e21606);border:0;font-family:sans-serif;font-weight:900;transform:skew(-10deg);display:inline-flex;align-items:center;justify-self:start;flex-direction:row;gap:16px;cursor:pointer}.game-button:hover{animation:.3s ease-out bounce}.game-button.secondary{font-size:1rem;filter:hue-rotate(195deg)}.game-button.secondary img{display:none}@keyframes bounce{0%{transform:skew(-10deg) scale(1.2)}to{transform:skew(-10deg) scale(1)}}.language-selector{position:absolute;top:16px;right:16px}.text{font-size:1.2rem;text-shadow:1px 1px 0px #ffffff;font-weight:700;display:inline-block;margin:0;padding:0}@media screen and (max-width: 420px){.text{font-size:.8rem}}.modal-overlay{position:fixed;display:flex;justify-content:center;align-items:center;top:0;left:0;right:0;bottom:0;padding:48px;background-color:#000c;z-index:50000;opacity:0;animation:opacityFadeIn .3s cubic-bezier(.175,.885,.32,1.275) forwards;animation-delay:1s}.modal-overlay.no-delay{animation-delay:0s}@keyframes opacityFadeIn{0%{opacity:0}to{opacity:1}}.modal-box{--skew: -10deg;animation:slideModal .3s cubic-bezier(.175,.885,.32,1.275) forwards;animation-delay:1s;opacity:0;overflow:auto;overflow-x:hidden;max-height:95vh;min-width:350px;background-color:#f8f8f8;background-image:url(./backgrounds/dialog.jpg);border-radius:27px;transform:translateY(-100%) skew(var(--skew));padding:10px 35px 30px;text-align:left}.modal-box.no-skew{--skew: -0}.modal-overlay.no-delay .modal-box{animation-delay:0s}.modal-box h2{margin-bottom:0}@keyframes slideModal{0%{transform:translateY(-100%) skew(var(--skew));opacity:0}to{transform:translateY(0) skew(var(--skew));opacity:1}}.modal-inner{transform:skew(calc(var(--skew) * -1))}.game-sticky-button-container{position:sticky;bottom:64px;width:190px;left:calc(50% - 95px);text-align:center;transform:translateY(100%);opacity:0;animation:slideUp .2s cubic-bezier(.175,.885,.32,1.275) forwards;z-index:20000}.game-sticky-button-container.with-delay{animation-delay:1s}@keyframes slideUp{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}.global-score{position:fixed;top:16px;left:16px;background-color:#fffc;border-radius:8px;color:#000c;border:none;font-size:2rem;font-family:sans-serif;text-transform:uppercase;font-weight:700;padding:16px 32px;cursor:pointer;box-shadow:0 1px 2px #0000001a;pointer-events:none;text-align:left}.global-score-photo-index{font-size:1.2rem;color:#0009}.checkbox-label{display:inline-block;cursor:pointer}.checkbox-label__real_checkbox{position:absolute;opacity:0;width:0;height:0}.checkbox-label__checkbox{width:32px;height:32px;border-radius:4px;border:2px solid #213547;vertical-align:middle;margin-right:8px;background-color:#fff;display:inline-flex;justify-content:center;align-items:center}.checkbox-label__real_checkbox:checked+.checkbox-label__checkbox:before{content:"";width:16px;height:16px;background-color:red;display:block;border-radius:4px}.checkbox-label:hover .checkbox-label__checkbox,.checkbox-label__real_checkbox:focus-visible+.checkbox-label__checkbox{outline:rgba(0,0,255,.5) solid 2px}.game-guess-score{position:sticky;bottom:128px;color:#000c;font-family:sans-serif;z-index:10000;margin:16px 24px;font-size:1.5rem;opacity:0;transform:translateY(100%);animation:guessScore .2s ease-in-out forwards;animation-delay:333ms;display:flex;flex-direction:column;gap:8px}.game-guess-score-banner{background-image:url(./backgrounds/dialog.jpg);border-radius:4px;padding:8px;text-align:left;box-shadow:0 0 0 2px #00000059}.game-guess-score-banner-inner{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-between}.game-guess-score-banner-inner>div{display:flex;gap:2px;flex-direction:row;white-space:nowrap}.game-guess-score label{font-weight:700;margin-right:4px}.game-guess-checkbox-container{align-self:flex-end}.game-guess-checkbox-container .text{text-shadow:1px 1px 0px #ffffff,-1px -1px 0px #ffffff,0px -1px 0px #ffffff,-1px 0px 0px #ffffff}@media screen and (max-width: 420px){.game-guess-score{font-size:1.1rem}}@keyframes guessScore{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}.game-map{cursor:crosshair;max-width:100%;height:auto;border:2px solid rgba(0,0,0,.8)}.game-map.no-interaction{cursor:default;pointer-events:none}.game-map-courses{cursor:default;pointer-events:none;position:absolute;top:0;left:0;right:0;bottom:0;width:100%}.map-container{position:relative}.map-container.mirrored .game-map,.map-container.mirrored .game-map-courses{transform:scaleX(-1)}.map-show-courses-container{margin-top:24px;margin-bottom:8px}.game-map-pin{position:absolute;left:0;top:0;width:64px;height:64px;background-image:url(./ui/pin-red.png);background-size:contain;background-repeat:no-repeat;filter:drop-shadow(0 0 4px rgba(0,0,0,.5));animation:fallDown .4s cubic-bezier(.175,.885,.32,1.275) forwards;text-align:center;pointer-events:none}.game-map-pin:hover{z-index:3000!important}.game-map-pin.variant-luigi{background-image:url(./ui/pin-green.png)}.game-map-pin.variant-star{background-image:url(./ui/pin-yellow.png)}.game-map-pin>img{width:32px;position:relative;top:8px}.game-map-pin.only-head{width:40px;height:40px;background-image:none;background-color:#fff;border-radius:50%;box-shadow:0 0 0 2px #00000059;animation:none}.game-map-pin.only-head>img{width:40px;top:0}@keyframes fallDown{0%{transform:translateY(-100%)}to{transform:translateY(0)}}.game-map-line{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;opacity:.8;stroke-dasharray:0 20px;animation:lineGrowth 333ms ease-in-out forwards;animation-delay:333ms}@keyframes lineGrowth{0%{stroke-dasharray:0 20px}to{stroke-dasharray:20px 20px}}.loader{margin:auto;width:64px;aspect-ratio:1;border-radius:50%;background:radial-gradient(farthest-side,#f03355 95%,#0000) 50% 1px/12px 12px no-repeat,radial-gradient(farthest-side,#0000 calc(100% - 14px),#ccc 0);animation:loader 2s infinite linear}@keyframes loader{to{transform:rotate(1turn)}}.game-photo{max-width:90%;border:2px solid rgba(0,0,0,.8)}.game-photo.mirrored{transform:scaleX(-1)}.game-daily-end{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px}.game-daily-end p{margin:0}.game-daily-score{font-size:2rem;width:70%;margin:auto;color:transparent;background-color:#000000f2;text-shadow:none;border:2px solid #bdbdbd;padding:4px;border-radius:4px}.game-daily-score tr{border:2px solid #bdbdbd;border-radius:4px;display:flex;justify-content:space-between;align-items:center;margin:8px 4px}.game-daily-score th,.game-daily-score td{vertical-align:middle;padding:0 8px}.game-daily-score th{text-align:left;font-family:Courier New,Courier,monospace;color:#bdbdbd}.game-daily-score td{text-align:right;font-family:DigitalDisplay,Courier,monospace;color:#fff;font-size:2.5rem}.share-container{display:flex;flex-direction:row;flex-wrap:wrap;gap:24px;justify-content:center;align-items:flex-start}.copy-success{color:green;font-size:1rem;position:absolute;left:0;right:0;text-align:center;padding:4px;background:#fffc;z-index:200;pointer-events:none;opacity:0;animation:copyFade .3s ease-in-out forwards}.counter-container{display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:12px}.counter{font-family:DigitalDisplay,Courier,monospace;font-size:2rem;font-weight:700}@keyframes copyFade{0%{opacity:0}to{opacity:1}}.game-area{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:24px;padding-bottom:64px}.rules-container ul{list-style:none;padding:0;margin:0}.rules-container ul li:not(:first-child){display:none}.difficulty-selector-title{margin-top:24px}.difficulty-selector{display:flex;flex-direction:row;gap:16px;flex-wrap:wrap;justify-content:center;margin-top:16px}.difficulty-option{width:290px;color:#fff;border-radius:24px;box-shadow:0 4px 18px #00000026;border:3px solid #213547;display:flex;flex-direction:column;align-items:center;margin:16px;padding:0;transition:transform .15s cubic-bezier(.4,1.6,.55,1),box-shadow .15s;cursor:pointer}.difficulty-option:focus-visible,.difficulty-option:hover{transform:scale(1.05) rotate(-1.05deg);z-index:2}.difficulty-option__icon{border:5px solid #0f5397;background:#1366b7;background-image:url(./backgrounds/dirt.webp);border-bottom:0;width:100%;display:block;padding:12px 0 0;border-radius:21px 21px 0 0;box-sizing:border-box}.difficulty-50cc .difficulty-option__icon{border-color:#41df41}.difficulty-100cc .difficulty-option__icon{border-color:orange}.difficulty-150cc .difficulty-option__icon{border-color:#f65353}.difficulty-mirror .difficulty-option__icon{border-color:#a500a5}.difficulty-option__icon picture{display:inline-block;width:90px;height:90px;background-repeat:no-repeat;background-image:url(./ui/difficulty.png);background-position:var(--bx, 0);overflow:hidden;border-radius:35%;border:3px solid #213547}.difficulty-option__title{font-size:1.5rem;font-weight:900;margin:8px 0;letter-spacing:2px;text-transform:uppercase;text-shadow:0 2px 4px #213547}.difficulty-option__desc{padding:0 16px 16px;font-size:1.02rem;line-height:1.4;text-align:center;background:#fff;border:5px solid gold;border-radius:0 0 21px 21px;flex-grow:1;display:flex;align-items:center;background-image:url(./backgrounds/dialog.jpg);box-sizing:border-box;width:100%}.difficulty-option__desc ul{list-style:none;padding:0;margin:0}.difficulty-option__desc li{font-size:1.02rem;color:#213547;margin:6px 0;text-align:center}.difficulty-option__desc li:not(:first-child):before{content:"";display:block;border-bottom:2px solid rgba(33,53,71,.43);width:50%;margin:8px auto}.difficulty-option.difficulty-50cc{--bx: 0}.difficulty-option.difficulty-100cc{--bx: -90px}.difficulty-option.difficulty-150cc{--bx: -180px}.difficulty-option.difficulty-mirror{--bx: -270px}.photo-screen .photo-list{list-style-type:none;padding:0;display:flex;flex-direction:row;flex-wrap:wrap;gap:24px;justify-content:center;margin:24px 0}.photo-list img{max-width:394px;transition:transform .2s ease-in,box-shadow .2s ease-in;cursor:pointer;border:2px solid #222}.photo-list img:hover,.photo-list img:focus-visible{transform:scale(1.05);box-shadow:2px 2px #222}.photo-details{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:16px;margin-top:16px}.title-menu{display:flex;margin:24px auto 0;padding:0;flex-direction:row;flex-wrap:wrap;justify-content:center;gap:24px;list-style:none}.title-menu>li{display:flex;flex-direction:column;gap:8px;width:30%;min-width:380px}@media screen and (max-width: 1330px){.title-menu{flex-direction:column;align-items:center}}.upload-coordinates{position:absolute;bottom:8px;left:0;background-color:#ffffffe6;color:#000c;border:2px solid rgba(0,0,0,.8);border-bottom:0;border-top-right-radius:15px;font-size:1rem;font-family:sans-serif;padding:8px;z-index:100;text-align:left;display:flex;flex-direction:column;gap:2px;white-space:nowrap;font-size:1.5rem}.upload-coordinates>div{display:flex;flex-direction:row;justify-content:space-between}.upload-coordinates label{font-weight:700;margin-right:4px}@media screen and (max-width: 420px){.upload-coordinates{font-size:1.1rem}}.upload-form{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:24px}.upload-form fieldset{margin:0;padding:0;border:none}.upload-form .author-info{display:flex;flex-direction:column;align-items:center;gap:16px;margin-top:16px}.upload-form .author-info p{margin:0}@font-face{font-family:DigitalDisplay;src:url(./Digital\ Display.woff2) format("woff2"),url(./Digital\ Display.woff) format("woff");font-weight:400;font-style:normal;font-display:swap}:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color:#213547;background-color:#f8f8f8;background-image:url(./backgrounds/dirt.webp),url(./backgrounds/white.jpg);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{opacity:0;pointer-events:none;position:absolute;overflow:hidden;width:0;height:0}h2{height:60px;line-height:50px;background-size:contain;background-repeat:no-repeat;background-position:center;font-size:1.5em;background-image:url(./backgrounds/title.webp);text-shadow:1px 1px 0px #ffffff;font-family:sans-serif;font-weight:900;white-space:nowrap;text-align:center}h3{height:40px;line-height:40px;background-size:contain;background-repeat:no-repeat;background-position:center;font-size:1em;padding:0 24px;background-image:url(./backgrounds/subtitle.webp);color:#fff;text-shadow:1px 1px 0px #213547,1px 1px 2px #000,-1px 0px 2px #000;font-family:sans-serif;font-weight:900;white-space:nowrap}#root{max-width:1700px;width:100%;margin:0 auto;padding:1rem 2rem 2rem;text-align:center}.App{display:flex;flex-direction:column;gap:64px}.app-home-button{position:absolute;top:80px;right:16px}.App.App-Title .app-home-button{display:none}@media screen and (max-width: 420px){#root{padding:4px}h1{font-size:2.7em}h2{font-size:1em}h2{font-size:.8em}}.logo{max-width:30vw;margin:8px auto;position:relative;height:fit-content;overflow:visible;view-transition-name:logo}.App-Title .logo{max-width:50vw}.logo>img{width:100%;left:0}.logo>.mkw{top:0}.logo>.guessr{position:absolute;width:65%;bottom:-10%;left:17.5%;opacity:0;transform:translate(100%) scale(0);animation:slideRight .5s cubic-bezier(.175,.885,.32,1.275) forwards;animation-delay:1s}@keyframes slideRight{0%{opacity:0;transform:translate(100%) scale(0)}1%{opacity:1;transform:translate(100%) scale(0)}to{opacity:1;transform:translate(0) scale(1)}}.credits{display:flex;flex-direction:column;justify-content:center;align-items:center;flex-wrap:wrap;border-top:1px solid #213547;width:fit-content;margin:48px auto auto;padding-top:8px}.credits menu{list-style:none;display:flex;gap:12px;flex-wrap:wrap;margin:0;padding:0}.social-logo,.social-logo:visited{background-color:#213547;color:#fff;text-decoration:none;padding:0 4px;border-radius:5px;position:relative;display:inline-block}.social-logo:before{content:"";background-image:url(./ui/logo-x.svg);background-repeat:no-repeat;background-size:contain;display:inline-block;width:16px;height:16px;vertical-align:middle;margin-right:4px;border-right:1px solid #fff;padding-right:4px;position:relative;bottom:1px}.social-logo.bluesky:before{background-image:url(./ui/logo-bluesky.svg)}.social-logo:hover,.social-logo:focus-visible{box-shadow:1px 1px 0 1.5px #fff,-1px -1px 0 1.5px #fff;bottom:1px}.credits p{margin:0 0 4px;padding:0}