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