*,*:before,*:after{margin:0;padding:0;user-select:none;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}:root{font-size:1rem;font-family:system-ui}html,body{height:100vh;height:100svh}body{display:flex;flex-direction:column}.button{background:#3e82af;padding:10px 20px;border-radius:8px;box-shadow:2px 2px 2px #000;text-shadow:-1px 0 #000,0 1px #000,1px 0 #000,0 -1px #000,#000 .1em .1em .2em;color:#fff;text-decoration:none;vertical-align:middle;cursor:pointer;text-align:center;letter-spacing:1px;font-weight:700;border-style:none;position:relative;span:nth-child(2){display:none}}.button.loading{background:#28597a;cursor:not-allowed;span:nth-child(1){display:none}span:nth-child(2){display:inline-block}}.loader{width:12px;height:12px;border-radius:50%;background-color:#fff;box-shadow:24px 0 #fff,-24px 0 #fff;position:relative;top:2px;animation:flash .5s ease-out infinite alternate}@keyframes flash{0%{background-color:#fff2;box-shadow:24px 0 #fff2,-24px 0 #fff}50%{background-color:#fff;box-shadow:24px 0 #fff2,-24px 0 #fff2}to{background-color:#fff2;box-shadow:24px 0 #fff,-24px 0 #fff2}}input[type=email],input[type=password]{outline:none;box-shadow:none;border:1px solid #999;border-radius:5px;padding:.25em;font-family:inherit;font-size:inherit;width:100%}input[type=email]:focus,input[type=password]:focus{border:1px solid #69f}.dialog-overlay{position:fixed;inset:0;background:#0006;display:grid;place-items:center;transition:opacity .1s}.dialog{padding:2rem;background:#fff;color:#000;border:1px solid black;border-radius:1rem;box-shadow:.5rem .5rem .5rem #000;text-align:center;transition:transform .3s ease-in .1s}body:not(.system-message){.system-message-toast{transform:translate(-50%,-40vh)}}.system-message-toast{position:absolute;top:10%;left:50%;transform:translate(-50%);padding:1rem;border-radius:.5rem;box-shadow:.5rem .5rem .5rem #000;border:1px solid black;transition:transform .3s;background:#fff;color:#000;&.error{background:#8b0000;color:#fff}&.success{background:#006400;color:#fff}}body:not(.login){.dialog-overlay{opacity:0;pointer-events:none;transition-delay:.3s}.login-dialog{transform:translateY(-70vh)}}.login-dialog{max-width:16rem;input{margin-bottom:.5rem}button{width:100%}}:root{font-size:1rem;font-family:Schoolbell,cursive;font-weight:400;font-style:normal;--main-background: white;--main-text-color: black;--header-background: navy;--footer-background: green;--piece-background: orange;--piece-border: black;--weaker-color: gray;--main-background: #0061c3;--main-text-color: white;--header-background: #16449f;--footer-background: #16449f;--weaker-color: darkgray;--piece-background: cornflowerblue;--button-background: orange}.header{background-color:var(--header-background)}body{background-color:var(--main-background);color:var(--main-text-color);display:grid;grid-template-rows:4rem 1fr 4rem}.footer{background-color:var(--footer-background)}.hidden{visibility:hidden!important;pointer-events:none!important}.board-container,.wrapper{display:grid;position:relative;width:100%;height:100%;place-items:center}.wrapper{padding:1rem;grid-template-rows:1fr 6rem;gap:1rem}.board-container{max-width:44.5rem;max-height:44.5rem}.back-of-board{position:absolute;inset:0;z-index:-1;box-shadow:inset 2px 2px var(--piece-border),inset -2px -2px var(--piece-border)}.svg-measurements{position:absolute;visibility:hidden;z-index:-1}.board{display:grid;grid-template-columns:repeat(5,1fr);background:transparent;width:100%;height:100%}.piece{border:1px solid var(--piece-border);color:var(--main-text-color);display:grid;place-items:center;font-size:150%;opacity:1;rotate:0deg;transition:opacity 1s,rotate 1s;background:var(--piece-background)}.solved{opacity:0;pointer-events:none;rotate:90deg}.dialog-wrapper{position:absolute;display:grid;background-color:var(--main-background);opacity:.9;width:100%;height:100%;place-items:center}.question-dialog{position:absolute;display:grid;grid-template-rows:2rem 12rem 8rem;row-gap:2rem;.dialog-title{font-size:150%;text-align:center;letter-spacing:1px}.digits{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;width:17rem;margin:0 auto}.digit{border:1px solid var(--main-text-color);border-radius:.5rem;display:grid;place-items:center;font-size:150%}.options{display:grid;grid-template-columns:repeat(2,1fr);gap:2rem;width:17rem;margin:0 auto;line-height:2}.option{border:1px solid var(--main-text-color);border-radius:.5rem;display:grid;place-items:center;font-size:150%}.fill-in{display:grid;grid-template-columns:1fr 3rem 1fr;width:13rem;row-gap:2rem;margin:0 auto}.times{display:grid;place-items:center;font-size:150%}.blank{border:2px dotted var(--weaker-color);border-radius:.5rem;display:grid;place-items:center;font-size:150%;color:var(--weaker-color)}.blank-active{border:2px dashed var(--main-text-color);color:var(--main-text-color);font-weight:700}.blank-filled{color:inherit}}.end-of-game-info{display:flex;width:100%;max-width:44.5rem;gap:2rem;text-align:left;justify-content:space-around;align-items:center;.compliment{font-size:200%}.info{font-size:150%}.go-again{background:var(--button-background);font-size:150%}}