@import url(https://fonts.googleapis.com/css?family=Chilanka&display=swap);@import url(https://fonts.googleapis.com/css?family=Source+Code+Pro&display=swap);button[data-v-2861b3a9]{border-radius:.25rem;max-height:50px;height:100%;outline:1px solid grey;background-color:#cbd5e1;border:none;text-align:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;font-size:25px;font-weight:700;-webkit-box-shadow:0 .1em 2px #a9a9a9,inset 0 1px 0 #fff;box-shadow:0 .1em 2px #a9a9a9,inset 0 1px 0 #fff}.playground,button[data-v-2861b3a9]{display:-webkit-box;display:-ms-flexbox;display:flex}.playground{position:relative;width:399px;height:349px;margin:auto auto;padding:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;overflow:visible;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;border:1px solid #c3c3c3;background-color:#fff}@media screen and (max-height:640px),screen and (max-width:640px){.playground{width:299px;height:249px}}.playground ul.game-ul{margin:0;padding:0;list-style:none;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-sizing:border-box;box-sizing:border-box}.playground li.game-li,.playground ul.game-ul{position:relative;width:100%;height:100%}.playground li.game-li .last{border-right:none}.playground li.game-li .bottom{border-bottom:none}.game{background-color:#fff}.gamearea2{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;overflow:visible;-webkit-box-flex:1;-ms-flex:1;flex:1}.letter-box{position:absolute;top:0;left:0;display:block;width:100%;height:100%;background:transparent;border-right:1px solid #c3c3c3;border-bottom:1px solid #c3c3c3;-webkit-box-sizing:border-box;box-sizing:border-box}.letter-box.dark{background:#383838;border-color:#383838;z-index:3}.chr{position:absolute;top:0;left:0;z-index:1;width:100%;height:100%}.chr,.chr p{text-align:center}.chr p{display:block;position:relative;font-size:30px;top:5%}.chr .corner-num{position:absolute;top:2px;left:2px;font-size:9pt;font-weight:700}.chr .arrow{display:block;position:absolute;width:13px;height:13px;background-size:contain}.chr .arrow.right-down{right:1px;top:3px;background:url(../img/arrow_rd.e4174aa1.svg) no-repeat}.chr .arrow.down-right{left:3px;bottom:1px;background:url(../img/arrow_dr.f277e450.svg) no-repeat}.chr .dash{position:absolute;background:#383838;display:block}.chr .dash.d{width:3px;height:10px;bottom:-5px;right:50%}.chr .dash.r{top:50%;right:-5px;height:3px;width:10px}.chr .split{position:relative;display:block;background:#383838;width:100%;height:100%}.chr .split.down{background:url(../img/split-d.4c8369be.svg) no-repeat;background-size:100% 100%}.chr .split.downpath{fill:#383838}.chr .split.right{background:url(../img/split-r.f925da4c.svg) no-repeat;background-size:100% 100%}@media screen and (max-height:640px),screen and (max-width:640px){.chr p{font-size:20px}.chr .corner-num{font-size:7pt;left:1px;top:1px}.chr .arrow{width:7px;height:7px}.chr .arrow.down-right,.chr .arrow.right-down{background-size:contain}.chr .dash{position:absolute;background:#383838;display:block}.chr .dash.d{height:7px;width:2px}.chr .dash.r{height:2px;width:7px}}.inp{-webkit-box-sizing:border-box;box-sizing:border-box;z-index:2}.inp,input.letter-inp{position:absolute;top:0;left:0;width:100%;height:100%}input.letter-inp{background:transparent;border:0 solid transparent;text-align:center;font-size:16px;outline:none;cursor:default;z-index:3;color:transparent}input.letter-inp:focus{outline:none}.selected{background-color:rgba(81,104,128,.5)}.marked{background-color:rgba(103,123,145,.25)}@font-face{font-family:Simmic;src:url(../fonts/SimmicFont.66507de4.ttf) format("truetype")}@font-face{font-family:Futura;src:url(../fonts/futura_light.98d2f973.ttf) format("truetype")}.error-message{font-weight:700;margin:1em}.error-message.md{font-size:16pt;margin:2em}.error-message.fixed{position:absolute;width:100%}h1,h2,h3,h4,h5{margin:0}button:disabled,button:disabled:hover,button[disabled=disabled],button[disabled]:hover{background-color:#d3d3d3;border-color:#a9a9a9;color:grey}.button{color:#f1f1f1;background-color:#516880;border-radius:.5em;border-style:none;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-size:11pt;padding:.45em .5em;font-weight:400;position:relative;cursor:pointer}.button:hover{background-color:#677b91}.button[disabled=true]{background-color:#d3d3d3;border-color:#a9a9a9;color:grey}.button.active{background-color:#283852}.button--small{min-width:5em;height:2em}.button--secondary{background-color:#f1f1f1;color:#516880}.button--secondary:hover{background-color:#e1e1e1}.button--text{background-color:transparent;position:relative;display:inline;padding:0}.button--text.dark{color:#677b91}.button--text.bold{font-weight:700}.button--text span{position:relative}.button--text span:after{content:"";position:absolute;bottom:-.3em;width:100%;height:2px;background-color:#516880;right:0;-webkit-transition:.2s ease-out;transition:.2s ease-out}.button--text:hover{background-color:transparent;color:#516880}.button--text:hover span:after{bottom:-.5em;background-color:#677b91}.button-group{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-pack:distribute;justify-content:space-around;width:100%;max-width:25em;margin:.5em auto}.button-group .button{width:100%}.button-group .button:not(.last){margin-right:.75em}@media screen and (min-width:650px){.button-group{-webkit-box-pack:space-evenly;-ms-flex-pack:space-evenly;justify-content:space-evenly;max-width:35em;margin:1em auto}.button-group .button{max-width:10em}}.delete-b{background-color:#516880;color:#fff;padding:4px 5px;border:1px solid #f1f1f1;font-size:10pt}.delete-b:hover{cursor:pointer;background-color:#677b91}.delete-b.note,.delete-b.puzzle-item{position:absolute;right:10px;top:-10px}input.text-input{padding:0;font-size:25pt;width:10em;text-align:center;position:relative}.error-input{position:inline-block;color:red;top:-20px;text-align:center;padding:0 5px;margin:0 auto;max-width:20em}button.button.get-puzzle-b{font-size:18pt;padding:.45em 1.2em;margin:0 auto}.txtb{position:relative;margin:20px auto;max-width:85%;font-size:20px;border-bottom:2px solid #516880;background-color:transparent}.txtb.get-puzzle{border:2px solid #a1a1a1;font-size:35px}.txtb span.get-puzzle:before{content:attr(data-placeholder);position:absolute;left:50%;color:#a1a1a1;top:50%;background-color:#fff;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);z-index:1;-webkit-transition:.25s ease;transition:.25s ease}.txtb span.get-puzzle.typing:before{left:.35em;top:0;-webkit-transform:translateY(-50%);transform:translateY(-50%);font-size:15pt;padding:0 10px}.txtb input{z-index:2;color:#333;border:none;outline:none;background:none;padding:10px 5px;height:auto;position:relative;width:85%;text-align:center}.txtb input :disabled{background-color:grey}@media only screen and (min-width:768px){.scaler{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:space-evenly;-ms-flex-pack:space-evenly;justify-content:space-evenly;margin:.5em auto}.scaler button{margin:0 .5em;min-width:1.75em;height:auto;float:left;font-size:14pt;padding:0 .2em}button.button.get-puzzle-b{font-size:22pt}.txtb input.text-input{font-size:35pt}.txtb span.get-puzzle.typing:before{top:50%;font-size:inherit;padding:0 5px;border:none}}.home-body p{margin:.5em 1em}.cookie-banner{position:fixed;-webkit-box-shadow:0 0 15px 2px #516880;box-shadow:0 0 15px 2px #516880;width:100%;color:#121b2b;padding:1em 2em;display:block;font-weight:700;bottom:0;left:0;height:13em;z-index:1000;background-color:#d7c7ad}.cookie-banner .cookie-container{position:relative;display:block;max-width:65em;margin:auto}.cookie-banner .cookie-container .cookie-header{font-size:14pt;text-align:left;padding:2px 0 8px 0}.cookie-banner .cookie-container .cookie-message{display:block;text-align:left}.cookie-banner .cookie-container a.cookie-link{display:block;float:left;clear:left;padding-left:0;color:#121b2b}.cookie-banner .cookie-container .cookie-button-container{position:relative;display:block}.cookie-banner .cookie-container .cookie-button-container .button.cookie-button{margin-top:20px;padding:8px 15px;font-size:12pt;float:right;clear:left}@media screen and (min-width:640px){.cookie-banner .cookie-container{margin-bottom:4em}.cookie-banner .cookie-container .cookie-message{width:75%}.cookie-banner .cookie-container .cookie-button-container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.cookie-banner .cookie-container .cookie-button-container .button.cookie-button{margin-top:0}.cookie-banner .cookie-container a.cookie-link{display:inline-block}}.cookie-info{text-align:left;margin-bottom:15em}.cookie-info p{margin:5px 0}.cookie-info p.cookie-info-preamble{font-weight:700}.form-container{position:relative;padding:3em 1em;margin:auto;color:#121b2b;max-width:350px;min-height:380px}.form-container form.login-form{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:space-evenly;-ms-flex-pack:space-evenly;justify-content:space-evenly;width:100%;-webkit-box-sizing:border-box;box-sizing:border-box}.form-container form.login-form fieldset{border:none;padding:0;margin:0}.form-container form.login-form .login{position:relative;margin-top:1em;color:#121b2b;text-align:left}.form-container form.login-form .login span:before{content:attr(data-placeholder);position:absolute;top:20%;left:.75em;font-size:14pt;-webkit-transition:all .25s;transition:all .25s;background-color:#fff;z-index:-1}.form-container form.login-form .login.username:after{background:url(../img/login_form_user.215d234b.svg) no-repeat}.form-container form.login-form .login.password:after{background:url(../img/padlock.f71af3c4.svg) no-repeat}.form-container form.login-form .login:not(button):after{content:"";position:absolute;display:inline-block;width:20px;height:20px;right:15px;bottom:13px;z-index:3}.form-container form.login-form input.login-input{font-weight:700;border:none;background:none;width:100%;font-size:14pt;border:1px solid #121b2b;padding:.5em 10px;position:relative}.form-container form.login-form input.login-input.filled+span:before,.form-container form.login-form input.login-input.focus+span:before{top:-20%;font-size:11pt;z-index:2;padding:0 5px}.button.form{text-align:center;background-color:#516880;color:#f1f1f1;font-weight:400;margin-top:1em;width:100%}.button.form:disabled,.button.form:disabled:hover{background-color:#d3d3d3;border-color:#a9a9a9;color:grey}.roleb{margin:20px auto;font-size:19px}.p-0{padding:0!important}.flex-col{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.flex-col,.kv-pair{display:-webkit-box;display:-ms-flexbox;display:flex}.kv-pair{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}@media screen and (min-width:650px){.kv-pair{width:350px}}.card-deck{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:wrap;flex-wrap:wrap}.card,.float{padding:1em .75em;background-color:#fff;z-index:0;position:relative}.card.slim,.float.slim{padding:.5em .75em}.card .float-header,.float .float-header{text-align:left;font-weight:700;font-size:1.5em;margin-bottom:.25em}.card .float-body,.float .float-body{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.card.list-item,.float.list-item{margin-bottom:0}.dummy-pw{color:#677b91}.card-body{padding:1em .5em}.card-header span{font-size:16pt;font-weight:700}#footer{position:absolute;height:3.5em;bottom:0;text-align:center;color:#f1f1f1;-webkit-box-shadow:0 -1px 4px 2px rgba(0,0,0,.3);box-shadow:0 -1px 4px 2px rgba(0,0,0,.3);border-top:5px solid #516880;z-index:2;padding-top:.5em}#footer,.site-wide{width:100%;background-color:#2b3e57}.site-wide{display:inline-block;min-height:3.5rem;border-bottom:5px solid #516880;-webkit-box-shadow:0 1px 4px 2px rgba(0,0,0,.3);box-shadow:0 1px 4px 2px rgba(0,0,0,.3)}.site-wide,.topnav{position:relative;overflow:hidden}.topnav{display:-webkit-box;display:-ms-flexbox;display:flex;height:100%;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin:auto;z-index:105;padding:10px .4em 0 .4em}.topnav .brand{display:block;margin:auto 0;height:100%}.topnav .brand .logo{height:35px}.topnav .brand a{height:100%;display:block;margin:0;padding:0}.topnav .topnav-puzzle-code{color:#fff;font-weight:700;position:relative}.topnav .topnav-puzzle-code span{line-height:30pt;font-size:20pt}.topnav .topnav-items{-webkit-box-pack:space-evenly;-ms-flex-pack:space-evenly;justify-content:space-evenly;clear:both;float:right;overflow:hidden;background-color:transparent}.topnav .topnav-items,.topnav .topnav-items .topnav-item{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;width:auto}.topnav .topnav-items .topnav-item{border-radius:.5em;height:35px;background-color:#516880;color:#f1f1f1;text-align:center}.topnav .topnav-items .topnav-item:not(.last){margin-right:1.25em}.topnav .topnav-items .topnav-item img{display:inline-block;height:100%;width:25px;margin:0 10px;-webkit-filter:invert(100%);filter:invert(100%)}.topnav .topnav-items .topnav-item span{display:none}.topnav .topnav-items .topnav-item#play>span{display:inherit;line-height:35px;padding-right:10px}.topnav .topnav-items .topnav-item #avatars{display:inline-block;vertical-align:middle;margin:4px 6px 10px 6px}.topnav .topnav-items .topnav-item span{vertical-align:middle}.topnav .topnav-items .topnav-item a{height:100%;display:block;text-decoration:none;color:inherit}.topnav .topnav-items .topnav-item:hover{background-color:#677b91;cursor:pointer}.desktop{display:none!important}@media only screen and (min-width:768px){.topnav{max-width:65em}.topnav .topnav-items{float:right;overflow:visible;background-color:transparent;width:auto}.topnav .topnav-items .topnav-item{width:auto}.topnav .topnav-items .topnav-item span{display:inherit;line-height:35px;padding:auto;margin-right:10px}.desktop{display:inherit!important}}.sidenav-overlay{width:100%;left:0;top:3.5rem;opacity:0;display:block;z-index:99;background-color:#000;-webkit-transition:visibility .15s,opacity .5s linear;transition:visibility .15s,opacity .5s linear}.sidenav,.sidenav-overlay{position:fixed;height:100%}.sidenav{width:15em;z-index:200;top:0;right:-15em;background-color:#111;overflow-x:hidden;-webkit-transition:right .35s;transition:right .35s}.sidenav.open{-webkit-box-shadow:4px 0 25px 4px #000;box-shadow:4px 0 25px 4px #000;right:0}.sidenav .side-header{display:-webkit-box;display:-ms-flexbox;display:flex;position:relative;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;z-index:100;padding:0 10px 0 15px;width:100%;background-color:#2b3e57;min-height:3.5rem;overflow:hidden;border-bottom:5px solid #516880;-webkit-box-shadow:0 0 4px 2px rgba(0,0,0,.4);box-shadow:0 0 4px 2px rgba(0,0,0,.4)}.sidenav .side-header .side-header-item{position:relative;margin:auto 0;padding:auto;color:#e1e1e1}.sidenav .side-header .side-header-item span{font-size:10pt;height:100%}.sidenav .side-header .side-header-item img{width:15px;margin-right:4px;vertical-align:text-bottom}.sidenav .side-header .side-header-item#closenav span{font-size:20pt}.sidenav .side-header span{position:relative;display:inline-block;font-size:16pt;cursor:pointer}.sidenav .side-header span.username{float:right;font-size:12pt;cursor:default;line-height:2.2em}.sidenav .side-header .side-head-logout{position:relative;border:1px solid #00f;font-size:8pt;display:inline-block;height:20px;margin:auto 15px auto 0}.sidenav .side-header .side-head-logout span{position:relative}.sidenav .sidenav-item{display:-webkit-box;display:-ms-flexbox;display:flex;z-index:inherit;width:100%;position:relative;height:50px;text-decoration:none;font-size:12pt;color:#f1f1f1;background-color:#22324b;border-top:1px solid #121b2b}.sidenav .sidenav-item.router-link-exact-active,.sidenav .sidenav-item:not(.header):not(.space):hover{background-color:#283852}.sidenav .sidenav-item.router-link-exact-active:before,.sidenav .sidenav-item:not(.header):not(.space):hover:before{content:"";position:absolute;right:0;height:100%;width:5px;background-color:#516880}.sidenav .sidenav-item.space{background-color:transparent;border:none;height:25px}.sidenav .sidenav-item.space.header{background-color:#22324b;margin-bottom:3px;font-size:12pt}.sidenav .sidenav-item img{display:inline-block;-webkit-filter:invert(90%);filter:invert(90%);width:25px;margin:0 10px}.sidenav .sidenav-item span{margin:auto 0}.sidenav .sidenav-item:not(.img)>span{margin:auto 0 auto 45px}.sidenav .side-body{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:space-evenly;-ms-flex-pack:space-evenly;justify-content:space-evenly;z-index:100;border-right:1px solid #121b2b;border-left:1px solid #121b2b;border-bottom:1px solid #121b2b}.sidenav .side-body,.sidenav .side-footer{display:-webkit-box;display:-ms-flexbox;display:flex;overflow:hidden;height:auto}.sidenav .side-footer{width:100%;position:absolute;bottom:0}@media only screen and (min-width:640px){.sidenav-container{max-width:65em;position:relative;margin:auto;z-index:999}.sidenav{border:5px solid #677b91;max-height:0;position:absolute;width:18em;right:0;display:none;-webkit-transition:max-height .25s;transition:max-height .25s}.sidenav.open{display:inherit;overflow:hidden;max-height:100vh;height:auto}.sidenav .side-header{-webkit-box-shadow:none;box-shadow:none}.sidenav-overlay{background-color:transparent;-webkit-transition:none;transition:none}}.modal-backdrop{position:fixed;top:0;bottom:0;left:0;right:0;background-color:rgba(0,0,0,.3);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;z-index:15}.modal-backdrop .modal{position:relative;background:#fff;-webkit-box-shadow:2px 2px 20px 1px;box-shadow:2px 2px 20px 1px;overflow-x:auto;display:block;border-radius:2px;width:85%;z-index:10;padding-bottom:1em}.modal-backdrop .modal .modal-header{margin:.5em 1em;font-size:15pt}.modal-backdrop .modal .modal-header .corner-close{position:absolute;right:20px;top:5px;font-weight:700;font-size:20pt;z-index:12}.modal-backdrop .modal .modal-header .corner-close:hover{cursor:pointer}.modal-backdrop .modal .modal-body{display:block;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;position:relative;min-height:5em;height:100%;padding:.5em 1em}.modal-backdrop .modal .modal-body .modal-important{font-size:18pt;font-weight:700}.modal-backdrop .modal .modal-footer{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;-ms-flex-pack:distribute;justify-content:space-around;padding:.25em 3em;bottom:0}.modal-backdrop .modal .modal-footer button{font-size:16pt;padding:7px 1em;width:auto}.modal-backdrop .modal .modal-footer .send{float:left}@media screen and (min-width:650px){.modal-backdrop .modal{font-size:13pt;max-width:40em}.modal-backdrop .modal .modal-header{font-size:20pt}}.modal-backdrop .modal .message-modal{max-width:40em}ul#password-explain{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;text-align:left;margin:10px 20px}.clue-modal{width:100%}.modal-body textarea{width:100%;min-height:5em;padding:.35em .35em}.modal-game{position:relative}.puzzle-responses ul.response-ul{margin:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;position:relative;width:100%}.puzzle-responses ul.response-ul li.response-li{width:100%;position:relative;border-bottom:1px solid #f1f1f1}.puzzle-responses p{word-break:break-all}.puzzle-response{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.puzzle-response,.puzzle-response .date-time{display:-webkit-box;display:-ms-flexbox;display:flex}.puzzle-response .date-time{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;font-size:10pt}.puzzle-list{-ms-flex-wrap:wrap;flex-wrap:wrap}.puzzle-list,.puzzle-list ul.user-puzzles{display:-webkit-box;display:-ms-flexbox;display:flex}.puzzle-list ul.user-puzzles{width:100%;list-style-type:none;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;min-width:15em;position:relative}.puzzle-list ul.user-puzzles li.user-puzzle{position:relative;width:100%}.puzzle-list ul.user-puzzles i{white-space:wrap}.puzzle-list ul.user-puzzles .puzzle-list-item .puzzle-item-main{display:-webkit-box;display:-ms-flexbox;display:flex;position:relative;padding:12px 5px;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;border-bottom:1px solid #2b3e57;border-color:rgba(43,62,87,.25)}.puzzle-list ul.user-puzzles .puzzle-list-item .puzzle-item-main .list-item-parts{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:space-evenly;-ms-flex-pack:space-evenly;justify-content:space-evenly}.puzzle-list ul.user-puzzles .puzzle-list-item .puzzle-item-main .list-item-parts .list-item-part{font-size:10pt}.puzzle-list ul.user-puzzles .puzzle-list-item .puzzle-item-main .list-item-secondary{text-align:left;-webkit-box-flex:0.65;-ms-flex:0.65;flex:0.65}.puzzle-list ul.user-puzzles .puzzle-list-item .puzzle-item-main .list-item-main{-webkit-box-flex:1;-ms-flex:1;flex:1;font-size:15pt}.puzzle-list ul.user-puzzles .puzzle-list-item .puzzle-item-main .list-item-end{display:inline-block;margin-right:10px}.puzzle-list ul.user-puzzles .puzzle-list-item .puzzle-item-main a{text-decoration:none;color:inherit;font-weight:700;color:#516880;position:relative;display:-webkit-box;display:-ms-flexbox;display:flex}.puzzle-list ul.user-puzzles .puzzle-list-item .puzzle-item-main:hover{background-color:#f1f1f1;cursor:pointer}.puzzle-list ul.user-puzzles .puzzle-list-item .puzzle-item-collapse{max-height:0;overflow:hidden;position:relative;-webkit-transition:max-height .45s ease;transition:max-height .45s ease;display:block}.puzzle-list ul.user-puzzles .puzzle-list-item .puzzle-item-collapse .collapse-content{padding:20px 15px;position:relative;width:100%;background-color:#f1f1f1;overflow:hidden}.puzzle-list ul.user-puzzles .puzzle-list-item .puzzle-item-collapse .collapse-content .kv-pair{padding:2px 0}.puzzle-list ul.user-puzzles .puzzle-list-item .puzzle-item-collapse.open{max-height:400px}@media screen and (min-width:650px){.puzzle-list ul.user-puzzles .puzzle-list-item .puzzle-item-main{padding:4px 3px}.puzzle-list ul.user-puzzles .puzzle-list-item .puzzle-item-collapse .kv-pair{margin:auto}.puzzle-list ul.user-puzzles li .list-item-parts{margin-top:0}.puzzle-list ul.user-puzzles li .list-item-parts .list-item-part{font-size:12pt}}.user-edit-item{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin:10px auto;max-width:250px}.user-edit-item span{display:inline-block;margin:auto 0}.user-edit-item .button{margin-left:1em;width:100%}.edit-item{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.edit-item .edit-item-pass span+span{display:inline-block;min-width:110px;text-align:right;color:#677b91}.game-area,.game-builder{width:100%;height:100%}.game-area .builder-playground,.game-builder .builder-playground{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}@media screen and (min-width:650px){.game-area .builder-playground,.game-builder .builder-playground{-ms-flex-pack:distribute;justify-content:space-around;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;position:relative;margin:auto auto;max-width:65em}.game-area .builder-playground .game-area,.game-builder .builder-playground .game-area{max-width:550px}}.game-area .switch-tooltip,.game-builder .switch-tooltip{padding:.5em 0}.game-area.card,.game-builder.card{padding:.5em 1.75em}.builder-cell:hover{background-color:rgba(103,123,145,.25)}.control-panel{position:relative;width:100%;display:inline-block;padding:0}.control-panel .state-switch{-webkit-box-orient:vertical;-ms-flex-direction:column;flex-direction:column;margin-top:1em}.control-panel .state-switch,.control-panel .state-switch ul.state-switch-list{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-direction:normal}.control-panel .state-switch ul.state-switch-list{-webkit-box-orient:horizontal;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-pack:distribute;justify-content:space-around}.control-panel .state-switch ul.state-switch-list li.state-switch-item{list-style-type:none;position:relative;margin:0 .1em}.control-panel .state-switch ul.state-switch-list li.state-switch-item img{height:2.5em;margin:0;top:1px;-webkit-filter:invert(100%);filter:invert(100%)}@media screen and (min-width:650px){.control-panel .state-switch ul.state-switch-list li.state-switch-item{-webkit-box-flex:1;-ms-flex:1;flex:1}}.control-panel .state-switch ul.state-switch-list button{margin-bottom:.2em}.control-panel .state-switch ul.state-switch-list button.switch{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.control-panel .state-switch ul.state-switch-list button.switch span{margin:0 10px;display:none}@media screen and (min-width:650px){.control-panel .state-switch ul.state-switch-list button{padding-right:1em}.control-panel .state-switch ul.state-switch-list button.switch{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.control-panel .state-switch ul.state-switch-list button.switch span{margin:auto 0 auto 1em;display:inline-block;white-space:nowrap}}.control-panel .scaler{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin-top:1em}.control-panel .scaler button{margin:0 .5em}.control-panel .scaler p{margin:auto 0}@media screen and (min-width:650px){.control-panel .game-builder .builder-playground{display:-webkit-box;display:-ms-flexbox;display:flex}.control-panel .game-builder .builder-playground,.control-panel .game-builder .builder-playground .state-switch ul.state-switch-list{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.control-panel .game-builder .builder-playground .state-switch ul.state-switch-list li.state-switch-item img{height:3em;margin:0}.control-panel .game-builder .builder-playground .state-switch ul.state-switch-list li.state-switch-item button{margin-bottom:.2em;padding-right:1em}.control-panel .game-builder .builder-playground .state-switch ul.state-switch-list li.state-switch-item button.switch{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.control-panel .game-builder .builder-playground .state-switch ul.state-switch-list li.state-switch-item button.switch span{margin:auto 0 auto 3em;display:inline-block;white-space:nowrap}}.puzzle-notes-container{height:calc(100% - 10rem);-webkit-transition:left .25s ease-in-out;transition:left .25s ease-in-out;z-index:3;margin-right:1em;position:fixed;z-index:14;width:90%;left:-90%}.puzzle-notes-container .puzzle-notes-panel{display:-webkit-box;display:-ms-flexbox;display:flex;z-index:10;max-height:calc(100vh - 1rem);-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;position:relative;height:inherit;overflow:hidden}.puzzle-notes-container .puzzle-notes-panel .notes-panel{-webkit-box-flex:1;-ms-flex:1;flex:1;margin:10px 0;border-left:1px solid;border-top:1px solid;border-bottom:1px solid;border-color:rgba(103,123,145,.25);border-radius:5px;padding:0 10px;overflow-y:scroll;scroll-behavior:smooth;z-index:10}.puzzle-notes-container .puzzle-notes-panel .notes-panel::-webkit-scrollbar-track{border-radius:14px;background:rgba(103,123,145,.25)}.puzzle-notes-container .puzzle-notes-panel .notes-panel::-webkit-scrollbar-thumb{border-radius:14px;background:#677b91}.puzzle-notes-container .puzzle-notes-panel .notes-panel::-webkit-scrollbar-thumb:hover{background:#516880}.puzzle-notes-container.show{left:-10%}.puzzle-notes-container.show .puzzle-notes-panel{border-radius:5px;-webkit-box-shadow:0 0 4px 0 rgba(0,0,0,.5);box-shadow:0 0 4px 0 rgba(0,0,0,.5);padding-left:calc(10% + 10px)}.puzzle-notes-container .puzzle-notes-panel{position:absolute;padding:10px 5px;width:100%;z-index:3;background-color:#fff}.puzzle-notes-container .puzzle-notes-panel .notes-panel::-webkit-scrollbar{width:8px}.puzzle-notes-container button#puzzle-notes-button{position:absolute;display:-webkit-box;display:-ms-flexbox;display:flex;z-index:2;right:-35px;font-size:14pt;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;width:50px;height:40px;-webkit-box-shadow:0 0 3px 0 rgba(0,0,0,.5);box-shadow:0 0 3px 0 rgba(0,0,0,.5);top:20px}.puzzle-note-item{outline:1px solid #e1e1e1;background-color:#fff;padding:2px 4px;position:relative;display:block;margin:15px 0;text-align:left;width:100%;opacity:1;-webkit-transition:opacity .25s ease-in-out;transition:opacity .25s ease-in-out}.puzzle-note-item.remove{opacity:0}.puzzle-note-item .note-song,.puzzle-note-item .note-song input[id^=song-input]{width:100%}.puzzle-note-item .note-song input[id^=song-input]:disabled{background-color:#fff;border:none}.puzzle-note-item .note-text{margin:5px 0;text-align:left}.puzzle-note-item .note-text textarea{width:100%;overflow:hidden;resize:none;padding:2px 1px}.puzzle-note-item .note-text textarea:disabled{background-color:#fff;border:none}@media screen and (min-width:calc(2*550px)){.puzzle-notes-container{left:unset;top:unset;position:relative;-webkit-box-flex:1;-ms-flex:1;flex:1}.puzzle-notes-container:not(.hide){height:calc(100vh - 4rem)}.puzzle-notes-container .puzzle-notes-panel{max-height:calc(100vh - 18.75rem);position:relative}.puzzle-notes-container.show{left:unset}.puzzle-notes-container.show .puzzle-notes-panel{padding-left:5px}.puzzle-notes-container button#puzzle-notes-button{display:none}}.puzzlename{font-size:15pt}.puzzle-code,.puzzlename{font-weight:700;width:100%}.puzzle-code{font-size:18pt}.home.play{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap-reverse;flex-wrap:wrap-reverse}.home.play .main-play-area{margin:auto;width:100%}.game-area{margin:inherit auto}@media screen and (min-width:650px){#builder-notes{display:none}}.keyboardContainer{display:-webkit-box;display:-ms-flexbox;display:flex;height:100%;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;-ms-flex-preferred-size:1;flex-basis:1}.keyboard{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);position:absolute;width:100%;height:100%;display:grid;gap:.25rem;grid-template-rows:repeat(3,minmax(0,1fr));grid-template-columns:repeat(22,minmax(0,1fr));max-width:65em;max-height:10rem;-webkit-box-sizing:border-box;box-sizing:border-box;margin:auto;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);padding:.25rem .5rem;bottom:0}.keyboard .key{outline:none}.col-span-2{grid-column:span 2/span 2}.col-span-4{grid-column:span 4/span 4}table.admin-user-table{border-collapse:collapse;display:table;text-align:le;position:relative;display:block;width:100%;margin:auto}table.admin-user-table th{white-space:nowrap;padding:1px 5px}table.admin-user-table th:first-child{text-align:left}table.admin-user-table tr.admin-user-row{border-bottom:1px solid #e1e1e1}table.admin-user-table td{width:100%;padding:10px 5px 4px 5px;position:relative}table.admin-user-table td:first-child{text-align:left}table.admin-user-table td.delete-user:hover{cursor:pointer}*{margin:0;padding:0;font-family:Futura,Helvetica,Arial,sans-serif;-webkit-box-sizing:border-box;box-sizing:border-box}ul{list-style:none}#apsp{height:100%;position:relative;background-color:#f1f1f1}#app,body,html{height:100%;width:100%}#content{position:relative;text-align:center;z-index:3;height:calc(100% - 3.5rem - 10px)}.content-limit-width{max-width:65em;margin:auto}.logo{font-family:Futura,Helvetica,Arial,sans-serif}p{margin:0;padding:0}a{text-decoration:none}#app{-ms-touch-action:manipulation;touch-action:manipulation}@media screen and (min-width:calc(2*550px)){#keyboard{display:none}}