#body{margin:0;background:#fff;height:100vh;color:#2a2e32;font-family:Roboto,sans-serif}*,*:after,*:before{box-sizing:border-box}.hide{visibility:hidden !important}.display-none{display:none !important}.not-allowed{cursor:not-allowed !important}.modal{display:none;align-items:center;flex-direction:column;justify-content:center;overflow:hidden;position:fixed;bottom:0;left:0;right:0;top:3rem;z-index:40}.modal.is-active{display:flex !important}.modal-btn{background-color:#fff;color:#2a2e32;border-color:#dee0e2;border-width:1px;border-style:solid;border-radius:.375rem}.modal-btn:hover{border-color:#3daee9}.modal-background{background-color:rgba(42,46,50,.66);bottom:0;left:0;position:absolute;right:0;top:0}.modal-card{display:flex;flex-direction:column;position:absolute;background-color:#fff;border-radius:.375rem;z-index:100}.modal-card.modal-help-card{top:15%;left:15%;width:70%;height:70%}.modal-card.modal-game-over-card,.modal-card.modal-game-win-card{top:20%;left:35%;width:30%;height:60%}.modal-card.modal-game-over-card p,.modal-card.modal-game-win-card p{text-align:center}.modal-header{display:flex;justify-content:center;align-items:center;padding:1rem;border-bottom:#d3d3d3 solid 1px;background-color:#fff;border-top-left-radius:.375rem;border-top-right-radius:.375rem}.modal-header>.modal-title{font-size:1.75rem;font-weight:bold;display:flex;justify-content:flex-start;flex-grow:1}.modal-header>.modal-title>.modal-title-icon{margin-right:.75rem}.btn-cross{width:1.75rem;height:1.75rem;line-height:1.75rem;font-size:1.5rem;font-weight:bold;text-align:center;background-color:#fff;color:#2a2e32;border:none;cursor:pointer}.btn-cross:hover{color:#3daee9}.modal-content{padding:1rem;overflow-y:auto;flex-grow:1;font-size:1rem}.modal-content.flex{display:flex}.modal-content .modal-content-reference{display:flex;flex-direction:column;width:18rem;position:sticky;top:0;cursor:pointer}.modal-content .modal-content-reference .level-1{margin-bottom:.25rem}.modal-content .modal-content-reference .level-2{padding-left:.75rem;margin-bottom:.25rem}.modal-content .modal-content-reference .reference:hover{text-decoration:underline}.modal-content .help-gameplay-steps>li{margin:.25rem 0}.modal-content .help-gameplay-steps>li::marker{font-weight:bold}.modal-content .modal-game-info{display:flex;flex-direction:column;justify-content:center}.modal-content .modal-game-info>div{align-self:center}.modal-content .modal-game-info .modal-game-points-text{font-weight:bold}.modal-content .modal-game-info .modal-game-reward{display:flex;flex-direction:column;justify-content:center}.modal-content .modal-game-info .modal-game-reward>div,.modal-content .modal-game-info .modal-game-reward>img{align-self:center}.modal-content .modal-game-info .modal-game-reward>.modal-game-reward-img{height:5rem}.modal-content .code-info{display:flex;flex-direction:column;justify-content:center}.modal-content .code-info>div{align-self:center}.modal-content .code-info .modal-code{height:100%;padding:.5rem;margin:0 .5rem;border-color:#3daee9;border-width:1px;border-style:solid;border-radius:.375rem;cursor:text}.modal-content .modal-content-header-wrapper{display:flex;align-items:center}.modal-content .modal-content-header-wrapper>.header-bar{height:2rem;border:.125rem solid #3daee9;border-radius:.375rem;margin-right:.5rem}.modal-content .dataset{height:20rem;margin:0 1.5rem .25rem 1.5rem;overflow:auto}.modal-content .dataset>.table-data{width:100%}.modal-content .dataset>.table-data thead{position:sticky;top:0}.modal-content .dataset>.table-data tr:nth-child(even){background:#f8f8f8}.modal-content .dataset>.table-data tr:nth-child(odd){background:#fff}.modal-content .dataset>.table-data th{text-align:center;background-color:#2a2e32;color:#fff}.modal-content .dataset>.table-data td{text-align:center}.modal-footer{display:flex;align-items:center;justify-content:center;padding:1rem;border-top:#d3d3d3 solid 1px;background-color:#fff;border-bottom-left-radius:.375rem;border-bottom-right-radius:.375rem}.modal-footer>.btn-footer{height:2.5rem;line-height:2.5rem;padding:0 1rem;margin:0 .5rem;cursor:pointer}.toggle-btn{display:flex;align-items:center;height:1.125rem;width:3rem;border-radius:1.125rem;cursor:pointer}.toggle-btn[data-value=true]{background-color:#3daee9}.toggle-btn[data-value=true]>.toggle-btn-slider{margin-left:2.0625rem}.toggle-btn[data-value=false]{background-color:#2a2e32}.toggle-btn[data-value=false]>.toggle-btn-slider{margin-left:.1875rem}.toggle-btn.inactive{cursor:default !important}.toggle-btn.inactive[data-value=true]{background-color:#b1def6}.toggle-btn.inactive[data-value=false]{background-color:#a9abad}.toggle-btn>.toggle-btn-slider{background-color:#fff;height:.75rem;width:.75rem;border-radius:.75rem;transition:.3s;-webkit-transition:.3s}.dropdown{position:relative;width:12rem}.dropdown>.dropdown-btn{display:flex;justify-content:space-between;height:100%;align-items:center}.dropdown>.dropdown-btn>.dropdown-btn-info{display:flex;justify-content:space-between;height:100%;align-items:center;margin-right:.25rem;flex-grow:1}.dropdown>.dropdown-btn>.dropdown-btn-info>.dropdown-btn-item{height:100%}.dropdown>.dropdown-btn>.dropdown-btn-info>.reward{display:flex;justify-content:center;align-content:center;flex-direction:column}.dropdown>.dropdown-btn>.dropdown-btn-info>.reward>img{max-height:1rem}.dropdown>.dropdown-btn>.dropdown-btn-info>.points{font-size:.7rem;font-weight:normal;width:3.5rem}.dropdown>.dropdown-menu{position:absolute;background-color:#2a2e32;width:14rem;top:100%;left:-1rem;z-index:20}.dropdown>.dropdown-menu .dropdown-menu-item{display:flex;justify-content:space-between;align-items:center;font-weight:normal;font-size:1rem;height:2rem;line-height:2rem;padding:0 1rem;color:#fff}.dropdown>.dropdown-menu .dropdown-menu-item>.reward{display:flex;justify-content:center;align-content:center;flex-direction:column}.dropdown>.dropdown-menu .dropdown-menu-item>.reward>img{max-height:.7rem}.dropdown>.dropdown-menu .dropdown-menu-item>.points{font-size:.6rem}.dropdown>.dropdown-menu .dropdown-menu-item:hover{color:#3daee9}.navbar,.navbar-menu,.navbar-start,.navbar-center,.navbar-end{display:flex}.navbar{height:3rem;background-color:#2a2e32}.navbar-menu{height:100%;flex:1 0;font-size:1.125rem;align-items:stretch}.navbar-start{height:100%;justify-content:flex-start;margin-right:auto}.navbar-center{height:100%;justify-content:center}.navbar-end{height:100%;justify-content:flex-end;margin-left:auto;align-items:center}.navbar-brand{width:10rem}.navbar-brand .logo{max-width:8rem;cursor:pointer}.navbar-item{display:flex;justify-content:center;color:#fff;font-weight:bold;padding:0 1rem;height:3rem;line-height:3rem;margin:0 1.5rem;cursor:pointer}.navbar-item>.label-icon.left{margin-right:.5rem}.navbar-item>.label-icon.right{margin-left:.5rem}.navbar-item.has-hover:hover{color:#3daee9}.nav-survey{display:flex;height:80%;color:#fff;justify-content:center;align-items:center;margin:0 1.5rem;padding:0 1rem;border-radius:.375rem;border-width:1px;border-style:solid;border-color:#3daee9;cursor:default}.nav-survey>.label{font-weight:bold;font-size:1rem}.nav-survey>.code{cursor:text;margin:0 .75rem}.nav-survey>.copy{cursor:pointer;font-size:.75rem}.nav-survey>.copy:hover{color:#3daee9}.nav-survey.inactive{border-color:#fff !important}.nav-survey.inactive>.code{cursor:default !important}.nav-survey.inactive>.copy{cursor:default !important}.nav-survey.inactive>.copy:hover{color:#fff}#main{display:grid;margin:0 4rem;height:calc(100% - 3rem);grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;grid-template-areas:"last-vis curr-vis" "game-table game-table"}#last-vis{grid-area:last-vis;display:flex;flex-direction:column;align-items:center;width:100%;height:100%}#current-vis{grid-area:curr-vis;display:flex;flex-direction:column;align-items:center;width:100%;height:100%}.vis-container .vis-label{margin-top:1rem;height:2rem;font-weight:bold}.vis-container .vis-plot{height:21rem;width:46rem}.vis-container .vis-dataset{height:1rem;font-size:.7rem;margin-top:.5rem}#game-table{grid-area:game-table;display:flex;margin:0 3rem;height:100%;overflow-x:auto}#game-table .column{display:flex;flex-direction:column;flex:1 1 auto;align-items:center}#game-table .column .row{height:1.5rem;width:100%;display:flex;justify-content:center;align-items:center;flex:0 0 auto}#game-table .column .row.header{text-align:center;background-color:#fff;border-bottom:1px solid #2a2e32;line-height:1.5rem;position:sticky;top:0;font-weight:bold;z-index:10}#game-table .column .row.label{justify-content:left;padding-left:1rem}#game-table .column .row.action:nth-child(odd){background-color:#f8f8f8}#game-table .column .row.action:nth-child(even){background-color:#fff}#game-table .column .row.sticky{z-index:10;position:sticky}#game-table .column .row.sticky[data-bottom-row="0"]{bottom:0rem}#game-table .column .row.sticky[data-bottom-row="1"]{bottom:1.5rem}#game-table .column .row.sticky[data-bottom-row="2"]{bottom:3rem}#game-table .column .row.sticky[data-bottom-row="3"]{bottom:4.5rem}#game-table .column .row.sticky[data-bottom-row="4"]{bottom:6rem}#game-table .column .row.sticky[data-bottom-row="5"]{bottom:7.5rem}#game-table .column .row.objective{background-color:#fff;z-index:10}#game-table .column .row.objective.result{background-color:#fff;padding:.125rem}#game-table .column .row.objective.result .obj_indicator{width:100%;height:100%;border-radius:.125rem}#game-table .column .row.objective.result .obj_indicator[data-value=none]{background-color:#fff}#game-table .column .row.objective.result .obj_indicator[data-value=correct]{background-color:#58ddb1}#game-table .column .row.objective.result .obj_indicator[data-value=partial]{background-color:#fccc70}#game-table .column .row.objective.result .obj_indicator[data-value=wrong]{background-color:#f37683}#game-table .column .row.confirm{height:3rem;background-color:#fff}#game-table .column .row .confirm-btn{height:2rem;line-height:2rem;width:calc(100% - .25rem);background-color:#fff;color:#2a2e32;border-style:solid;border-width:1px;border-color:#dee0e2;border-radius:.375rem;text-align:center;cursor:pointer}#game-table .column .row .confirm-btn:hover{border-color:#3daee9}