:root{--primary-color: #5092c1;--secondary-color: #e49d22;--color-light: #eee;--bg-color: #5092c1;--bg-color: #fffafa;--text-color: #2b628a;--dark-text-color: #eee;--dark-bg-color: #333;--dark-bg-color: #002650;--font-size: 1.4rem}html{box-sizing:border-box}html,body{margin:0;padding:0;font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;height:100%;color:var(--text-color);background-color:var(--bg-color);width:100%}*,*:before,*:after{box-sizing:inherit}a{color:inherit}main{width:80vw;max-width:800px;margin:0 auto;text-align:center;padding-top:50px;padding-bottom:10px;font-size:var(--font-size)}.button-but-not{all:unset;cursor:pointer}.button-as-link{text-decoration:underline}.button-but-not:focus{outline:1px dotted}body.game-open{overflow:hidden;position:fixed}.hide{opacity:0;visibility:hidden}.show-canvas{top:0}canvas{position:fixed;top:100vh;transition:top .5s cubic-bezier(.2,.9,.3,1.2)}.close-button{all:unset;cursor:pointer;position:fixed;top:10px;right:10px;width:40px;height:40px;text-align:center;font-size:1.2rem;color:var(--main-color);background-color:transparent;transition:all .5s linear}.close-button:hover{color:var(--color-light);background-color:var(--logo-color)}#anagram{font-family:Courier New,monospace;font-weight:700;font-size:1.6rem}.anagram-puzzle{margin-top:100px;margin-bottom:calc(100px - var(--font-size))}.Header{text-align:center;overflow:hidden}.Header .header-content{padding-top:80px;height:190px;background-color:var(--primary-color)}.Header svg{height:30px;width:100%;min-width:800px}.Header svg .shape-fill{fill:var(--primary-color)}.Header .logo-button{background-image:url(/assets/logo.afc1c952.svg);width:200px;height:50px;margin-bottom:50px}.AnagramPuzzle{--margin: 25px;--boxSize: 50px;touch-action:none}.AnagramPuzzle .puzzle{display:flex;justify-content:center;column-gap:var(--margin);margin-bottom:var(--margin)}.AnagramPuzzle .solution{display:flex;justify-content:center}.AnagramPuzzle .description{margin-top:var(--margin);height:var(--font-size)}.AnagramPuzzle .DragSquare,.AnagramPuzzle .DropSquare{flex:0 0 var(--boxSize);text-align:center;border:1px solid #444;height:var(--boxSize);line-height:var(--boxSize);font-size:30px;font-weight:700}.AnagramPuzzle .DragSquare{cursor:move}.AnagramPuzzle .DropSquare:not(:last-of-type){border-right:0}.AnagramPuzzle .DragSquare.on-drag-start{opacity:.3;cursor:not-allowed}.AnagramPuzzle .DropSquare.on-drag-over{background-color:var(--primary-color)}.AnagramPuzzle .DropSquare.correct-position{background-color:var(--primary-color);color:#fff}.AnagramPuzzle .DropSquare.wrong-position{background-color:var(--secondary-color)}
