body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App,body{overflow-x:hidden;overflow-y:scroll}.App{font-family:Helvetica Neue,Arial,sans-serif}.App header{align-items:start;display:flex;justify-content:space-between;padding:5px 10px}.App .btn{background:linear-gradient(180deg,#bdbdbd,#838383);border:0;border-radius:4px;color:#fff;cursor:pointer;font-size:16px;font-weight:700;outline:none;padding:13px 16px}.App .btn.btn-blue{background:linear-gradient(180deg,#477dbc,#3a6598)}.App .btn.btn-green{background:linear-gradient(180deg,#81bc58,#6a9b48)}.App .btn:disabled{opacity:50%}.App .input{border:2px solid #477dbc;border-radius:5px;box-sizing:border-box;font-size:16px;margin:8px 0;padding:11px 16px}.joinpage{color:#477dbc;text-align:center}.joinpage .container{padding:0 25px}.joinpage .container .logo{width:100px}.joinpage .container #title{font-size:40px;text-transform:uppercase}.joinpage .container #description{font-size:18px;margin-bottom:25px}.joinpage .container .code_input{align-items:center;display:flex;gap:5px;justify-content:center}.joinpage .container #err{color:#ee3d3d;margin:0}.joinpage footer{bottom:0;padding-bottom:25px;position:absolute;width:100%;z-index:-1}.joinpage footer img{width:100%}.joinpage footer p{bottom:0;position:absolute;text-align:center;width:100%}.joinpage footer p,.joinpage footer p a{color:#888;text-decoration:none}.language_select{position:relative;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;z-index:1000}.language_select .flag{aspect-ratio:1/1;border-radius:50%;overflow:hidden;position:relative;width:35px}.language_select .flag img{height:100%;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.language_select .current_country{background-color:#fff;padding:5px}.language_select .current_country.focus{background-color:rgba(0,0,0,.133)}.language_select .selector{background-color:#fff;border-radius:0 0 15px 15px;border-top:2px solid #aaa;box-shadow:0 2px 2px rgba(0,0,0,.533);max-height:100px;overflow:hidden;padding:5px;position:absolute;top:100%;transition:.25s ease;z-index:100}.language_select .selector.hidden{max-height:0;opacity:0}.language_select .selector .flag:not(:first-child){margin-top:5px}.gamepage{color:#666}.gamepage header{margin-bottom:35px}.gamepage header .percentage{aspect-ratio:1;background-color:#81bc58;background:linear-gradient(180deg,#81bc58,#6a9b48);border-radius:50%;box-shadow:0 2px 5px rgba(0,0,0,.533);color:#fff;display:inline-flex;justify-content:center;right:60px;top:15px;width:60px}.gamepage #head-title,.gamepage header .percentage{align-items:center;font-weight:700;position:absolute}.gamepage #head-title{color:#555;display:flex;font-size:18px;height:55px;left:0;overflow:hidden;overflow-wrap:break-word;padding:0 130px 0 10px;right:0;text-overflow:ellipsis;top:0}.gamepage .content{padding:5px 15px}.gamepage .content .container{margin-top:25px}.gamepage footer p{text-align:center}.gamepage footer p,.gamepage footer p a{color:#888;text-decoration:none}.result{background-color:#fff;bottom:0;color:#477dbc;left:0;position:fixed;right:0;top:0}.result.hidden{display:none}.result .background{bottom:0;left:0;position:absolute;width:100%}.result .container{left:50%;max-width:400px;position:absolute;text-align:center;top:50%;transform:translate(-50%,-100%);width:80%}.result .container p{margin:0}.result .container p#answer,.result .container p#title{font-size:18px;font-weight:700;margin:0 0 5px}.result .container p#answer#answer,.result .container p#title#answer{font-style:italic;margin:0}.result .container img{margin-bottom:5px;width:50%}.websocket-status{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:rgba(0,0,0,.667);bottom:0;color:#eee;display:flex;justify-content:center;left:0;position:fixed;right:0;text-align:center;top:0;z-index:1000}.websocket-status[connected=true]{display:none}.websocket-status .container{max-width:400px;width:80%}.websocket-status .container p{margin:0}.websocket-status .container p#title{font-size:24px;font-weight:700}.websocket-status .container p#status{color:hsla(0,0%,93%,.667);font-size:12px}.image-container{aspect-ratio:1;background-color:#000;overflow:hidden;position:relative;width:100%}.image-container .history_overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:rgba(0,0,0,.533);bottom:0;box-shadow:inset 0 0 15px 0 #000;color:#fff;left:0;overflow-x:hidden;overflow-y:auto;padding:10px 15px;position:absolute;right:0;top:0}.image-container .history_overlay h1,.image-container .history_overlay p{margin:0 0 5px;padding:0}.image-container .history_overlay #close{cursor:pointer;font-size:32px;margin:0 0 15px -5px}.image-container .images,.image-container .images .image{height:100%;position:absolute;width:100%}.image-container .images .image{overflow:hidden}.image-container .images img{height:100%;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.image-container .controls #info{color:#fff;font-size:32px;left:10px;position:absolute;top:10px}.image-container .controls .arrows{align-items:center;color:#fff;display:flex;font-size:32px;justify-content:space-between;left:0;position:absolute;top:50%;transform:translateY(-50%);width:100%}.image-container .controls .arrows #left,.image-container .controls .arrows #right{background-color:rgba(0,0,0,.533);border-radius:10px;margin:0 10px}.image-container .controls .dots{align-items:center;background-color:rgba(0,0,0,.533);border-radius:15px;bottom:5px;display:flex;gap:5px;justify-content:center;left:50%;padding:5px 10px;position:absolute;transform:translateX(-50%)}.image-container .controls .dots .dot{aspect-ratio:1;background-color:#fff;border-radius:50%;width:8px}.image-container .controls .dots .dot:not(.selected){opacity:50%}.puzzle-page .hints{align-items:center;display:flex;justify-content:space-between}.puzzle-page .hints button{aspect-ratio:1;border-radius:10px;padding:2px;width:20%}.puzzle-page .hint{overflow:hidden;transition:1s}.puzzle-page .hint p{color:#6a9b48;margin:10px 10px 5px}.puzzle-page .hint .hint-container{background-color:#ddd;border-radius:15px;color:#333;overflow:hidden;padding:15px;position:relative}.puzzle-page .hint .hint-container img{margin:-15px;width:110%}.puzzle-page .hint:not(.selected){height:0!important;opacity:0}.puzzle-page .submit{align-items:center;display:flex;gap:5px;justify-content:center;margin-top:15px}.info-page button,.puzzle-page .submit input{width:100%}.scoreboard-page .content{color:#477dbc;padding:0 25px}.scoreboard-page .content .head-title{margin:0 0 50px;text-align:center}.scoreboard-page .content .head-title *{margin:0}.scoreboard-page .content .head-title h3{font-weight:400}.scoreboard-page .content #empty{color:#555;text-align:center}.scoreboard-page .content .score{align-items:center;border-bottom:1px solid #888;color:#333;display:flex;justify-content:space-between;padding:10px}.scoreboard-page .content .score *{margin:0}.scoreboard-page .content .score .name{font-size:18px;font-weight:700}.scoreboard-page .content .score .time{opacity:80%}.scoreboard-page .content .score .place{font-size:28px;font-weight:700}.scoreboard-page .content .score.searched{background-color:#477dbd;color:#fff}.teamname-page{bottom:0;left:0;position:fixed;right:0;top:0}.teamname-page .content{align-items:center;color:#477dbc;display:flex;flex-direction:column;gap:75px;justify-content:center;padding:0 15px 25px;text-align:center}.teamname-page .content .head-title{font-size:42px;margin:0}.teamname-page .content .time p{color:#555;margin:0}.teamname-page .content .time h3{color:#222;font-size:52px;margin:0}.teamname-page .content .team-input{width:100%}.teamname-page .content .team-input p{margin:0;text-align:start}.teamname-page .content .team-leader form{align-items:center;display:flex;gap:5px}.teamname-page .content .team-leader form input{width:100%}.teamname-page .content .team-leader #muted{color:#888;font-size:12px}.teamname-page .content .team-view #teamname{border-bottom:2px solid;display:block;font-size:22px;font-weight:700;margin:25px auto 0;padding:0 10px;text-align:center;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.teamname-page footer{bottom:0;padding-bottom:25px;position:absolute;text-align:center;width:100%;z-index:-1}.teamname-page footer img{width:100%}.teamname-page footer p{bottom:0;position:absolute;width:100%}.teamname-page footer p,.teamname-page footer p a{color:#888;text-decoration:none}
/*# sourceMappingURL=main.f4ed901e.css.map*/