*{margin:0;padding:0}p{margin:14px 0}html,body{font-family:"Lucida Sans", "Lucida Sans Regular", "Lucida Grande", "Lucida Sans Unicode", Geneva, Verdana, sans-serif;background-color:#ffffff;overflow-x:auto}body.locked{overflow:hidden}.page-container{width:100%;margin:0 auto}header{border-bottom:1px solid #0061AC;height:60px;display:flex;flex-direction:row;align-items:center;justify-content:space-between;flex-wrap:nowrap}header .menu-left{display:flex;margin:0 0 0 16px;padding:0;align-items:center;width:70px;justify-content:flex-start}header .menu-right{display:flex;width:70px;justify-content:flex-end;margin:0 16px 0 0}header .title{color:white;text-align:center;left:0;right:0;pointer-events:none}header .title .title-text{color:#0061AC;font-size:15px;font-weight:600}header .title .title-img{height:40px}header button{-webkit-writing-mode:horizontal-tb !important;text-rendering:auto;color:-internal-light-dark(black, white);letter-spacing:normal;word-spacing:normal;line-height:normal;text-transform:none;text-indent:0px;text-shadow:none;text-align:center;cursor:default;border:0;background-color:#ffffff}header .icon img{width:30px;height:30px}.btn{color:#333;background-color:#fff;border-color:#ccc;display:inline-block;margin-bottom:0;font-weight:400;text-align:center;white-space:nowrap;vertical-align:middle;-ms-touch-action:manipulation;touch-action:manipulation;cursor:pointer;background-image:none;border:1px solid transparent;padding:6px 12px;font-size:14px;line-height:1.42857143;border-radius:4px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.btn-large{padding:0.5rem 1rem;font-size:1.25rem;line-height:1.5;border-radius:0.3rem}.btn-yellow{background-color:#c8a91b !important;border-color:#c8a91b !important;color:#eee}.btn-green{background-color:#538d4e !important;border-color:#538d4e !important;color:#fff}.btn-primary{background-color:#0061AC !important;border-color:#0061AC !important;color:#fff}.btn-secondary{background-color:#CCCCCC !important;border-color:#CCCCCC !important;color:#fff}.btn:disabled,.btn[disabled]{background-color:#3a3a3c !important;border-color:#3a3a3c !important;color:#666666;cursor:default}#system_message{visibility:hidden;position:absolute;top:10%;left:50%;transform:translate(-50%, 0);pointer-events:none;width:fit-content;color:#fff;background-color:#3a3a3c;padding:0.5rem 1rem;font-size:1.25rem;line-height:1.5;border-radius:0.3rem;z-index:4000}.sessions{background-color:#fff;border:1px solid #efefef;margin:40px auto 0;padding:20px;width:340px}.sessions input{width:300px;height:30px;font-size:18px;padding:5px}.sessions input.submit{height:40px;width:295px}.hidden{display:none !important}.alert{position:relative;padding:0.75rem 1.25rem;margin-bottom:1rem;border:1px solid transparent;border-radius:0.25rem}.alert-notice{color:#155724;background-color:#d4edda;border-color:#c3e6cb}.alert-alert{color:#856404;background-color:#fff3cd;border-color:#ffeeba}.alert-info{color:#0c5460;background-color:#d1ecf1;border-color:#bee5eb}.modal{display:none;position:fixed;z-index:1000;top:0;margin:60px auto;max-height:calc(100vh - 50px);overflow-y:auto;width:100%}.open{display:block !important}#stats_content{display:flex;flex-direction:column;justify-content:center}.modal-content{background-color:#ffffff;padding:20px;border:1px solid #0061AC;color:#3a3a3c;margin:0 auto}.modal-content section{align-items:center;padding:16px 0}#answers_modal .modal-content:hover{transform:scale(2);top:205px;position:relative}.modal-footer{display:flex;justify-content:space-between;align-items:center;font-size:11px;color:#aaa}.modal-title{display:flex;justify-content:space-between;align-items:center;background-color:#fefefe;margin:0 auto;width:100%;font-size:22px;font-weight:bold}.modal-title .close{color:#3a3a3c;justify-content:flex-end}.modal-title .close:hover,.modal-title .close:focus{color:black;text-decoration:none;cursor:pointer}.answers{text-align:center;border-top:1px solid #3a3a3c;padding-top:20px}.instructions{font-size:14px;color:#3a3a3c}.instructions img{width:100%;margin-bottom:15px}.instructions ul{width:95%;border-top:1px solid #3a3a3c;padding:20px 10px;list-style:none}.instructions ul li .title{font-weight:bold;color:#0061AC}.instructions ul li{margin-bottom:10px;color:#707070}.examples{border-bottom:1px solid #3a3a3c;border-top:1px solid #3a3a3c}.example{display:flex;align-items:center;flex-grow:1}.example .square{color:#3a3a3c}.example .square-colored{color:#fff}.explanation{margin:0 0 24px 10px}.feedback{font-size:14px;color:#707070}game-tile{width:40px;height:40px}:host([page]) section{padding:16px;padding-top:0px}.game-results-title{font-size:22px;font-weight:bold;width:100%;margin:10px 0;text-align:center;color:#3a3a3c}.game-results-graph{width:80%}.graph-container{width:100%;height:20px;display:flex;align-items:center;padding-bottom:4px;font-size:14px;line-height:20px}.graph-container .graph{width:100%;height:100%;padding-left:4px}.graph-container .graph .graph-bar{height:100%;width:0%;position:relative;background-color:#818384;display:flex;justify-content:center}.graph-container .graph .results-bar{background-color:#0061AC !important}.graph-container .graph .num-guesses{font-weight:bold;color:#fff}.statistics{display:flex;margin-bottom:20px}.statistic-container{flex:1;flex-grow:1;flex-shrink:1;flex-basis:0%;margin:0 10px}.statistic-container .statistic{font-size:36px;font-weight:400;display:flex;align-items:center;justify-content:center;text-align:center;letter-spacing:0.05em;font-variant-numeric:proportional-nums}.statistic-container .label{font-size:12px;display:flex;align-items:center;justify-content:center;text-align:center}.engagement-container{display:flex;margin-top:10px;width:80%}.engagement-left{flex:75%;padding-top:15px}.engagement-right{flex:25%}.solution{font-weight:bold;color:#0061AC;position:relative;display:inline-block;border-bottom:1px dotted black;cursor:help}.solution-meta{visibility:hidden;font-weight:normal;width:350px;background-color:#fff;color:#3a3a3c;border:1px solid #3a3a3c;border-radius:6px;padding:10px;position:absolute;z-index:1;top:-250px;left:10px;margin-left:-60px}.solution:hover .solution-meta{visibility:visible}@media (min-width: 600px){body{height:100vh}header{padding:0 26px 0 16px}.modal{height:100%;overflow:auto}.modal-content{margin:0 auto;width:500px}.solution-meta{top:100%;left:55px}}#container{display:flex;background-color:#ffffff;align-items:center;flex-direction:column}#game{width:100%;height:100%;display:flex;flex-direction:column;margin:0 auto}#board-container{display:flex;justify-content:center;align-items:center;margin:0 auto}.board{display:grid;grid-gap:0;padding:10px;box-sizing:border-box}.blank_space{border:0}.blocker{background-color:#707070;border:0}.square{border:1px solid #A0CFEB;min-width:30px;min-height:30px;font-size:0.75em;font-weight:bold;color:#707070;text-transform:uppercase;justify-content:center;align-items:center;margin:1px;text-align:center;cursor:pointer}.square input.guess{width:18px;height:23px;float:right;margin-top:5px;border:none;text-align:left;font-size:14px;font-weight:bold;text-transform:uppercase;line-height:30px;color:#707070}.square input.guess:focus{outline:none}.square.highlighted input.guess{background-color:#d2e6f2;color:#707070 !important}.square.active input.guess{background-color:#A0CFEB !important}.square.highlighted{border:1px solid #A0CFEB !important;background-color:#d2e6f2;box-shadow:0 5px 15px rgba(255,255,255,0.4);color:#707070 !important}.square.active{background-color:#A0CFEB !important}.square.correct .guess,.square.correct input.guess{color:#009900 !important}.square.wrong .guess,.square.wrong input.guess{color:#ab0d0d !important}.square span{display:inline-block}.square .clue_num{font-size:0.5em;color:#707070;min-width:12px;float:left}.square .guess{font-size:14px;line-height:30px;color:#707070}.square span:nth-child(2){left:-5px;position:relative}#hint-container{margin:0 auto;color:gainsboro}#new-game-container{margin:0 auto;color:gainsboro}#clue-container{padding:5px 0 5px 5px;bottom:0;z-index:2;box-sizing:border-box;margin:0 auto;display:flex;font-size:14px;touch-action:manipulation;position:sticky;width:100%;background-color:white;max-height:270px;min-height:25%}.clues{display:flex;width:100%;max-width:900px;margin:0 auto;margin-top:10px;margin-bottom:20px}.clues .correct:before{content:"\2713";display:inline-block;width:10px;font-weight:bold;color:#009900}.clues .wrong:before{content:"x";display:inline-block;width:10px;font-weight:bold;color:#ab0d0d}.clues .across,.clues .down{flex:1;display:flex;flex-direction:column;height:100%}.clues ol{overflow:auto;height:100%;list-style-type:none;padding-top:0}.clues ol li{line-height:1.2;padding:2px;cursor:pointer;margin-bottom:5px}li.highlighted{background-color:#d2e6f2}