.app{height:100vh;-webkit-print-color-adjust:exact;print-color-adjust:exact}:root{--headerHeight: 8vh;--subHeaderHeight: 6vh;--footerHeight: 6vh;--settingsWidth: 20vw;--settingsHeight: 30vh;--puzzleAmount: 3;--mainAreaHeight: calc(100vh - var(--headerHeight) - var(--footerHeight));--subHeaderFontSize: 2vh;--printHeight: 190mm;--printWidth: 290mm;--printHeaderFontHeight: 10mm;--printTextHeight: 6mm}.flexRow{display:flex;flex-direction:row}.flexColumn{display:flex;flex-direction:column}@media print{@page{size:landscape}}@font-face{font-family:PT Sans;src:url(./PT_Sans-Web-Regular-BTvKrz6H.ttf) format("truetype")}@font-face{font-family:Neucha;src:url(./Neucha-9fePpGJi.ttf) format("truetype")}@font-face{font-family:Courgette;src:url(./Courgette-Regular-CQDptCtT.ttf) format("truetype")}body{font-family:PT Sans,sans-serif;margin:0;padding:0}.puzzleBar{background-color:#a4c7f4;display:flex;flex-direction:row;justify-content:flex-start;height:var(--subHeaderHeight)}.puzzleNameBar{background-color:#a4c7f4;font-size:var(--subHeaderFontSize);font-weight:700;cursor:pointer;padding:5px;text-decoration:none;color:#000;display:flex;justify-content:center;align-items:center}.puzzleNameBar:visited{text-decoration:none;color:#000}.selectedPuzzleNameBar{background-color:#a4c7f4;font-size:calc(var(--subHeaderFontSize) + .5vh);font-weight:700;cursor:pointer;padding:5px;text-decoration:none;color:#000;display:flex;justify-content:center;align-items:center}.puzzles{height:var(--mainAreaHeight)}@media only screen and (min-width: 768px){.puzzles{display:flex;flex-direction:row;width:100vw;margin-top:1vh;justify-content:space-around}}.puzzle{display:flex;flex-direction:column;align-items:center;cursor:pointer;height:calc(var(--mainAreaHeight) / var(--puzzleAmount))}@media only screen and (min-width: 768px){.puzzle{width:calc(100vw / var(--puzzleAmount) - 5vw);height:calc(100vw / var(--puzzleAmount) - 5vw)}}.thumbnail{height:calc((var(--mainAreaHeight) - var(--puzzleAmount) * var(--subHeaderHeight)) / var(--puzzleAmount))}.puzzleName{font-weight:700;color:#000;text-decoration:none}.puzzleName:visited{text-decoration:none;color:#000}.puzzleNameText{background-color:#a4c7f4;font-size:2vh;font-weight:700;cursor:pointer;text-align:center;display:table-cell;vertical-align:middle;height:var(--subHeaderHeight);line-height:var(--subHeaderHeight);width:100vw;text-decoration:none;color:#000;margin:0}@media only screen and (min-width: 768px){.puzzleNameText{width:calc(100vw / var(--puzzleAmount) - 5vw)}}@media only screen and (min-width: 1200px){.main{display:flex;flex-direction:row;height:calc(var(--mainAreaHeight) - var(--subHeaderHeight))}}.settings{height:var(--settingsHeight);width:100vw;background-color:#fff}.treasureSettings{display:flex;flex-direction:column;flex-wrap:wrap;font-size:var(--subHeaderFontSize);height:100%}@media only screen and (min-width: 1200px){.settings{display:flex;flex-direction:column;height:calc(var(--mainAreaHeight) - var(--subHeaderHeight));width:var(--settingsWidth)}}.printPreview{position:relative;width:90vw;max-width:200vh;white-space:nowrap;overflow-x:scroll;overflow-y:hidden;margin-left:1vh}@media only screen and (min-width: 1200px){.printPreview{display:flex;flex-direction:row;height:calc(var(--mainAreaHeight) - var(--subHeaderHeight));width:calc(100vw - var(--settingsWidth));overflow-x:unset}}header{background-color:#7cadef;font-size:2.5vh;font-family:Neucha;font-weight:700;text-transform:uppercase;cursor:pointer;letter-spacing:1vh;display:flex;flex-direction:row;justify-content:space-between;align-items:center;height:var(--headerHeight)}.headerWrapper{padding:1vh;text-decoration:none}@media only screen and (min-width: 768px){.headerWrapper{font-size:5vh;letter-spacing:1vh}}.headerWrapper:visited{color:#000}.languages{font-size:1.2vh;display:flex;flex-direction:row;align-items:center;letter-spacing:2px}@media only screen and (min-width: 768px){.languages{font-size:2vh}}.language{margin-right:10px;font-weight:400}.selectedLanguage{margin-right:10px;font-weight:700;font-size:1.5vh}@media only screen and (min-width: 768px){.selectedLanguage{font-size:2.5vh}}.Footer{display:block;position:absolute;background-color:#7cadef;font-weight:700;font-size:var(--subHeaderFontSize);width:100%;height:var(--footerHeight);bottom:0;align-items:center}.numberComplexity{display:flex;flex-direction:column;padding:1vh}.clickable{cursor:pointer}.operationsContainer{display:flex;flex-wrap:wrap}.operationItem{flex:0 0;display:flex;flex-direction:row}.operationText{margin:0;width:20px}.secrectCodePrint{display:flex;flex-direction:row}.choiceContainer{display:flex;flex-direction:row;font-size:var(--subHeaderFontSize)}.messageInputContainer{display:flex;flex-direction:column;font-size:var(--subHeaderFontSize);margin-top:10px}.printSecretCode{display:flex;flex-direction:column;align-items:flex-start;margin:0 10px}.secretCodeDescription{margin:1vh;font-size:calc(.8 * var(--subHeaderFontSize))}.secretCodeDescriptionText{margin:0 1vh}.codeWrapper{display:flex;flex-direction:column;margin:1vh;width:200vw}.codeRow{display:flex;flex-direction:row}.codeKey{font-weight:700;font-size:var(--subHeaderFontSize);margin:0 10px 0 0}.codeLetter{display:flex;flex-direction:column;align-items:center;justify-content:center;width:4vh;margin:1vh 1.2vh 1vh 0;font-size:calc(.5 * var(--subHeaderFontSize))}.codeLetterPrint{display:flex;flex-direction:column;align-items:center;justify-content:center;margin:.5vh 1.2vh .5vh 0;font-size:calc(.3 * var(--subHeaderFontSize))}.letterPlaceHolder{border:1px solid gray;width:4vh;height:5vh;font-size:6vh}.letterPlaceHolderPrint{border:1px solid gray;width:4vh;height:3vh;font-size:3vh}.codeKey{display:flex;flex-direction:row;flex-wrap:wrap;width:80vh}.secrectCodeTable{width:fit-content}.secretCodeMain{display:flex;flex-direction:column;justify-content:space-between;height:calc(var(--mainAreaHeight) - var(--headerHeight) - var(--subHeaderHeight) - var(--settingsHeight))}.secretMessageTextArea{width:90%;word-wrap:break-word;overflow-y:auto;-webkit-hyphens:none;hyphens:none;border:1px solid #888;resize:none;outline:none;margin:0 1vh;text-transform:uppercase;font-family:PT Sans,sans-serif;font-size:2.5vh}.errorMessageTextArea{width:90%;word-wrap:break-word;overflow-y:auto;-webkit-hyphens:none;hyphens:none;border:1px solid red;resize:none;outline:none;margin:0 1vh;text-transform:uppercase;font-family:PT Sans,sans-serif;font-size:2.5vh}.buttons{display:flex;position:absolute;top:calc(var(--headerHeight) + var(--subHeaderHeight) + var(--settingsHeight));z-index:2;background-color:#a4c7f4;opacity:80%;left:1vh}@media only screen and (min-width: 1200px){.buttons{top:calc(var(--headerHeight) + var(--subHeaderHeight));left:calc(var(--settingsWidth) + 1vh)}}.button{height:4vh;width:4vh;margin:1vh;cursor:pointer}.clickableRadio{display:flex;flex-direction:row;cursor:pointer}.monsterCell{display:flex;flex-direction:row;margin:5px}.printContainer{width:calc(100vw - var(--settingsWidth));height:calc(100vh - var(--headerHeight) - var(--subHeaderHeight) - var(--footerHeight))}.printPageText{display:inline-block;float:none;font-size:calc(.8 * var(--subHeaderFontSize));margin-left:20px;margin-right:20px}.printPageTextPrint{display:inline-block;float:none;margin-left:20px;margin-right:20px}@media only screen and (min-width: 1200px){.printPageText{font-size:var(--subHeaderFontSize)}}.printPageAnswer{margin:20px 0 0}.printEquation{margin:4px 0;display:flex;flex-direction:row;flex-wrap:nowrap}.equationText{margin:0 5px 0 0}.equationAnswerText{margin:0 5px 0 0;font-family:Courgette;text-decoration:underline}.card-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;padding:30px}.card{background-color:#fff;border:1px solid #e0e0e0;border-radius:10px;padding:20px;text-align:center;transition:transform .3s ease,box-shadow .3s ease;cursor:pointer}.card:hover{transform:scale(1.02);box-shadow:0 10px 20px #00000026}.card h3{font-size:1.2rem;color:#7cadef;margin:10px 0}.card p{font-size:.9rem;color:#555}.card img{width:100%;height:10vh;object-fit:contain;border-radius:5px;margin-bottom:15px;display:block}@media (min-width: 1200px){.card img{height:20vh}}@media (max-width: 768px){.card img{display:none}}@media (max-width: 768px){.card-grid{grid-template-columns:1fr}}.printPreviewContainer{display:flex;flex-direction:column;width:var(--printWidth);height:var(--printHeight)}.printHeader{display:flex;justify-content:space-between;flex-direction:row;height:10vh}.printPuzzle{display:flex;flex:1;border:1px solid green;flex-direction:row}.printTitle{font-size:var(--printHeaderFontHeight);font-weight:700;text-transform:uppercase;letter-spacing:2mm;margin:2mm;font-family:Neucha}.nameDate{font-family:Neucha;font-size:var(--printTextHeight);display:flex;flex-direction:column;align-items:flex-end}.nameDateLine{margin:2mm}.copyright{color:#a9a9a9;display:flex;justify-content:flex-end}