@import"https://fonts.googleapis.com/css2?family=Comfortaa:wght@300;700&family=MuseoModerno:wght@100;200&family=Quicksand&display=swap";header{width:100%;display:flex;flex-direction:column;box-shadow:0 0 20px #000000b3}header h1{margin:auto;width:90%;padding:1rem;text-align:center;border-bottom:1px solid var(--offWhite);font-size:1.5rem}header div{display:flex;flex-direction:column;justify-content:center}nav{display:flex;flex-direction:column;align-items:center;padding:1rem 2rem 0rem}nav h2{padding-top:1rem;padding-bottom:.5rem;font-size:1.125rem}nav ul{display:flex;padding-bottom:1rem}nav ul li{padding:.5rem .75rem;border-top:1px solid var(--offWhite)}nav ul li a{color:var(--offWhite);font-weight:400;font-size:1rem}nav ul li:hover{cursor:pointer;border-top:none;border-bottom:1px solid var(--yellow)}nav ul li:hover>a{color:var(--yellow)}nav ul li:hover>nav h2{color:var(--yellow)}main{display:flex;align-items:center;justify-content:center;flex-direction:column;margin:0 auto;min-height:calc(100vh - 10rem);max-width:90vw}main ul{display:flex;justify-content:center;flex-wrap:wrap}footer{width:100%;display:flex;flex-direction:column;align-items:center;box-shadow:0 0 20px #000000b3}footer p{margin:0;padding:.5rem 0;font-size:.75rem}@media screen and (min-width: 768px){header div{display:flex;flex-direction:row}}.game-link{margin:.5rem;display:flex;flex-direction:column;justify-content:center;align-items:center;width:300px;height:400px;border-radius:.5rem;background-color:var(--darkGrey);box-shadow:0 0 20px #000000b3;cursor:pointer}.image-container{height:250px}.image-container>img{height:100%}.game-name{margin-top:2rem;font-size:2rem;color:var(--offWhite)}.gameboard-container{display:flex;flex-direction:column;align-items:center;z-index:1;position:relative}.gameboard-board{margin-top:2rem;display:flex;align-items:center;justify-content:center;width:350px;height:350px;border-radius:.5rem;background-color:var(--darkGrey);box-shadow:0 0 20px #000000b3}.gameboard-reset{margin-top:1rem;margin-bottom:2rem;display:flex;align-items:center;justify-content:space-between;width:350px;height:50px;border-radius:.5rem;background-color:var(--darkGrey);box-shadow:0 0 20px #000000b3;z-index:0}.statusInfo{margin-left:1rem}.resetButton{margin:0 .5rem;padding:.5rem;border-radius:.25rem;border:1px solid var(--offWhite);background-color:transparent;color:var(--offWhite);font-family:Comfortaa,cursive}.resetButton:hover{color:var(--yellow);border-color:var(--yellow)}.iconX{transform:translate(-15%,-10%)}.iconXSmall{transform:translateY(5%);pointer-events:none}.board-row{display:flex}.divider{width:285px}.ttt-square{margin:.5rem;padding:2.5rem;width:50px;height:50px;background-color:transparent;border:none;cursor:pointer;font-size:50px;position:relative}.ttt-square span{position:absolute;transform:translate(-35%,-30%)}.xWhite span svg{fill:var(--offWhite)}.xYellow span svg{fill:var(--yellow)}.oWhite{stroke:var(--white)}.oYellow span svg{stroke:var(--yellow)}.selectPlayer{position:absolute;width:300px;height:150px;z-index:3;background-color:var(--darkGrey);align-items:center;flex-direction:column;border-radius:.5rem;box-shadow:0 0 20px #000000b3}.selectPlayer h3{margin:1rem}.ttt-boxed{display:flex;flex-direction:column;align-items:center;justify-content:center}.ttt-radio-button-container{display:flex}.ttt-submit-button-container{margin-top:.5rem}.ttt-submit-button-container input,.ttt-boxed label{padding:.25rem;margin:0 .5rem;border-radius:.25rem;background-color:transparent;display:flex;justify-content:center;font-family:Comfortaa,cursive;font-size:.75rem;cursor:pointer}.ttt-boxed label{width:50px;height:50px;fill:var(--offWhite);stroke:var(--offWhite)}.ttt-submit-button-container input{width:150px;border:solid 2px var(--offWhite);font-weight:700}.ttt-playerX:hover{fill:var(--yellow)}:checked+.ttt-playerX svg{fill:var(--yellow)}.ttt-playerO:hover{stroke:var(--yellow)}:checked+.ttt-playerO svg{stroke:var(--yellow)}.ttt-submit-button-container:hover input{color:var(--yellow);border:2px solid var(--yellow)}.ttt-boxed input[type=radio]{display:none}.icon-checked{fill:var(--yellow);stroke:var(--yellow)}.icon-unchecked{fill:var(--offWhite);stroke:var(--offWhite)}.hm-game-container{display:flex;flex-direction:column;align-items:center;position:relative}.hm-picture{width:200px;height:200px;border:1px solid var(--offWhite);border-radius:.25rem}.hm-masked-word{font-weight:700;margin:1rem 0rem .5rem}.word-white{font-weight:700;color:var(--offWhite)}.word-yellow{font-weight:700;color:var(--yellow)}.input-container{position:absolute;width:300px;height:150px;background-color:var(--darkGrey);border-radius:.5rem;box-shadow:0 0 20px #000000b3;display:flex;flex-direction:column;align-items:center;justify-content:center}.input-container form{margin-top:1.5rem}.alphabet{display:flex;flex-wrap:wrap;justify-content:center;width:250px}.hm-letter-button{width:22px;height:22px;margin:.125rem;background-color:transparent;border-radius:.25rem}.letter-white{color:var(--offWhite);border:1px solid var(--offWhite)}.letter-yellow{color:var(--yellow);border:1px solid var(--yellow)}.letter-grey{color:var(--darkGreyLighter);border:1px solid var(--darkGreyLighter);pointer-events:none}.hm-boxed{display:flex;flex-direction:column;align-items:center;justify-content:center}.word-input,.submit-button{background-color:transparent;border-radius:.25rem;padding:.25rem;width:200px;margin:.25rem;color:var(--offWhite);font-family:Comfortaa,cursive;font-size:.75rem}.word-input{border:1px solid var(--offWhite)}.submit-button{font-weight:700;border:2px solid var(--offWhite)}.submit-button:hover{color:var(--yellow);border:2px solid var(--yellow)}.hm-icon-container{position:relative}.hm-icon-full{position:absolute;stroke:var(--offWhite);stroke-width:1;stroke-linecap:round;fill:none;z-index:1}.hm-icon-half{position:absolute;stroke:var(--darkGreyLighter);stroke-width:1;stroke-linecap:round;fill:none}.notEntered{position:absolute;transform:translateY(-20px);color:var(--yellow)}.sdk-container{display:flex;align-items:center;justify-content:center;position:relative}.sdk-remember-field-container,.sdk-puzzle-field-container,.sdk-button-field-container,.sdk-fake-field-container{display:flex;flex-wrap:wrap;align-items:center;justify-content:center}.sdk-remember-field-container{position:absolute;display:flex}.sdk-button-field-container,.sdk-fake-field-container{position:absolute}.sdk-remember-field,.sdk-puzzle-field,.sdk-button-field,.sdk-fake-field{width:30px;height:30px;margin:.175rem;background-color:transparent}.sdk-remember-field span,.sdk-puzzle-field span,.sdk-button-field span,.sdk-fake-field span{position:absolute;transform:translate(-50%,-50%);font-size:1.5rem}.sdk-remember-field{border:none}.sdk-puzzle-field{border:1px solid var(--darkGreyLighter);border-radius:.25rem}.sdk-button-field{border:none}.sdk-fake-field{border:1px solid var(--darkGreyLighter);border-radius:.25rem;z-index:1;pointer-events:none}.sdk-puzzle-field span,.sdk-button-field span{font-size:1.5rem}.sdk-remember-field span{font-size:.7rem;color:var(--offWhite);transform:translate(2px)}.field-yellow{color:var(--yellow)}.field-white{color:var(--offWhite)}.button-field-white{border:1px solid var(--offWhite)}.button-field-yellow{border:1px solid var(--yellow)}.button-field-hidden{visibility:hidden}.sdk-divider-h1,.sdk-divider-h2,.sdk-divider-v1,.sdk-divider-v2{position:absolute}.sdk-divider-h1,.sdk-divider-h2{width:325px}.sdk-divider-v1,.sdk-divider-v2{height:325px;width:1px;left:50%}.sdk-divider-h1{transform:translateY(-53px)}.sdk-divider-h2{transform:translateY(54px)}.sdk-divider-v1{transform:translate(-54px)}.sdk-divider-v2{transform:translate(52px)}.sdk-number-card{width:100px;height:130px;transform:translate(-35%,25%);border:1px solid var(--offWhite);border-radius:.5rem;background-color:var(--darkGrey);box-shadow:0 0 20px #000000b3;display:flex;align-items:center;justify-content:center;z-index:2;pointer-events:all}.visible{visibility:visible}.hidden{visibility:hidden}.sdk-button-container{align-items:center;flex-direction:column;justify-content:center}.sdk-button-container button{width:75px;height:50px;margin:.125rem;background-color:transparent;border:1px solid var(--darkGreyLighter);border-radius:.25rem}.none{display:none}.flex{display:flex}.sdk-number-container{align-items:center;justify-content:center;flex-wrap:wrap;gap:.25rem}.sdk-number{width:25px;height:25px;border:1px solid var(--darkGreyLighter);background-color:transparent;border-radius:.25rem}.sdk-number span{position:absolute;transform:translate(-50%,-50%);font-size:1rem}.button-back,.button-confirm{width:25px;height:25px;background-color:transparent;border:1px solid var(--darkGreyLighter);border-radius:.25rem}.text-yellow{color:var(--yellow)}.selectLevel{position:absolute;width:300px;height:150px;z-index:3;background-color:var(--darkGrey);align-items:center;flex-direction:column;border-radius:.5rem;box-shadow:0 0 20px #000000b3}.selectLevel h3{margin:1rem}.sdk-boxed{display:flex;flex-direction:column;align-items:center;justify-content:center}.sdk-radio-button-container{display:flex}.sdk-submit-button-container{margin-top:1rem}.sdk-submit-button-container input,.sdk-boxed label{padding:.25rem;margin:.25rem;border-radius:.25rem;background-color:transparent;display:flex;justify-content:center;font-family:Comfortaa,cursive;font-size:.75rem;cursor:pointer}.sdk-boxed label{width:70px}.sdk-submit-button-container input{width:150px;border:solid 2px var(--offWhite);font-weight:700}.sdk-boxed label:hover{color:var(--yellow);border:1px solid var(--yellow)}.sdk-submit-button-container input:hover{color:var(--yellow);border:2px solid var(--yellow)}.sdk-boxed input[type=radio]{display:none}.checked{border:solid 1px var(--yellow);color:var(--yellow)}.unchecked{border:solid 1px var(--offWhite);color:var(--offWhite)}.solution-button{position:absolute;transform:translateY(215px);margin:0 .5rem;padding:.5rem;border-radius:.25rem;border:1px solid var(--offWhite);background-color:transparent;color:var(--offWhite);font-family:Comfortaa,cursive;z-index:1}.solution-button:hover{color:var(--yellow);border-color:var(--yellow)}html,body{height:100%;color:var(--offWhite);background-color:var(--darkGrey)}body{display:flex;flex-direction:column;overflow-y:scroll}a{text-decoration:none}ul{list-style:none}button{cursor:pointer;z-index:1}svg{-webkit-user-select:none;user-select:none}.container{display:flex;align-items:center;justify-content:center;position:relative}.background,.background-home{position:absolute;transform:translate(0);width:90vw;height:calc(100vh - 11rem);word-wrap:break-word;overflow:hidden}.headline{font-size:1rem;color:var(--darkGreyLighter)}@media screen and (max-width: 701px){.background-home{height:97%}}@media screen and (max-width: 1053px){.background-home{height:98%}}:root{--white: #fff;--offWhite: #f7f7f7;--yellow: #ffd200;--lightGrey: #e0e0e0;--lightGreyAlpha: rgba(229, 229, 229, .4);--darkGrey: #2f3640;--darkGreyLighter: #414c59;--white: #ffffff;--borderYellow: 3px solid var(--yellow);--borderLightGrey: 3px solid var(--lightgrey);--borderDarkGrey: 1px solid var(--darkgrey);font-family:Comfortaa,cursive;font-weight:300;color-scheme:light dark;color:var(--offWhite);background-color:var(--darkGrey);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}*{margin:0;padding:0;box-sizing:border-box;scroll-behavior:smooth}