*{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}}body.jigsaw{overflow-x:hidden;background:#ffffff}body.jigsaw .page-container{width:100%;max-width:none}body.jigsaw #game{display:flex;flex-direction:column;align-items:stretch;padding:0;width:100%}#puzzle-wrapper{position:relative;width:100%;height:var(--canvas-height, auto);background:#ffffff;overflow:hidden}#puzzle-zone{position:absolute;top:var(--puzzle-top, 24px);left:var(--puzzle-left, 0);width:var(--puzzle-width, 640px);height:var(--puzzle-height, 426px);background:#000000;pointer-events:none;z-index:0}#puzzle-canvas{position:relative;z-index:1;margin:0 auto;outline:none}.puzzle-hint{color:#555;font-size:14px;margin:12px 16px 16px;text-align:center}header .menu-left{align-items:center;display:flex;gap:10px}body.jigsaw header{position:relative;z-index:1001}.difficulty-nav{display:flex;gap:6px}.difficulty-button{background:#0061AC;border:1px solid #0061AC;border-radius:4px;color:#fff;font-size:12px;padding:5px 8px;text-decoration:none}.difficulty-button:hover{background:#004a83;border-color:#004a83;color:#fff}.difficulty-button.active{background:#fff;border-color:#0061AC;color:#0061AC}header .menu-right{align-items:center;display:flex;gap:8px;margin:0 16px 0 0;width:auto}header img.preview-thumbnail{width:auto !important;height:30px}#preview-button.preview-thumbnail-button{border-radius:4px;line-height:0;overflow:hidden;padding:0}#preview-button.preview-thumbnail-button .preview-thumbnail{border:1px solid #0061AC;border-radius:3px;display:block;height:24px;object-fit:cover;width:36px}#preview-button.preview-thumbnail-button:active .preview-thumbnail,#preview-button.preview-thumbnail-button:focus-visible .preview-thumbnail{border-color:#004a83;box-shadow:0 0 0 2px rgba(0,97,172,0.35)}#puzzle-wrapper.puzzle-hidden{visibility:hidden;pointer-events:none}body.jigsaw.puzzle-not-started .puzzle-hint{visibility:hidden}.preview-modal.open{height:calc(100vh - 60px);left:0;margin:0;max-height:none;overflow:hidden;top:60px;width:100%}.preview-modal.preview-mode-begin.open{background-color:#fff}.preview-modal.preview-mode-help.open{background-color:transparent;pointer-events:none}.preview-modal.preview-mode-help .preview-modal-content{pointer-events:auto}.preview-modal-content{max-width:680px}.preview-image{display:block;height:auto;max-width:100%;width:100%}.preview-actions{display:flex;justify-content:center;margin-top:16px}.preview-begin-button{background:#0061AC;border:1px solid #0061AC;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:8px 24px}.preview-begin-button:hover{background:#004a83;border-color:#004a83}a.preview-begin-button{display:inline-block;text-align:center;text-decoration:none}a.preview-begin-button:hover{color:#fff}.complete-actions{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-top:16px}#help_modal .modal-content{max-width:680px}#help_modal .instructions ul{list-style:disc;padding:20px 10px 20px 28px}#help_modal .instructions ul li{margin-bottom:12px}.help-good-luck{color:#0061AC;font-size:16px;font-weight:bold;margin:8px 0 20px;text-align:center}