body{text-align:center;font-family:Arial,sans-serif}.puzzleGrid{display:grid}.subgrid{text-align:center;vertical-align:bottom;margin:.2vmin;display:grid}.cellContainer{text-align:left;display:inline-block}.cellContainer2{width:3.5vmin;height:3.5vmin}.innerCellContainer{text-align:left;display:inline-block}.leftCell{display:inline-block}.topEntityText{writing-mode:vertical-rl;text-align:left;width:3.5vmin;height:10vmin;margin:auto;font-size:1.5vmin;transform:rotate(215deg)translate(-2.5vmin,2vmin)}.leftEntityText{width:10vmin;margin:auto;font-size:1.5vmin}.leftCategoryText{writing-mode:vertical-lr;width:3.5vmin;height:14vmin;font-size:2.5vmin;display:inline-block;transform:rotate(180deg)}.cell{width:3.5vmin;height:3.5vmin;vertical-align:middle;cursor:pointer;color:#333;text-align:center;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-khtml-user-select:none;background-color:#fff;border:.2vmin solid #7e7474;line-height:normal;display:inline-block}.unselected{width:3.5vmin;height:3.5vmin;vertical-align:middle;cursor:pointer;color:#333;text-align:center;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-khtml-user-select:none;background-color:#fff;border:.3vmin solid #7e7474;line-height:normal;display:inline-block}.selected{width:3.5vmin;height:3.5vmin;vertical-align:middle;cursor:pointer;color:#333;text-align:center;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-khtml-user-select:none;background-color:#fff;border:.7vmin solid #2aac25;line-height:normal;display:inline-block}.cell span,.selected span,.unselected span{font-size:3vmin;display:inline-block}.linked{color:#07551e}.notlinked{color:#861414}.linkedUnsure{color:#747474}.notlinkedUnsure{color:#818181}.subgridRow{display:flex}.puzzleArea{margin:5vmin,10vmin;width:100%;justify-content:center;display:flex;overflow-y:scroll}.printable{margin:5vmin,10vmin;width:100%;background-color:#fff;flex-direction:column;justify-content:center;display:flex}.printableRight{flex-direction:initial;display:flex}.printArea{margin:5vmin,10vmin;width:100%;justify-content:center;overflow-y:scroll}.scenario{text-align:center;font-size:2vmin}h1{font-size:3vmin}h2{font-size:2.3vmin}div{font-size:2.5vmin}.parent{width:100%;overflow-y:scroll}ol{width:30vmin;font-size:2vmin}li{text-align:left}.smalltext{font-size:2vmin}.hint:hover{cursor:pointer}.strikedText{color:#861414;text-decoration:line-through}.button{width:10vmin;font-size:3vmin}.recorded{width:100%;text-align:center;margin-top:5vmin}.slide{width:100%;justify-content:center;display:flex}.slide img{width:70%}.surveyImg{width:50vmin}.puzzleLeft{width:50%}.nextButton{float:right;height:4vmin;margin-top:3vmin;margin-right:30%;font-size:2vmin}.survey ul{list-style-type:none}.survey li input[type=radio]{width:2vmin;height:2vmin}.survey li label,.survey h1{font-size:2vmin}.backButton{float:left;height:4vmin;margin-top:3vmin;margin-left:30%;font-size:2vmin}.startGame{margin-top:3vmin;font-size:4vmin}.consent{width:70%;justify-content:center;margin:0 auto;position:relative}.consent div{margin:5vmin,10vmin;justify-content:center}.consent img{width:100%}.codeBanner{width:100%;height:10vmin;color:#fff;background-color:#861414;justify-content:center}.codeBanner div{padding:2vmin}.consentButtonLeft{z-index:2;height:4%;width:45%;margin:3vmin;font-size:2vmin;position:absolute;bottom:9.3%;left:0}.consentButtonRight{z-index:2;height:4%;width:45%;margin:3vmin;font-size:2vmin;position:absolute;bottom:9%;right:0}.hints{width:95%;background-color:#e6ccbe;margin:10px;padding:0 0 10px}.hintsBlack{width:95%;background-color:#fff;margin:10px;padding:0 0 10px}.hints p,.hintsBlack p{text-align:justify;margin:.5vmin;padding:.5vmin;font-size:1.7vmin}.hints h1{color:#e9d0c4;background-color:#a07178;border:5px solid #624146;font-size:4vmin}.hintsBlack h1{color:#000;background-color:#fff;border:5px solid #000;font-size:4vmin}.hints ol,.hintsBlack ol{text-align:justify;width:90%}.hints ol li,.hintsBlack ol li{width:90%;margin:5px;font-size:1.7vmin}.topnav{color:#fff;width:100vw;background-color:#776274;margin:0;padding:0;display:block;overflow:hidden}.topnav img{float:right;padding-top:5px;padding-bottom:10px;padding-right:16px}.topnav button{float:left;color:#fff;height:75px;text-align:center;background-color:#776274;border:0;padding:14px 16px;font-size:17px;text-decoration:none}.topnav button:hover{color:#000;background-color:#ddd}.topnav button.active{color:#fff;background-color:#522504}.toggleCheckbox{display:none}.toggleButton{width:fit-content;color:#776274;cursor:pointer;background:#776274;border:3px solid #776274;border-radius:20px;grid-template-columns:repeat(2,1fr);margin:10px;font-weight:700;display:grid;position:relative}.toggleButton:before{content:"";width:50%;height:100%;background:#e9d0c4;border-radius:20px;transition:all .3s;position:absolute;left:0%}.toggleButton div{text-align:center;z-index:1;padding:3px}.toggleCheckbox:checked+.toggleButton:before{left:50%}.toggleCheckbox:checked+.toggleButton div:first-child{color:#e9d0c4;transition:color .3s}.toggleCheckbox:checked+.toggleButton div:last-child{color:#343434;transition:color .3s}.toggleCheckbox+.toggleButton div:first-child{color:#343434;transition:color .3s}.toggleCheckbox+.toggleButton div:last-child{color:#e9d0c4;transition:color .3s}.activeToggleText{background-position:top;background-size:90%;display:inline-block;color:#fff!important;height:100%!important;background-color:#522504!important;margin:0!important}.inactiveToggleText{background-size:100%;padding:6px;display:inline-block;color:#000!important;height:100%!important;background-color:#0000!important;margin:0!important}.playToggles{display:flex}