@font-face{font-family:Rubik;src:url(/Rubik-Regular.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:Rubik;src:url(/Rubik-SemiBold.ttf) format("truetype");font-weight:600;font-style:normal}header{position:relative;display:flex;align-items:center;justify-content:space-between;width:100%;max-width:500px;margin:0 auto}h1{position:absolute;left:50%;transform:translate(-50%);text-align:center;margin:0;font-size:3rem}.settingsBtn{max-width:50px;height:auto;rotate:0deg;transition:rotate .2s ease-in-out;cursor:pointer}.settingsBtn.rotated{max-width:50px;height:auto;rotate:90deg}.infoBtn{max-width:50px;height:auto;cursor:pointer}.hardmode{position:relative;display:flex;align-items:center;justify-content:space-between;width:100%;max-width:500px;padding-top:15px;padding-bottom:15px;transition:opacity .2s ease-in-out;pointer-events:none}.hardmode.show{opacity:1;pointer-events:auto}.hardmode.hide{opacity:0}.howToPlay{z-index:2;position:absolute;text-align:center;left:50%;top:50%;transform:translate(-50%) translateY(-50%);margin:0;padding:10px 30px;background-color:#e4dbdb;border-radius:15px;box-shadow:0 0 15px #0000004d;transition:opacity .2s ease-in-out}.howToPlay.hidden{opacity:0;pointer-events:none}.howToPlayTitle{font-size:25px;font-weight:700}.endgame{opacity:1;z-index:3;position:absolute;text-align:center;left:50%;top:50%;transform:translate(-50%) translateY(-50%);margin:0;padding:10px 30px;background-color:#e4dbdb;border-radius:15px;box-shadow:0 0 15px #0000004d;transition:opacity .6s ease-in-out,box-shadow .6s ease-in-out}.endgame.best{box-shadow:0 0 19px 20px #248c2e}.endgame.hidden{opacity:0;pointer-events:none}.finalBig{font-size:25px;font-weight:700}.finalSmall{font-size:25px;color:#248c2e;font-weight:700}.hideBtn{border:none;position:absolute;right:0;top:0;font-size:35px;padding:10px 20px;background:none;cursor:pointer}.hideBtn:active{opacity:.5}.button{border:none;border-radius:5px;aspect-ratio:1 / 1;font-size:x-large;font-weight:700;transition:box-shadow .1s ease-in-out,background-color .2s ease-in-out;background-color:#e6e0e0}.button:active{opacity:.8}.button.excluded{background-color:#d8d2d1}.button.highlighted{background-color:#e39696;transition:background-color 0s ease-in-out}.button.hovered{background-color:#91d499;box-shadow:0 0 20px #0000004d;z-index:1;transition:background-color 0s ease-in-out}.button.taken{background-color:#ba5454}.button.picked{background-color:#248c2e}.button:disabled{color:#000}.button.loading{color:#fff0}.button.disabled{color:#838383;transition:color .2s ease-in-out}.button.highlighted-disabled{background-color:#e39696;color:#838383}.grid{display:grid;gap:5px;grid-template-columns:repeat(5,80px)}#score{text-align:center;font-size:30px;padding-top:25px;font-weight:700}body{display:flex;justify-content:center;align-items:center;height:100vh;margin:0;background:#f3eded;font-family:Rubik,sans-serif}.switch{position:relative;display:inline-block;width:60px;height:34px}.switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;inset:0;background-color:#ccc;border-radius:34px;transition:background-color .4s ease,box-shadow .3s ease}.slider:before{content:"";position:absolute;height:26px;width:26px;left:4px;bottom:4px;background-color:#fff;border-radius:50%;transition:transform .4s cubic-bezier(.4,0,.2,1),box-shadow .3s ease}input:checked+.slider{background-color:#248c2e}input:focus+.slider{box-shadow:0 0 3px #248c2e}input:checked+.slider:before{transform:translate(26px)}input:active+.slider:before{transform:scale(1.1)}.bottomBtn{width:100%;font-size:25px;font-weight:700;padding:10px;margin:5px 0;border:none;border-radius:10px;cursor:pointer;transition:opacity .6s ease-in-out,box-shadow .1s ease-in-out}.bottomBtn.hide{opacity:0;pointer-events:none}.bottomBtn:hover{box-shadow:0 0 20px #0000004d;z-index:1}#playAgain{background-color:#248c2e}