body{margin:0;width:100vw;height:100vh;background-color:#35393d;color:#fff;font-family:Dongle,sans-serif;overflow:hidden;position:fixed}.letter-puzzle-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center;flex-direction:column;margin-bottom:40%}button{font-family:Dongle,sans-serif;padding:0;font-size:5vh;font-weight:200;background-color:#fff;color:#fff;border-width:0 0 .5vh;border:solid transparent;border-width:0 0 .7vh;transform:translateZ(0);display:flex;align-items:center;justify-content:center;width:65%;height:7vh;border-radius:2.2vh;filter:drop-shadow(0px .7vh 0px rgb(0,0,0,.45))}button:after{background-clip:padding-box;background-color:#35393d;border:solid transparent;border-radius:2vh;border-width:0 0 .2vh;bottom:-.2vh;content:"";left:0;position:absolute;right:0;top:0;z-index:-1}button:active{border-width:.4vh 0 0;background:none}button:disabled{opacity:.5;border-width:0 0 .3vh}.button-container{width:100%;height:6.8vh;border-radius:2.3vh;display:flex;border:.3vh solid white;justify-content:center;align-items:center;box-sizing:border-box;padding-top:.4vh}#content{display:flex;flex-direction:column;justify-content:space-evenly}@media (min-width: 1025px){#start-button,#continue-button,#share-button,#main-menu-button{width:450px!important}.space{padding:0 1.8vh!important}.disappear{padding:0!important}.tutorial-page,.dialog-page{width:450px!important}.tutorial-progress-circle{width:2vh!important;height:2vh!important}#button-container{width:400px!important}.letter-puzzle-container{margin-bottom:20%!important}.letters-container{padding-top:10%!important}#tabs{width:600px!important}#top-1{margin-left:-2.5px!important}#top-2{margin-left:299.5px!important}#main-menu{margin-bottom:5%!important}#menu-small-buttons-container{width:25%!important}.letter:hover:not(.tutorial-letter){cursor:pointer;background-color:#ffffff38}.small-circle-button:hover:not(.hints-button-pressed){background-color:#394652;color:#d2d2d2}}#title{display:flex;justify-content:center;align-items:center;letter-spacing:.1rem;font-weight:700;position:absolute;top:3vh;transition:color .3s;width:100vw;height:15vh;font-size:12vh}.title-bounce-out{animation:titleBounceOut .4s ease-in-out forwards}.title-bounce-in{animation:titleBounceIn .4s ease-in-out forwards}@keyframes titleBounceOut{0%{top:3vh}30%{top:4vh}to{top:-10vh}}@keyframes titleBounceIn{0%{top:-10vh}70%{top:4vh}to{top:3vh}}#top-bar-container{position:absolute;top:-6vh;width:100vw}#back-button{margin-left:3vh;width:3vh}.back-button-bounce-out{animation:backButtonBounceOut .4s ease-in-out forwards}.back-button-bounce-in{animation:backButtonBounceIn .4s .1s ease-in-out forwards}@keyframes backButtonBounceOut{0%{top:7vh}30%{top:8vh}to{top:-6vh}}@keyframes backButtonBounceIn{0%{top:-6vh}70%{top:8vh}to{top:7vh}}#body{height:100vh;display:flex;justify-content:center;align-items:center;flex-direction:column}#footer{height:15vh;width:100vw;position:absolute;top:86svh;display:flex;justify-content:center}.letters-container{display:flex;justify-content:center;align-items:center;width:80%;font-weight:300;height:6.5vh;font-size:10vh;transition:color .3s;padding-bottom:3vh}.green{color:#00de00}.red{color:red}.purple{color:#c23fff}.letter{padding:0 .4vh;display:flex;justify-content:center;align-items:center;height:100%;border-radius:.5vh;transition:padding .1s ease-in,transform .1s ease-in,width .1s ease-in;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.error-shake{animation:error-shake .2s .1s ease-in-out}@keyframes error-shake{0%{margin-left:0}25%{margin-left:8px}75%{margin-left:-8px}to{margin-left:0}}.preview{background-color:#ffffff10}.held{background-color:#ffffff38}.space{padding:0 2.8vw}.disappear{padding:0;transform:scaleX(0);width:0}#button-container{height:9vh;width:80%;display:flex;justify-content:space-around;align-items:center}.puzzle-button{width:8.5vh;height:7vh;border-radius:3vh;border-width:0 0 .7vh}.puzzle-button:after{border-radius:3vh;border-width:0 0 .2vh}.puzzle-button-img-container{width:8.5vh;height:6.4vh;border-radius:3vh;display:flex;border:.3vh solid white;border-bottom-width:.45vh;justify-content:center;align-items:center}.puzzle-button:active{border-width:.2vh 0 0;background:none}.undo-button-img{height:3vh;padding-right:.3vh}.restart-button-img{height:4.8vh}#tabs{width:100%;height:40vh;position:absolute;bottom:-31dvh;pointer-events:none;will-change:transform}.tab{position:absolute;border:solid white .3vh;width:100%;height:100%;box-sizing:border-box;margin-top:7dvh;background-color:#35393d;filter:drop-shadow(0px -.65vh 0px rgb(0,0,0,.45));will-change:transform}.popIn{animation:popIn .6s ease-in-out forwards}.down{animation:bounceDown .8s cubic-bezier(.65,0,.35,1) forwards}.up{animation:bounceUp .8s cubic-bezier(.65,0,.35,1) forwards}.hop{animation:hop .5s ease-in-out}.popDownFromUp{animation:popDownFromUp .8s cubic-bezier(.65,0,.35,1) forwards}.popDownFromDown{animation:popDownFromDown .8s cubic-bezier(.65,0,.35,1) forwards}@keyframes popIn{0%{bottom:-40dvh}70%{bottom:-30dvh}to{bottom:-31dvh}}@keyframes bounceUp{0%{bottom:-31dvh}30%{bottom:-33dvh}to{bottom:-8dvh}}@keyframes bounceDown{0%{bottom:-8dvh}30%{bottom:-6dvh}to{bottom:-31dvh}}@keyframes popDownFromUp{0%{bottom:-8dvh}30%{bottom:-6dvh}to{bottom:-45dvh}}@keyframes popDownFromDown{0%{bottom:-31dvh}30%{bottom:-30dvh}to{bottom:-45dvh}}@keyframes hop{30%{margin-top:7dvh}55%{margin-top:6.5dvh}to{margin-top:7dvh}}.top{position:absolute;width:50.1%;height:7vh;margin-top:-7vh;border-top-left-radius:3vh;border-top-right-radius:3vh;border:solid white .3vh;border-bottom:0;box-sizing:border-box;background-color:#35393d;pointer-events:all;will-change:transform}.selected{z-index:2}#top-1{margin-left:-.6%}#tab-1{border-top-right-radius:3vh}#top-2{margin-left:50.5%}#tab-2{border-top-left-radius:3vh}.new-word-container{color:#00de00;font-size:4vh;font-weight:300;position:absolute;margin-bottom:12vh;opacity:0}.new-combo-word-container{color:#c23fff;font-size:4vh;font-weight:300;position:absolute;margin-bottom:12vh;opacity:0}.new-word-anim{animation:riseUp 1.5s}.new-combo-word-anim{animation:riseUp 2s}@keyframes riseUp{0%{margin-bottom:12vh;opacity:0}10%{opacity:0;margin-bottom:12vh}20%{opacity:1}to{margin-bottom:15vh;opacity:0}}.game-over-container{font-size:8vh;text-align:center;padding:0 4vh;display:flex;flex-direction:column;height:100%;justify-content:center;align-items:center;margin-top:20%}.game-over-subtitle{font-size:4vh;font-weight:300;line-height:.9}#continue-button{width:85vw;margin-top:3vh;height:7vh}#continue-button-container{display:flex;flex-direction:column;line-height:.5;justify-content:space-evenly;padding-top:.5vh}#continue-button-title{font-size:4.5vh;font-weight:400}#continue-button-subtitle{font-size:3vh}#main-menu-button,#share-button{width:85vw;margin-top:2vh;height:7vh}.continue-low:after{background-color:#ff6063}.archive-low{background-color:#ff6063!important}.continue-low{color:#35393d}.continue-medium:after{background-color:#e5ea16}.archive-medium{background-color:#e5ea16!important}.continue-medium{color:#35393d}.continue-high:after{background-color:#47beff}.archive-high{background-color:#47beff!important}.continue-high{color:#35393d}.continue-complete:after{background-color:#66ff58}.archive-complete{background-color:#66ff58!important}.continue-complete{color:#35393d}.found-words-container{margin:3vh;font-size:4.8vh;letter-spacing:.1rem;pointer-events:all;height:53%;overflow-x:hidden;overflow-y:scroll;scrollbar-color:auto rgb(0,0,0,0)}.found-word{animation:greenGlow 1s ease-in-out forwards}.word-list{line-height:.7;padding-bottom:1.4vh}.blank-word{width:2.5vh;height:3vh;margin-right:1vh;border-radius:15%;display:inline-block;background-color:#25272a;vertical-align:middle}@keyframes greenGlow{0%{color:#fff}50%{color:#00de00}to{color:#fff}}.definitions-container{margin:3vh;letter-spacing:.15rem;pointer-events:all;height:52%;overflow-x:hidden;overflow-y:scroll;scrollbar-color:auto rgb(0,0,0,0);font-family:Gelasio,serif}::-webkit-scrollbar{width:5px;background:#0000}::-webkit-scrollbar-thumb{border-radius:4px;background:#ffffff4d}.definition{padding-bottom:2vh}.definition-word{font-size:5vh;letter-spacing:.24rem}.definition-dot{padding-left:.4vh;font-size:2.5vh}.definition-partOfSpeech{font-size:3vh;color:#3790ff}.definition-body{padding-top:.5vh;line-height:1.35;font-size:2.4vh}#main-menu{width:100%;height:100%;display:flex;justify-content:center;align-items:center;flex-direction:column;font-size:4.5vh;margin-bottom:-5%}#date{padding-bottom:1.5vh}#percent-complete-info{padding-top:3vh;font-weight:300;text-align:center;width:90%;line-height:.8}#start-button{width:85vw;font-size:6vh;font-weight:400}.tutorial-container{z-index:3;width:100vw;height:100svh;top:0svh;background-color:#00000040;display:flex;justify-content:center;align-items:center;position:absolute}.tutorial-page{width:77vw;height:60svh;background-color:#35393d;border:solid white .35vh;border-radius:3vh;display:flex;flex-direction:column;justify-content:start;align-items:center;padding:2.5svh}.hidden{display:none}.tutorial-title{font-size:7vh;text-align:center}.tutorial-text{font-size:4.8svh;font-weight:300;line-height:.8;text-align:center}.tutorial-letter-container{height:23svh;display:flex;justify-content:center;align-items:center;font-weight:300;font-size:10vh;transition:color .3s}#tutorial-progress-container{height:5vh;width:8vh;display:flex;flex-direction:row;justify-content:space-between;align-items:end;position:absolute;top:72svh}.tutorial-progress-circle{background-color:gray;border-radius:10vh;width:3.5vw;height:3.5vw}.filled{background-color:#fff}.small-circle-button{background-color:#485766;display:flex;justify-content:center;align-items:center;width:5vh;height:5vh;border-radius:10vh}.small-circle-button:active:not(.hints-button-pressed){background-color:#394652;color:#d2d2d2}.tutorial-button-menu{position:absolute;top:92svh}.info-button-menu{position:absolute;top:92svh;margin-left:10vh}.tutorial-button-text{padding-top:.6vh;font-size:5vh}.tutorial-button-top-bar{position:absolute;right:3vh;top:0}.hint-button-top-bar{position:absolute;right:3vh;top:15vh}.hint-button-icon{height:2.7vh}.hints-button-pressed{filter:brightness(.6)}#puzzle-no{line-height:.5}.share-star{padding:0 5px;font-size:3vh}#menu-small-buttons-container{width:80%;height:10vh;display:flex;justify-content:space-around;padding-top:5vh}.calendar-button-img,.share-button-img{height:3.8vh;margin-bottom:5%}.debug-menu{width:100vw;height:100svh;position:absolute;pointer-events:none;z-index:10;font-size:5vh}.debug-column{pointer-events:all;background-color:#0006;width:100vw;display:flex;flex-direction:column;justify-content:start;padding:3vh}.debug-section{padding-bottom:4vh}.debug-input{width:50vw;height:4vh;margin-bottom:2vh;font-size:3vh}.debug-checkbox{height:3vh;width:3vh}.debug-button{margin-bottom:2vh;max-width:300px}.new-shake{animation:new-shake .7s .1s ease-in-out}.new-shake-2{animation:new-shake-2 .7s .1s ease-in-out}@keyframes new-shake{0%{transform:scale(1) rotate(0);margin-bottom:0}35%{transform:scale(1.3) rotate(0);margin-bottom:8px}50%{transform:scale(1.2) rotate(15deg);margin-bottom:8px}65%{transform:scale(1.2) rotate(-15deg);margin-bottom:8px}80%{transform:scale(1.2) rotate(15deg);margin-bottom:8px}to{transform:scale(1) rotate(0);margin-bottom:0}}@keyframes new-shake-2{0%{transform:scale(1) rotate(0);margin-bottom:0}35%{transform:scale(1.3) rotate(0);margin-bottom:8px}50%{transform:scale(1.2) rotate(-15deg);margin-bottom:8px}65%{transform:scale(1.2) rotate(15deg);margin-bottom:8px}80%{transform:scale(1.2) rotate(-15deg);margin-bottom:8px}to{transform:scale(1) rotate(0);margin-bottom:0}}.dialog-container{z-index:3;width:100vw;height:100svh;top:0svh;background-color:#00000040;display:flex;justify-content:center;align-items:center;position:absolute}.dialog-page{z-index:4;width:77vw;background-color:#35393d;border:solid white .35vh;border-radius:3vh;display:flex;flex-direction:column;justify-content:start;align-items:center;padding:2.5svh}.dialog-title{font-size:6.5vh;text-align:center;line-height:1}.dialog-text{font-size:4.4svh;font-weight:300;line-height:.8;text-align:center;padding-bottom:.5vh}.dialog-info{width:100%;font-size:3.5svh;text-align:left}.dialog-buttons-container{padding:2vh 0;width:100%;display:flex;justify-content:space-around}.dialog-button{width:10vh;pointer-events:all;height:7vh}.dialog-button-text-container{width:100%;height:100%;border-radius:2.2vh;display:flex;border:.3vh solid white;border-bottom-width:.45vh;justify-content:center;align-items:center}#archive{width:100%;height:100svh;display:flex;justify-content:center;align-items:center;font-size:4.5vh;padding-bottom:20%}#calendar{width:87vw;height:48vh}@media (min-width: 530px){#archive{padding-bottom:0%}#calendar{display:flex;flex-direction:column;align-items:center;height:65vh!important}#days-array,#calendar-header{width:50vh!important}#selected-day-menu,#start-button-archive{width:450px!important}}#month-name{text-align:center}#days-array{display:grid;grid-template-columns:repeat(7,1fr);grid-template-rows:repeat(6,1fr);grid-row-gap:7.5%;grid-column-gap:2%;height:100vw;width:100%;padding-top:3vh}.day-container{grid-column:span 1;grid-row:span 1;align-self:stretch;border-radius:6%}.day{width:100%;height:100%;background:#778088;border-radius:6%;filter:drop-shadow(0px .65vh 0px rgb(0,0,0,.45));display:flex;justify-content:center;align-items:center}.day:active:not(.inactive){transform:translateY(.65vh);filter:brightness(1.05)}.inactive{filter:none;background-color:#4c5155}.empty-day{grid-column:span 1;grid-row:span 1;align-self:stretch}#calendar-header{display:flex;flex-direction:row;align-items:center;justify-content:space-between;width:100%}#right-arrow{transform:scaleX(-1)}.arrow{width:2vh;height:3vh}.disabled{opacity:.5}#selected-day-container{z-index:3;width:100vw;height:100svh;top:0;background-color:#00000040;display:flex;justify-content:center;align-items:center;position:absolute}#selected-day-menu{width:77vw;height:33svh;background-color:#35393d;border:solid white .35vh;border-radius:3vh;display:flex;flex-direction:column;justify-content:start;align-items:center;padding:2.5vh}#selected-day-menu-body{padding-top:2vh;width:100%;display:flex;flex-direction:column;align-items:center}.selected-day-title{font-size:6vh;text-align:center;line-height:1}.selected-day-subtitle{font-size:4.5vh;text-align:center;line-height:1;padding-top:1vh}#start-button-archive{width:75vw;font-size:6vh;font-weight:400}#percent-complete-info-archive{padding-top:3vh;font-weight:300;text-align:center;width:100%;line-height:.8}.archive-checkmark-img{width:3.3vh;position:absolute}.archive-date-text{position:relative;color:#8c8c8c;line-height:0;font-size:3vh;top:-1vh;width:100%;text-align:center}.today{color:#fff}#today-text{font-weight:300;text-align:center;width:100%;line-height:.8;padding-top:5vh}.gold-border{position:relative}.gold-border:before{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;border:solid .4vh #0000;border-radius:6%;background:linear-gradient(to bottom left,#fdcd20 17%,#fefcf0 38%,#fdcd20 64%,#894d04) border-box;--lyr: conic-gradient(red 0 0);mask:var(--lyr) padding-box exclude,var(--lyr);content:""}
