:root{--screen-color:#111;--text-color:#fff;--error-color:red;--border-empty-color:#353535;--border-full-color:#666;--correct-color:#006400;--present-color:#d6a100;--absent-color:#333;--keyboard-unused-color:#777;--overlay:#000000b3;--overlay-button:#4caf50;--overlay-button-hover:#3c8f3c}#root{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:100dvh}*{box-sizing:border-box;margin:0;padding:0;-webkit-user-select:none;user-select:none}body,html{background-color:#111;background-color:var(--screen-color);color:#fff;color:var(--text-color);font-family:Arial,sans-serif;height:100%}button{color:inherit;outline:none}.title{margin:15px 15px 10px;text-align:center}.board{display:grid;grid-template-columns:repeat(5,1fr)}.tile-container{height:65px;margin:3px;transform-style:preserve-3d;transition:transform .6s;width:65px}.tile-container.shake{animation:tileShakeAnimation .5s ease}.tile-container.flipped{transform:rotateX(180deg)}.tile-container.notflipped{transform:rotateX(0deg)}.tile{height:100%;position:relative;transform-style:preserve-3d;width:100}.tile-back,.tile-front{align-items:center;backface-visibility:hidden;display:flex;font-size:clamp(24px,3vh,30px);font-weight:700;height:100%;justify-content:center;position:absolute;width:100%}.tile-front{border:2px solid #353535;border:2px solid var(--border-empty-color)}.tile-front.active-border{border:2px solid #666;border:2px solid var(--border-full-color)}.tile-back{transform:rotateX(180deg)}.tile-back.correct{background-color:#006400;background-color:var(--correct-color)}.tile-back.present{background-color:#d6a100;background-color:var(--present-color)}.tile-back.absent{background-color:#333;background-color:var(--absent-color)}.tile.pop{animation:tilePopAnimation .12s ease}.tile.bounce{animation:tileBounceAnimation 1.2s ease}.error-container{height:45px;margin:12px;width:100%}.error-container,.error-message{display:flex;justify-content:center}.error-message{align-items:center;background-color:red;background-color:var(--error-color);border-radius:5px;height:100%;opacity:0;width:clamp(175px,50%,325px)}.error-message.new-error{opacity:1;transition:none}.error-message.fade-out{opacity:0;transition:opacity 1s ease-out}.error-message.pulse{animation:errorPulseAnimation .3s ease-in-out}.keyboard{display:flex;flex-direction:column;gap:8px;margin:0 10px}.keyboard-row{display:flex;gap:6px;justify-content:center}.key{background-color:#777;background-color:var(--keyboard-unused-color);border:none;border-radius:6px;cursor:pointer;font-size:23px;font-weight:700;height:60px;width:40px}.wide-key{padding-top:7px;width:clamp(60px,min(7vw,8vh),65px)}.wide-key.backspace{padding-right:3px}.key.correct{background-color:#006400;background-color:var(--correct-color)}.key.present{background-color:#d6a100;background-color:var(--present-color)}.key.absent{background-color:#333;background-color:var(--absent-color)}.footer{align-items:center;display:flex;flex-direction:column;justify-content:center;margin-top:20px;width:100%}.rights{margin:0 5px;text-align:center}.socials{display:flex;gap:12px;list-style:none;margin:15px 15px 20px}.icon{height:48px;width:48px}.icon:hover{animation:iconSpinAnimation .4s ease-in-out}.overlay{align-items:center;background-color:#000000b3;background-color:var(--overlay);display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:999}.overlay-content{opacity:1;text-align:center}.overlay-content h2{margin:12px}.overlay-content button{background-color:#4caf50;background-color:var(--overlay-button);border:none;border-radius:8px;cursor:pointer;font-size:18px;padding:10px 30px;transition:background-color .2s}.overlay-content button:hover{background-color:#3c8f3c;background-color:var(--overlay-button-hover)}@keyframes tileShakeAnimation{0%{transform:translateX(0)}25%{transform:translateX(-5px)}50%{transform:translateX(5px)}75%{transform:translateX(-5px)}to{transform:translateX(0)}}@keyframes tilePopAnimation{0%{transform:scale(1)}50%{transform:scale(1.15)}to{transform:scale(1)}}@keyframes tileBounceAnimation{0%{transform:translateY(0)}30%{animation-timing-function:ease-out;transform:translateY(30px)}40%{animation-timing-function:ease-in;transform:translateY(0)}70%{animation-timing-function:ease-out;transform:translateY(20px)}80%{animation-timing-function:ease-in;transform:translateY(0)}to{transform:translateY(0)}}@keyframes errorPulseAnimation{0%{transform:scale(1)}25%{transform:scale(1.1)}50%{transform:scale(1)}75%{transform:scale(1.05)}to{transform:scale(1)}}@keyframes iconSpinAnimation{0%{transform:rotateY(0deg)}to{transform:rotateY(1turn)}}@media (max-width:600px){.tile-container{height:55px;width:55px}.key{height:50px;width:32px}.wide-key{width:55px}}
/*# sourceMappingURL=main.562c43ab.css.map*/