.text{font-size:1.2rem;color:#213547;text-shadow:1px 1px 0px #ffffff;font-weight:700;display:inline-block;margin:0;padding:0}.text.reverse-colors{color:#fff;text-shadow:1px 1px 0px #213547}.text.block{display:block}li.text{display:list-item}@media screen and (max-width: 420px){.text{font-size:.8rem}}.snackbar-container{position:fixed;left:8px;right:8px;bottom:16px;z-index:99999;pointer-events:none;transition:transform .3s ease-in-out,opacity .3s ease-in-out;opacity:0;transform:scale(0) translateY(100%)}.snackbar-open{opacity:1;transform:scale(1) translateY(0)}.snackbar{background-size:contain;background-position:center;background-repeat:no-repeat;padding:16px;box-sizing:border-box;display:flex;flex-direction:row;justify-content:center;align-items:center}.snackbar-success{background-image:url(./backgrounds/notification_success.webp)}.snackbar-error{background-image:url(./backgrounds/notification_error.webp)}.snackbar-info{background-image:url(./backgrounds/notification_info.webp)}.snackbar-icon{width:64px;height:64px;margin-right:8px;background-size:contain;background-position:center;background-repeat:no-repeat}.anchor,.anchor:visited{color:#213547;text-decoration:underline;font-weight:bolder}.anchor:hover{text-decoration:none}@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;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-container{display:flex;flex-direction:column;gap:64px}.app-container.corner{padding-top:64px}.app-header{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:16px;margin-bottom:24px}.app-header>button{margin:0!important}.basic-link,.basic-link:visited{color:inherit;text-decoration:underline}.basic-link:hover,.basic-link:focus-visible{text-decoration:none}.basic-link[aria-current=page]{text-decoration:none;pointer-events:none}.aside-links{display:flex;flex-direction:row;margin-top:8px;gap:16px;justify-content:center;align-items:center;flex-wrap:wrap;font-size:.8em}img{user-drag:none;-webkit-user-drag:none;-webkit-user-select:none;user-select:none}@media screen and (max-width: 420px){#root{padding:4px}h1{font-size:2.7em}h2{font-size:1em}h2{font-size:.8em}}.game-button{position:relative;margin:0;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.tertiary{font-size:.9rem;transform:skew(-5deg);filter:hue-rotate(90deg)}.game-button.game-button.tertiary:hover{animation:.3s ease-out small-bounce}.game-button.secondary img,.game-button.tertiary img{display:none}.game-button[disabled]{pointer-events:none;filter:grayscale(100%)}@keyframes bounce{0%{transform:skew(-10deg) scale(1.2)}to{transform:skew(-10deg) scale(1)}}@keyframes small-bounce{0%{transform:skew(-5deg) scale(1.05)}to{transform:skew(-5deg) scale(1)}}.constraint-container{max-width:768px;margin:auto}.constraint-container h3{margin-top:48px}.constraint-container ul{text-align:left}.constraint-container .back-button{margin-top:48px}.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)}}.tabs{list-style:none;display:flex;gap:18px;flex-wrap:wrap}.tab{z-index:0}.tab.is-active{pointer-events:none;z-index:2}.tabs.tabs--table{margin:0 auto -15px;padding:0 0 0 16px}.tabs.tabs--table .tab{background-color:#000000f2;color:#fff;text-decoration:none;padding:8px 16px;border:2px solid #bdbdbd;border-bottom-color:transparent;border-radius:5px 5px 0 0;position:relative;display:inline-block;cursor:pointer;font-size:1.25rem}.tabs.tabs--table .tab:hover,.tabs.tabs--table .tab:focus-visible{box-shadow:1px 1px 0 1.5px #fff,-1px -1px 0 1.5px #fff;bottom:1px}.tabs.tabs--chips,.tabs.tabs--chips-small{gap:24px;padding:8px;justify-content:center;align-items:center}.tabs.tabs--chips-small{gap:12px;padding:4px}.tabs.tabs--chips .tab,.tabs.tabs--chips-small .tab{color:#000;text-decoration:none;position:relative;display:inline-block;cursor:pointer;font-size:1.25rem;transform:skew(-20deg);filter:drop-shadow(5px 5px 0 #000);border:4px solid #000;background-color:#fff;background-image:url(./backgrounds/dirt.webp);border-radius:12px;padding:12px 24px;font-weight:700}.tabs.tabs--chips-small .tab{padding:6px 12px;font-size:1rem;border-width:2px;border-radius:8px;transform:skew(-10deg);filter:drop-shadow(3px 3px 0 #000)}.tabs.tabs--chips .tab>div{display:inline-block;transform:skew(20deg);padding-left:90px}.tabs.tabs--chips-small .tab>div{display:inline-block;transform:skew(10deg)}.tabs.tabs--chips .tab>div img{position:absolute;left:-8px;bottom:-12px;width:80px;pointer-events:none;transform-origin:right bottom;transition:transform .5s linear(0,.009,.035 2.1%,.141 4.4%,.723 12.9%,.938,1.077 20.4%,1.121,1.149 24.3%,1.163 27%,1.154,1.129 32.8%,1.017 43.1%,.991,.977 51%,.975 57.1%,1.003 76.9%,1)}.tabs.tabs--chips .tab.is-active,.tabs.tabs--chips-small .tab.is-active{background-color:#f8b801}.tabs.tabs--chips .tab:hover>div img,.tabs.tabs--chips .tab:focus-visible>div img{transform:scale(1.1)}.tabs.tabs--chips-small .tab:hover,.tabs.tabs--chips-small .tab:focus-visible{transform:skew(-10deg) translateY(-2px)}.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}.notification-item{display:flex;flex-direction:row;align-items:flex-start;justify-content:center;flex-wrap:wrap;gap:16px;border:1px solid #213547;padding:24px 32px;background-image:url(./backgrounds/dialog.jpg);background-color:#fff;text-align:left;color:#000;transition:all .3s ease}.notification-item+.notification-item{border-top:0}.notification-item-image{display:block;width:300px;aspect-ratio:16 / 9;object-fit:cover;flex-shrink:1}.notification-item-image>*{width:100%;aspect-ratio:16 / 9;object-fit:cover;border:1px solid #213547}.notification-item-body{display:flex;flex-direction:column;gap:4px;width:calc(100% - 320px);min-width:300px;flex-grow:1}.notification-item:first-of-type{border-top-left-radius:27px;border-top-right-radius:27px}.notification-item:last-of-type{border-bottom-left-radius:27px;border-bottom-right-radius:27px}.notification-item .notification-item-title{font-weight:700;background-image:none;color:inherit;text-shadow:none;margin:0;padding:0;font-size:1.3rem}.notification-item .notification-item-content{margin:0;font-size:1.1rem}.notification-item .notification-item-content q{color:#213547;display:inline-block;margin:8px 0;border-left:4px solid #213547;background-color:#fff;padding:2px 8px;border-top-right-radius:8px;border-bottom-right-radius:8px}.notification-item .notification-item-content q:before,.notification-item .notification-item-content q:after{content:""}.notification-item .notification-item-time{font-size:1em;color:#213547;align-self:flex-end}.notification-item-button{margin:8px 0 0;align-self:flex-end}.connected-user-header-item{margin-right:24px;background-image:url(./backgrounds/dialog.jpg);padding:4px 8px;border-radius:4px;display:flex;flex-direction:row;align-items:center;justify-self:center;gap:4px;border:1px solid #213547}.connected-user-header-item b{font-weight:bolder}.connected-user-header-item img{margin-right:-4px}.connected-user-header-item a,.connected-user-header-item a:visited{color:inherit;font-weight:700;text-decoration:none}.connected-user-header-item a:hover,.connected-user-header-item a:focus-visible{text-decoration:underline}.connected-user-header-item .notification-badge{width:32px;height:32px;margin-right:8px;background-image:url(./ui/bell.png);background-size:contain;position:relative}.connected-user-header-item .notification-badge b{display:flex;align-items:center;justify-content:center;width:16px;height:16px;line-height:16px;font-size:14px;padding:2px;border-radius:50%;border:2px solid white;background-color:red;color:#fff;position:absolute;right:-12px;top:0}.logo{max-width:30vw;margin:8px auto;position:relative;height:fit-content;overflow:visible;view-transition-name:logo}.logo.logo-big{max-width:50vw}.logo.logo-corner{max-width:10vw;position:absolute;top:16px;left:16px}.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)}}.date{font-weight:700;font-size:.8rem;font-style:italic;text-align:right;display:block}.modal-overlay{position:fixed;display:flex;justify-content:center;align-items:center;gap:8px;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}.modal-overlay.drawer{justify-content:flex-end;padding:0;align-items:stretch}.modal-overlay.modal-closed{display:none}@keyframes opacityFadeIn{0%{opacity:0}to{opacity:1}}.modal-box{--skew: -10deg;animation:slideModalY .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;box-sizing:border-box}.modal-box.no-skew{--skew: -0}.drawer .modal-box{border-radius:0;animation:slideModalX .3s ease-in forwards;width:50%;max-height:100vh}@media screen and (max-width: 600px){.drawer .modal-box{width:100%}}.modal-overlay.no-delay .modal-box{animation-delay:0s}.modal-box h2{margin-bottom:0}@keyframes slideModalY{0%{transform:translateY(-100%) skew(var(--skew));opacity:0}to{transform:translateY(0) skew(var(--skew));opacity:1}}@keyframes slideModalX{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.modal-inner{transform:skew(calc(var(--skew) * -1))}.modal-image{display:block;width:300px;height:300px;background-size:contain;background-repeat:no-repeat;background-position:center;pointer-events:none;left:0;top:0;transform:skew(calc(var(--skew) * -1))}@media (max-width: 600px){.modal-image{display:none}}.new-version-modal-content ul li{margin:8px 0}.new-version-modal-actions{display:flex;gap:16px;flex-direction:row;flex-wrap:wrap;justify-content:flex-end;align-items:center}.new-version-modal-actions .game-button{margin:0}
