:root{font-family:Inter,Avenir,Noto Sans Symbols,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:default;transition:border-color .25s}button:hover{border-color:#8080808c}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.screen-container{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:10px;height:100%}h1,h2,h4{color:#fff;white-space:nowrap;text-align:center;font-family:Courier New,Courier,monospace;font-weight:700;line-height:2px;text-shadow:3px 3px 3px #ffffff8f;scale:1.5;margin:25px}.high-score{scale:1.6}.info-finalscore{margin:15px;scale:1.4;line-height:30px}.final-score{color:#ff0;text-shadow:2px 4px 4px #f2ff006e}@media (max-width: 768px){.screen-container{flex-direction:column}h1,h2,h4{color:#fff;white-space:nowrap;text-align:center;font-family:Courier New,Courier,monospace;font-weight:700;line-height:2px;text-shadow:3px 3px 3px #ffffff8f;scale:1.2}}.gallery-container{display:flex;flex-wrap:wrap;gap:15px;justify-content:center;margin:50px;padding:25px}.stratagem-icon{width:150px;height:150px;border:1px solid white}.stratagem-icon:hover{border:1px solid rgb(134,132,132);scale:1.1;cursor:pointer}.modal-container{background-color:var(--dark-gray);padding:20px;border:1px solid white}@media (max-width: 768px){.gallery-container{justify-content:center;margin:40px 0 80px}.stratagem-icon{width:70px!important;height:70px!important}.stratagem-icon:hover{scale:1.05}}@media (max-width: 480px){.gallery-container{gap:8px;padding:10px;margin-top:55px;margin-bottom:80px}.stratagem-icon{width:60px!important;height:60px!important}}@media (prefers-color-scheme: light){.stratagem-icon{filter:drop-shadow(0px 0px 1px rgba(0,0,0,.313));border:1px solid black}}:root{--dark-gray: #3a3a3c;--misplaced-color: #b59f3b;--correct-color: #538d4e;--initial-color: transparent}#root{max-width:auto;margin:0 auto;padding:2rem;text-align:center}nav{background-color:#242424;border-bottom:3px solid rgb(134,132,132);box-shadow:5px 5px 5px #4e4e4e62;width:100%;height:10%;display:flex;justify-content:space-between;align-items:center;position:fixed;top:0;left:0;z-index:1}footer{background-color:#242424;border-top:3px solid rgb(134,132,132);box-shadow:-5px -5px 5px #4e4e4e62;width:100%;height:auto;display:flex;justify-content:space-between;align-items:center;position:fixed;bottom:0;left:0;padding:30px}footer p{margin:5px;padding:5px}.dropdown-content{background-color:#8684846c!important;box-shadow:1px 1px 1px #4e4e4e00!important}a.dropdown-item,button.dropdown-item{background-color:#222!important}h2{margin:0;font-size:1.8rem;font-weight:700;color:#fff;text-shadow:1px 1px 1px #d2cfcf99}h3{margin:0;font-size:1.5rem;font-weight:700;color:#fff;text-shadow:1px 1px 1px #d2cfcf99}.discord-icon{display:flex;justify-content:center;align-items:center;overflow:visible}.mobile-button{scale:1.5}@keyframes wiggle{0%{transform:rotate(0)}25%{transform:rotate(2deg)}50%{transform:rotate(0)}75%{transform:rotate(-2deg)}to{transform:rotate(0)}}.discord-icon:hover{animation:wiggle .5s infinite ease-in-out;cursor:pointer}.icon-wrapper{position:relative;display:inline-block}.icon-wrapper:before,.icon-wrapper:after{content:"";position:absolute;border-radius:50%;background:#ff64958e;opacity:0;filter:blur(12px);top:50%;transform:translateY(-50%)}.icon-wrapper:before{width:20px;height:20px;left:-12px}.icon-wrapper:after{width:16px;height:16px;right:-10px}.icon-wrapper:hover:before,.icon-wrapper:hover:after{opacity:1}.icon-wrapper>svg{position:relative;z-index:1}.icon-wrapper:before,.icon-wrapper:after{position:absolute;z-index:10}@media (prefers-color-scheme: light){nav{background-color:#fff}footer{background-color:#fff}}@media (max-width: 768px){.mobile-content{transform:translateY(-80px)}}.row-container{display:flex;flex-direction:row;align-items:center;width:auto;height:auto;column-gap:15px;row-gap:15px}.game-box{width:12vh;height:12vh;display:flex;justify-content:center;align-items:center;border-radius:6px;background-color:transparent;border:.5px solid rgba(105,105,105,.377);font-family:CustomFont;font-weight:700}.correct{background-color:var(--correct-color);border:transparent}@media (max-width: 768px){.game-box{width:11vh;height:11vh}.row-container{column-gap:2px}}@media (max-width: 480px){.game-box{width:8vh;height:8vh}.row-container{column-gap:0px}}@media (max-height: 480px){.game-box{transform:translateY(-40px);width:5vh;height:5vh}}.game-container{display:flex;flex-direction:column;align-items:center;row-gap:5px;z-index:0}.box-row{display:flex;flex-direction:row;align-items:center;column-gap:10px;row-gap:10px}.mobile-controls-row{display:none}.input-box{display:flex;align-items:center;justify-content:center;width:100px;height:100px}.input-box span{font-size:90px;text-align:center;font-weight:bolder;color:#fff}.status-message{font-size:24px;text-align:center}.newgame_button{font-size:24px;margin-top:10px}.newgame_button:hover{background-color:var(--dark-gray)}.arrowbox{font-size:24px;text-align:center;background-color:#191919;border-radius:12px}.mobile-arrow-controls{display:flex;flex-direction:column;align-items:center;gap:10px;margin-top:15px}.mobile-arrow-controls div{display:flex;gap:10px}.mobile-arrow-controls button{padding:12px 18px;font-size:1.4rem;border-radius:8px;cursor:pointer;background-color:var(--primary-color);color:#fff;border:none}.mobile-arrow-controls button:hover{background-color:var(--primary-color-dark)}.stats{display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center}.mobile-controls{display:none}.stats .stratagem-icon{width:80px;height:80px}.stats .stratagem-icon:hover{border:1px solid white;scale:1;cursor:default}.hide-desktop{display:none}.hide-mobile{display:flex}.arrow-button{background-color:var(--primary-color);color:#fff;font-weight:700}@media (max-width: 769px){.mobile-controls-row{display:flex;align-items:center;justify-content:center;gap:20px}.side-buttons{display:flex;flex-direction:column;gap:10px}.mobile-arrow-controls{display:flex;flex-direction:column;align-items:center;gap:10px}.mobile-arrow-controls .row{display:flex;gap:10px}.mobile-arrow-controls .top-row,.mobile-arrow-controls .bottom-row{justify-content:center}.mobile-arrow-controls button{padding:12px 18px;font-size:1.4rem;border-radius:8px;cursor:pointer;border:solid}.button.is-primary{background-color:var(--primary-color);color:#fff}.button.is-primary:hover{background-color:var(--primary-color-dark)}.button.is-warning{background-color:var(--dark-gray);color:#fff;border:3px solid white;width:50px;height:50px;padding:12px}.is-select{background-color:#7b752e;color:#fff;border:3px solid yellow;width:50px;height:50px;padding:12px}.button.is-warning:hover{background-color:#ec971f}.button.is-danger{background-color:#d9534f;color:#fff}.button.is-danger:hover{background-color:#c9302c}.input-box{width:40px;height:40px}.box-row{display:flex;flex-direction:row;justify-content:center;align-items:center;column-gap:10px}.hide-desktop{display:flex}.hide-mobile{display:none}}@media (max-height: 600px){.input-box{width:70px;height:70px}}@media (max-height: 568px){.input-box{width:60px;height:60px}}@media (prefers-color-scheme: light){.input-box span{color:#000}}.game-history-entry{display:flex;justify-content:space-between;align-items:center;padding:1rem;background-color:#1d1c1c86;border-left:3px solid yellow;margin:5px}.is-custom-warning{background-color:#e7ab5c;color:#000}@media screen and (max-width: 768px){.game-history-entry{flex-direction:column;font-size:small}}