*{box-sizing:border-box}button:focus,a:focus,input:focus,textarea:focus,select:focus,dialog:focus{outline:none}body{color:#062137;touch-action:manipulation;background:#cce8ff;place-items:center;min-height:100vh;margin:0;font-family:zyzol;display:grid;overflow:hidden}h1{text-align:center;font:inherit;margin:0;font-size:4rem;font-weight:700}p{padding-inline:2rem;font-family:creato-display;font-size:1.5rem}#extra-score-info{margin-top:0}#puzzle{text-align:center;width:min(90vw,500px);padding-top:5rem}button,a{color:#062137;text-align:center;font:inherit;background-color:#ff934f;border:0;border-radius:16px;font-size:3rem;font-weight:700;transition:all .1s}button:hover,a:hover{cursor:pointer;background-color:#ffc74f;scale:1.1}button:active,a:active{background-color:#ffb10a;scale:.9}.disabled-button{background-color:#fff2eb;scale:.95}.disabled-button:hover,.disabled-button:active{background-color:#fff2eb}#info-button{border-radius:16px 0 0 16px;width:5rem;padding-right:1rem;position:absolute;top:2rem;right:-1rem}#hint{color:#06213780;overflow-wrap:break-word;padding-inline:1rem;font-family:zyzol;font-size:1rem;display:flex}#switch-language,#switch-language:hover,#switch-language:active{background-color:none;background:0 0;width:4rem;position:absolute;bottom:1rem;right:2rem}#flag{width:4rem}#button-container{box-sizing:border-box;justify-content:space-between;align-items:center;width:100%;margin-top:24px;display:flex;bottom:0}#title{font-size:3rem;position:absolute;top:2rem;left:3rem}#title-subtext{font-size:2rem;position:absolute;top:3rem;left:5rem}.dialog-button,.dialog-button:hover,.dialog-button:active{background-color:none;background:0 0;width:3rem;bottom:2rem}.dialog-button-image{width:100%;height:100%;display:block}dialog[open]::backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background-color:#cce8ff33}dialog{color:#062137;text-align:center;background-color:#fff2eb;border:4px solid #062137;border-radius:8px;width:min(90vw,500px)}#score-copied-text{opacity:0;text-align:center;background-color:#ff934f;border-bottom-right-radius:16px;border-bottom-left-radius:16px;padding:2rem;font-size:2rem;position:fixed;top:0;left:50%;transform:translate(-50%,-100%)}@keyframes show{14%{transform:translate(-50%)}80%{transform:translate(-50%)}}.show{animation:2s ease-in-out show}#grid{background:#062137;border:4px solid #062137;border-radius:4px;grid-template-columns:repeat(5,1fr);gap:4px;margin:2rem;padding:4px;display:grid;position:relative;box-shadow:4px 4px 0 4px #062137}.cell-wrapper{position:relative}.cell{color:#062137;aspect-ratio:1;text-align:center;width:100%;min-width:0;font:inherit;caret-color:#0000;background:#fff2eb;border:0;border-radius:4px;outline:none;padding:0;font-size:3rem;font-weight:700}.cell:focus{background:#cce8ff;box-shadow:inset 0 0 0 5px #1683d8}.cell::selection{color:inherit;background:0 0}.cell::selection{color:inherit;background:0 0}.cell-score{text-align:center;font:inherit;font-size:1rem;font-weight:700;position:absolute;bottom:.2rem;right:.3rem}.highlight,.wrong{background:#ff934f}.vowel{cursor:not-allowed;pointer-events:none;background:#ffc74f}.disabled-cell{cursor:not-allowed;pointer-events:none}@keyframes correct{0%{scale:1}25%{background:#e5f5cc;scale:1.1;box-shadow:inset 0 0 0 8px #98d831}50%{scale:1}to{scale:1}}.correct{animation:.8s ease-out correct}@keyframes shake{0%{transform:translate(0)}20%{transform:translate(-6px)}40%{transform:translate(6px)}60%{transform:translate(-6px)}80%{transform:translate(6px)}to{transform:translate(0)}}.shake{animation:.4s ease-out shake}@keyframes shake-red{0%{transform:translate(0)}20%{transform:translate(-6px)}40%{transform:translate(6px)}50%{background:#d52941}60%{transform:translate(-6px)}80%{transform:translate(6px)}to{transform:translate(0)}}.shake-red{animation:.4s ease-out shake-red}@keyframes pop{0%{scale:1}50%{scale:1.1}to{scale:1}}.pop{animation:.2s ease-out pop}@font-face{font-family:zyzol;src:url(../zyzol/Zyzol.otf)format("woff2");src:url(../zyzol/Zyzol.otf)format("woff")}@font-face{font-family:creato-display;src:url(../creato_display/CreatoDisplay-Bold.otf)format("woff2");src:url(../creato_display/CreatoDisplay-Bold.otf)format("woff")}@media (width<=400px){#title,#title-subtext{display:none}}@media (pointer:coarse){body:has(.cell:focus) :is(#switch-language,#flag,#title,#title-subtext){display:none}}@media (height<=700px){#switch-language,#flag,#title,#title-subtext{display:none}}