*{box-sizing:border-box}html,body{width:100%;height:100%;padding:0;margin:auto;background:#eff1ef}body{position:relative;display:flex;flex-flow:column nowrap;padding:1rem 0;font-size:2rem}#header{flex:0;display:flex;flex-flow:row wrap;justify-content:normal;width:100%;height:4rem;padding:0 1.5rem;margin:auto}#header h1{flex:0;margin:0;line-height:4rem;font-size:3.5rem}#header label{flex:1;text-align:center}#header label>span{font-size:75%}#header label,#header input{padding:0;margin:0;height:100%;font-size:2rem;line-height:2rem}#header input{width:8rem;appearance:none;padding:.1rem 1rem;text-align:center;border:none;color:#000;background:#fafafa;box-shadow:-0.1rem -0.1rem .4rem 0 rgba(255, 255, 255, 0.83),.2rem .2rem .4rem 0 rgba(232, 226, 216, 0.51)}#header .header-buttons{flex:0 0 auto;display:flex;flex-flow:row nowrap;gap:.5rem}#header button{border-radius:100%;height:4rem;max-height:100%;width:auto;margin:0;padding:0;aspect-ratio:1;font-size:1rem;color:#fff;background:#578;box-shadow:-0.1rem -0.1rem .4rem 0 rgba(229, 237, 241, 0.83),.2rem .2rem .4rem 0 rgba(191, 193, 187, 0.51);border:none;display:flex;align-items:center}#header button>svg{fill:#fff;width:50%;height:50%;object-fit:contain;margin:auto}#guesses,.tutorial-demo{flex-shrink:0;width:100%;max-width:50vh;text-align:center;padding:3rem 2rem 2rem 2rem;margin:auto}#guesses .square,.tutorial-demo .square{aspect-ratio:1;display:inline-block;flex:1;flex-basis:20%;margin:auto;position:relative}#guesses .square>.letter,.tutorial-demo .square>.letter{position:absolute;width:100%;height:100%;top:0;left:0;display:flex;flex-direction:column;justify-content:center;font-size:2rem;text-align:center;border-radius:.5rem;border:none;background:transparent;box-shadow:inset -0.4rem -0.4rem .4rem 0 rgba(255, 255, 255, 0.83),inset .4rem .4rem .6rem 0 rgba(218, 212, 202, 0.51);-webkit-appearance:none;opacity:1}#guesses .square>.letter.submitted,.tutorial-demo .square>.letter.submitted{box-shadow:-0.1rem -0.1rem .4rem 0 rgba(255, 255, 255, 0.83),.2rem .2rem .4rem 0 rgba(229, 223, 213, 0.51);animation:letter-flip-anim-240-240-240-false 1s;animation-fill-mode:backwards}@keyframes letter-flip-anim-240-240-240-false{0%{transform:rotateX(0);background:transparent;box-shadow:-0.1rem -0.1rem .4rem 0 rgba(255, 255, 255, 0.83),.2rem .2rem .4rem 0 rgba(233, 227, 217, 0.51)}50%{transform:rotateX(90deg);background:transparent;box-shadow:-0.1rem -0.1rem .4rem 0 rgba(255, 255, 255, 0.83),.2rem .2rem .4rem 0 rgba(233, 227, 217, 0.51)}50.1%{background:#f0f0f0;box-shadow:-0.1rem -0.1rem .4rem 0 white,.2rem .2rem .4rem 0 #e5dfd5}100%{transform:rotateX(0)}}#guesses .square>.letter.yellow,.tutorial-demo .square>.letter.yellow{background:#f9e9ae;box-shadow:-0.1rem -0.1rem .4rem 0 rgba(255, 255, 251, 0.83),.2rem .2rem .4rem 0 rgba(232, 222, 197, 0.51);animation:letter-flip-anim-249-233-174-false 1s;animation-fill-mode:backwards}@keyframes letter-flip-anim-249-233-174-false{0%{transform:rotateX(0);background:transparent;box-shadow:-0.1rem -0.1rem .4rem 0 rgba(255, 255, 255, 0.83),.2rem .2rem .4rem 0 rgba(233, 227, 217, 0.51)}50%{transform:rotateX(90deg);background:transparent;box-shadow:-0.1rem -0.1rem .4rem 0 rgba(255, 255, 255, 0.83),.2rem .2rem .4rem 0 rgba(233, 227, 217, 0.51)}50.1%{background:#f9e9ae;box-shadow:-0.1rem -0.1rem .4rem 0 #fffffb,.2rem .2rem .4rem 0 #e8dec5}100%{transform:rotateX(0)}}#guesses .square>.letter.green,.tutorial-demo .square>.letter.green{background:#abfabd;box-shadow:-0.1rem -0.1rem .4rem 0 rgba(250, 255, 255, 0.83),.2rem .2rem .4rem 0 rgba(212, 226, 201, 0.51);animation:letter-flip-anim-171-250-189-false 1s;animation-fill-mode:backwards}@keyframes letter-flip-anim-171-250-189-false{0%{transform:rotateX(0);background:transparent;box-shadow:-0.1rem -0.1rem .4rem 0 rgba(255, 255, 255, 0.83),.2rem .2rem .4rem 0 rgba(233, 227, 217, 0.51)}50%{transform:rotateX(90deg);background:transparent;box-shadow:-0.1rem -0.1rem .4rem 0 rgba(255, 255, 255, 0.83),.2rem .2rem .4rem 0 rgba(233, 227, 217, 0.51)}50.1%{background:#abfabd;box-shadow:-0.1rem -0.1rem .4rem 0 #faffff,.2rem .2rem .4rem 0 #d4e2c9}100%{transform:rotateX(0)}}#guesses .square>.letter.restored,.tutorial-demo .square>.letter.restored{animation:none !important}#guesses .square:nth-child(1)>.letter,.tutorial-demo .square:nth-child(1)>.letter{animation-delay:0s !important;transition-delay:0s !important}#guesses .square:nth-child(2)>.letter,.tutorial-demo .square:nth-child(2)>.letter{animation-delay:.3364722366s !important;transition-delay:.3364722366s !important}#guesses .square:nth-child(3)>.letter,.tutorial-demo .square:nth-child(3)>.letter{animation-delay:.5877866649s !important;transition-delay:.5877866649s !important}#guesses .square:nth-child(4)>.letter,.tutorial-demo .square:nth-child(4)>.letter{animation-delay:.7884573604s !important;transition-delay:.7884573604s !important}#guesses .square:nth-child(5)>.letter,.tutorial-demo .square:nth-child(5)>.letter{animation-delay:.955511445s !important;transition-delay:.955511445s !important}.tutorial-demo{padding-top:0;padding-bottom:0}.tutorial-demo,.guesses-row{display:flex;flex-flow:row nowrap;margin-bottom:1rem;gap:.5rem}#keyboard{flex:1;max-width:100%;text-align:center;padding:0 1rem;z-index:1;min-height:15vh;max-height:25vh;display:flex;flex-flow:column nowrap}#keyboard .keyboard-row{flex:1;display:flex;justify-content:center;max-width:100%;padding-bottom:.5rem}#keyboard .keyboard-row button{display:block;width:8%;height:100%;color:#fff;padding:.5rem;border-radius:.5rem;text-transform:none;margin:.3rem;background:#578;box-shadow:-0.1rem -0.1rem .4rem 0 rgba(229, 237, 241, 0.83),.2rem .2rem .4rem 0 rgba(191, 193, 187, 0.51);transition:1s 1s ease;transition-property:background,color;touch-action:manipulation;border:none;font-size:2rem;font-weight:normal;line-height:100%}#keyboard .keyboard-row button.restored{transition:none}#keyboard .keyboard-row button.longer{width:16%}#keyboard .keyboard-row button.black{background:#909090;box-shadow:-0.1rem -0.1rem .4rem 0 rgba(243, 243, 243, 0.83),.2rem .2rem .4rem 0 rgba(205, 199, 189, 0.51)}#keyboard .keyboard-row button.yellow{color:#000;background:#f9e9ae;box-shadow:-0.1rem -0.1rem .4rem 0 rgba(255, 255, 251, 0.83),.2rem .2rem .4rem 0 rgba(232, 222, 197, 0.51)}#keyboard .keyboard-row button.green{color:#000;background:#abfabd;box-shadow:-0.1rem -0.1rem .4rem 0 rgba(250, 255, 255, 0.83),.2rem .2rem .4rem 0 rgba(212, 226, 201, 0.51)}#overlays{position:absolute;top:0;left:0;width:100%;height:0}#overlay,#settings-overlay,#tutorial-overlay{position:absolute;top:50vh;left:50%;width:80%;height:auto;max-height:100vh;overflow-y:auto;transform:translate(-50%, -50%);padding:3rem 5rem 1rem 5rem;backdrop-filter:blur(5px);opacity:0;border-radius:.5rem;pointer-events:none;background:rgba(250,250,250,.9);font-size:1.4rem}@supports not (backdrop-filter: blur()){#overlay,#settings-overlay,#tutorial-overlay{background:#fafafa}}#overlay h2,#settings-overlay h2,#tutorial-overlay h2{font-size:2rem}#overlay button,#overlay #stats,#settings-overlay button,#settings-overlay #stats,#tutorial-overlay button,#tutorial-overlay #stats{display:none}#overlay .overlay-header>h2,#settings-overlay .overlay-header>h2,#tutorial-overlay .overlay-header>h2{display:inline-block}#overlay .overlay-header>.overlay-close,#settings-overlay .overlay-header>.overlay-close,#tutorial-overlay .overlay-header>.overlay-close{text-decoration:none;color:inherit;float:right;padding:1em;margin:-1em}#overlay .shareTextDiv,#settings-overlay .shareTextDiv,#tutorial-overlay .shareTextDiv{display:flex;flex-direction:column;align-items:center}#overlay .shareTextDiv>.shareText,#settings-overlay .shareTextDiv>.shareText,#tutorial-overlay .shareTextDiv>.shareText{background:rgba(0,0,0,.1);padding:1rem;border-radius:.5rem}#overlay .shareTextDiv>.shareText:empty,#settings-overlay .shareTextDiv>.shareText:empty,#tutorial-overlay .shareTextDiv>.shareText:empty{padding:0}#overlay .overlay-message,#settings-overlay .overlay-message,#tutorial-overlay .overlay-message{text-align:center}#overlay .overlay-message:empty,#settings-overlay .overlay-message:empty,#tutorial-overlay .overlay-message:empty{margin-bottom:0}#overlay.game-over #stats,#overlay.forever #stats,#settings-overlay.game-over #stats,#settings-overlay.forever #stats,#tutorial-overlay.game-over #stats,#tutorial-overlay.forever #stats{display:block}#overlay.game-over button,#settings-overlay.game-over button,#tutorial-overlay.game-over button{display:block}@media(prefers-reduced-motion){#overlay,#settings-overlay,#tutorial-overlay{top:50vh !important}}#overlay.was-active,#settings-overlay.was-active,#tutorial-overlay.was-active{animation:overlay-out 1s}#overlay.active,#settings-overlay.active,#tutorial-overlay.active{z-index:1;animation:overlay-in 1s,overlay-stay 2s 1s,overlay-out 1s 3s;pointer-events:auto}#overlay.active.game-over,#overlay.active.forever,#settings-overlay.active.game-over,#settings-overlay.active.forever,#tutorial-overlay.active.game-over,#tutorial-overlay.active.forever{animation:overlay-in 1s,overlay-stay 2s 1s infinite}@keyframes overlay-in{from{top:60vh;opacity:0}to{top:50vh;opacity:1}}@keyframes overlay-stay{from{opacity:1}to{opacity:1}}@keyframes overlay-out{from{top:50vh;opacity:1;z-index:1}to{top:40vh;opacity:0;z-index:1}}#stats{margin-bottom:2.5rem}#stats .streak{display:flex;flex-flow:row wrap;text-align:center;margin-left:-1rem;margin-right:-1rem}#stats .streak>div{flex:1;min-width:5rem}#stats .streak>div .streak-number{font-size:3rem}@media(max-width: 400px){#stats .streak>div{font-size:.8em}#stats .streak>div .streak-number{font-size:2rem}}#stats .tally-row{display:flex;flex-flow:row nowrap;margin-bottom:.3rem}#stats .tally-row .tally-row-number{flex:0;min-width:2rem;text-align:center}#stats .tally-row .tally-row-bar-parent{flex:1}#stats .tally-row .tally-row-bar-parent .tally-row-bar{width:1%;min-width:1em;height:100%;background:rgba(0,0,0,.1);transition:width .8s;text-align:right;text-align:end;padding-inline-end:.2em}#stats .tally-row .tally-row-bar-parent .tally-row-bar.selected{background:rgba(61,255,97,.4)}#settings-overlay label span.label-body{display:inline}#tutorial-overlay{transform:translateX(-50%);top:0;animation:none}@media(prefers-reduced-motion){#tutorial-overlay{top:0 !important}}#tutorial-overlay.was-active:not(.active){animation:tutorial-overlay-out 1s !important}#tutorial-overlay.active{opacity:1;animation:tutorial-overlay-in 1s !important}#tutorial-overlay hr{opacity:.5;margin:1rem 0 2.5rem}@keyframes tutorial-overlay-in{from{top:10%;opacity:0}to{top:0;opacity:1}}@keyframes tutorial-overlay-out{from{top:0;opacity:1;z-index:1}to{top:-10%;opacity:0;z-index:1}}#clipboardInput{position:absolute;z-index:-1000;top:0;left:0;opacity:0;width:.1px;height:.1px;font-size:.1px;-webkit-appearance:none}.icon-links{display:flex;flex-flow:row-reverse wrap;height:3rem;gap:2rem}.icon-links>*,.icon-links img{height:100%;width:auto}body.e-reader html,body.e-reader body{background:#fff}body.e-reader #header input{border:1px solid #000;box-shadow:none}body.e-reader #header button{background:#000}body.e-reader #guesses .square>.letter,body.e-reader .tutorial-demo .square>.letter{border:1px solid #aaa;box-shadow:none !important;animation:none !important;transition-property:background-color,color,border-color}body.e-reader #guesses .square>.letter.submitted,body.e-reader .tutorial-demo .square>.letter.submitted{border-color:#000;transition:1s}body.e-reader #guesses .square>.letter.yellow,body.e-reader .tutorial-demo .square>.letter.yellow{background:#787878;color:#fff}body.e-reader #guesses .square>.letter.green,body.e-reader .tutorial-demo .square>.letter.green{background:#000;color:#fff}body.e-reader #keyboard .keyboard-row button{border:1px solid #787878;color:#000;background:#dcdcdc;box-shadow:none !important}body.e-reader #keyboard .keyboard-row button.black{background:#fff;color:#787878;border-color:#aaa}body.e-reader #keyboard .keyboard-row button.yellow{background:#787878;color:#fff;border-color:#000}body.e-reader #keyboard .keyboard-row button.green{background:#000;color:#fff;border-color:#000}body.e-reader #overlay,body.e-reader #settings-overlay,body.e-reader #tutorial-overlay{backdrop-filter:none;background:#fafafa;border:1px solid #000}body.e-reader #overlay button,body.e-reader #settings-overlay button,body.e-reader #tutorial-overlay button{color:#000;border-color:currentColor}body.e-reader #overlay .shareTextDiv>.shareText,body.e-reader #settings-overlay .shareTextDiv>.shareText,body.e-reader #tutorial-overlay .shareTextDiv>.shareText{border:1px solid currentColor}body.e-reader #stats .tally-row .tally-row-bar-parent .tally-row-bar{background:rgba(0,0,0,.5);color:#fff}body.e-reader #stats .tally-row .tally-row-bar-parent .tally-row-bar.selected{background:#000}@media screen and (orientation: landscape)and (min-height: 25rem){body{max-width:75vh}#header{max-width:50vh}#guesses,.tutorial-demo{max-width:50vh}}@media(prefers-color-scheme: dark){html,body{background:#191c1b;color:#fff}.img-invert-dark-mode{filter:invert(1)}#header input{color:#fff;background:#323232;box-shadow:-0.1rem -0.1rem .4rem 0 rgba(52, 52, 52, 0.83),.2rem .2rem .4rem 0 rgba(14, 8, 0, 0.51)}#header button{box-shadow:-0.1rem -0.1rem .4rem 0 rgba(61, 69, 73, 0.83),.2rem .2rem .4rem 0 rgba(23, 25, 19, 0.51)}#guesses .square>.letter,.tutorial-demo .square>.letter{color:#fff;box-shadow:inset -0.4rem -0.4rem .4rem 0 rgba(47, 47, 47, 0.83),inset .4rem .4rem .6rem 0 rgba(9, 3, 0, 0.51)}#guesses .square>.letter.submitted,.tutorial-demo .square>.letter.submitted{box-shadow:-0.1rem -0.1rem .4rem 0 rgba(47, 47, 47, 0.83),.2rem .2rem .4rem 0 rgba(9, 3, 0, 0.51);animation:letter-flip-anim-31-31-31-true 1s;animation-fill-mode:backwards}@keyframes letter-flip-anim-31-31-31-true{0%{transform:rotateX(0);background:transparent;box-shadow:-0.1rem -0.1rem .4rem 0 rgba(47, 47, 47, 0.83),.2rem .2rem .4rem 0 rgba(9, 3, 0, 0.51)}50%{transform:rotateX(90deg);background:transparent;box-shadow:-0.1rem -0.1rem .4rem 0 rgba(47, 47, 47, 0.83),.2rem .2rem .4rem 0 rgba(9, 3, 0, 0.51)}50.1%{background:#1f1f1f;box-shadow:-0.1rem -0.1rem .4rem 0 #2f2f2f,.2rem .2rem .4rem 0 #090300}100%{transform:rotateX(0)}}#guesses .square>.letter.yellow,.tutorial-demo .square>.letter.yellow{background:#7a6d2b;box-shadow:-0.1rem -0.1rem .4rem 0 rgba(70, 67, 50, 0.83),.2rem .2rem .4rem 0 rgba(32, 23, 0, 0.51);animation:letter-flip-anim-122-109-43-true 1s;animation-fill-mode:backwards}@keyframes letter-flip-anim-122-109-43-true{0%{transform:rotateX(0);background:transparent;box-shadow:-0.1rem -0.1rem .4rem 0 rgba(47, 47, 47, 0.83),.2rem .2rem .4rem 0 rgba(9, 3, 0, 0.51)}50%{transform:rotateX(90deg);background:transparent;box-shadow:-0.1rem -0.1rem .4rem 0 rgba(47, 47, 47, 0.83),.2rem .2rem .4rem 0 rgba(9, 3, 0, 0.51)}50.1%{background:#7a6d2b;box-shadow:-0.1rem -0.1rem .4rem 0 #464332,.2rem .2rem .4rem 0 #201700}100%{transform:rotateX(0)}}#guesses .square>.letter.green,.tutorial-demo .square>.letter.green{background:#008341;box-shadow:-0.1rem -0.1rem .4rem 0 rgba(39, 72, 56, 0.83),.2rem .2rem .4rem 0 rgba(1, 28, 2, 0.51);animation:letter-flip-anim-0-131-65-true 1s;animation-fill-mode:backwards}@keyframes letter-flip-anim-0-131-65-true{0%{transform:rotateX(0);background:transparent;box-shadow:-0.1rem -0.1rem .4rem 0 rgba(47, 47, 47, 0.83),.2rem .2rem .4rem 0 rgba(9, 3, 0, 0.51)}50%{transform:rotateX(90deg);background:transparent;box-shadow:-0.1rem -0.1rem .4rem 0 rgba(47, 47, 47, 0.83),.2rem .2rem .4rem 0 rgba(9, 3, 0, 0.51)}50.1%{background:#008341;box-shadow:-0.1rem -0.1rem .4rem 0 #274838,.2rem .2rem .4rem 0 #011c02}100%{transform:rotateX(0)}}#keyboard .keyboard-row button{box-shadow:-0.1rem -0.1rem .4rem 0 rgba(61, 69, 73, 0.83),.2rem .2rem .4rem 0 rgba(23, 25, 19, 0.51)}#keyboard .keyboard-row button.black{background:#131313;box-shadow:-0.1rem -0.1rem .4rem 0 rgba(44, 44, 44, 0.83),.2rem .2rem .4rem 0 rgba(6, 0, 0, 0.51)}#keyboard .keyboard-row button.yellow{color:#fff;background:#7a6d2b;box-shadow:-0.1rem -0.1rem .4rem 0 rgba(70, 67, 50, 0.83),.2rem .2rem .4rem 0 rgba(32, 23, 0, 0.51)}#keyboard .keyboard-row button.green{color:#fff;background:#008341;box-shadow:-0.1rem -0.1rem .4rem 0 rgba(39, 72, 56, 0.83),.2rem .2rem .4rem 0 rgba(1, 28, 2, 0.51)}#overlay,#settings-overlay,#tutorial-overlay{background:rgba(22,22,22,.9)}@supports not (backdrop-filter: blur()){#overlay,#settings-overlay,#tutorial-overlay{background:#161616}}#overlay button,#settings-overlay button,#tutorial-overlay button{color:#fff}#overlay .shareTextDiv>.shareText,#settings-overlay .shareTextDiv>.shareText,#tutorial-overlay .shareTextDiv>.shareText{background:rgba(255,255,255,.2)}#stats .tally-row .tally-row-bar-parent .tally-row-bar{background:rgba(255,255,255,.2)}body.e-reader html,body.e-reader body{background:#000}body.e-reader #header input{border-color:#fff;box-shadow:none}body.e-reader #header button{background:#fff;color:#000}body.e-reader #header button>svg{fill:#000}body.e-reader #guesses .square>.letter,body.e-reader .tutorial-demo .square>.letter{border:1px solid #505050;box-shadow:none !important}body.e-reader #guesses .square>.letter.submitted,body.e-reader .tutorial-demo .square>.letter.submitted{border-color:#fff}body.e-reader #guesses .square>.letter.yellow,body.e-reader .tutorial-demo .square>.letter.yellow{background:#8c8c8c;color:#000}body.e-reader #guesses .square>.letter.green,body.e-reader .tutorial-demo .square>.letter.green{background:#fff;color:#000}body.e-reader #keyboard .keyboard-row button{border:1px solid #8c8c8c;color:#fff;background:#323232;box-shadow:none !important}body.e-reader #keyboard .keyboard-row button.black{background:#000;color:#8c8c8c;border-color:#505050}body.e-reader #keyboard .keyboard-row button.yellow{background:#8c8c8c;color:#000;border-color:#fff}body.e-reader #keyboard .keyboard-row button.green{background:#fff;color:#000;border-color:#fff}body.e-reader #overlay,body.e-reader #settings-overlay,body.e-reader #tutorial-overlay{backdrop-filter:none;background:#161616}body.e-reader #overlay button,body.e-reader #settings-overlay button,body.e-reader #tutorial-overlay button{color:#fff}body.e-reader #stats .tally-row .tally-row-bar-parent .tally-row-bar{background:rgba(255,255,255,.7);color:#000}body.e-reader #stats .tally-row .tally-row-bar-parent .tally-row-bar.selected{background:#fff}}@media screen and (max-width: 275px){#keyboard .keyboard-row button{font-size:1.5rem}}/*# sourceMappingURL=quintle.css.map */