/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:rgba(0,0,0,0)}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}*{box-sizing:border-box}button{padding:0;border:0;cursor:pointer;background:rgba(0,0,0,0)}@font-face{font-family:"remixicon";src:url("/css/fonts/remixicon.eot");src:url("css/fonts/remixicon.eot#iefix") format("embedded-opentype"),url("css/fonts/remixicon.woff2") format("woff2"),url("css/fonts/remixicon.woff") format("woff"),url("css/fonts/remixicon.ttf") format("truetype"),url("css/fonts/remixicon.svg#remixicon") format("svg");font-display:swap}[class^=ri-],[class*=" ri-"]{font-family:"remixicon" !important;font-style:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;opacity:0;transition:opacity 200ms ease-in}body.--react-loaded [class^=ri-],body.--react-loaded [class*=" ri-"]{opacity:1}.ri-lg{font-size:1.3333em;line-height:.75em;vertical-align:-0.0667em}.ri-xl{font-size:1.5em;line-height:.6666em;vertical-align:-0.075em}.ri-xxs{font-size:.5em}.ri-xs{font-size:.75em}.ri-sm{font-size:.875em}.ri-1x{font-size:1em}.ri-2x{font-size:1.5em}.ri-3x{font-size:2em}.ri-arrow-right-line:before{content:""}.ri-close-circle-line:before{content:""}.ri-delete-back-2-line:before{content:""}.ri-error-warning-line:before{content:""}.ri-funds-line:before{content:""}.ri-play-fill:before{content:""}.ri-restart-line:before{content:""}.ri-space:before{content:""}.ri-star-fill:before{content:""}.ri-timer-flash-line:before{content:""}.disabled{pointer-events:none;opacity:.2}.m-auto{margin-left:auto;margin-right:auto}.m-t15{margin-top:15px}.m-t30{margin-top:30px}.m-l5{margin-left:5px}.text-uppercase{text-transform:uppercase}html{height:100%}body{background-color:#00d3ff;font-family:"Jost",Arial,Serif}#app-root{display:flex;flex-direction:column;height:100vh}.app-container{overflow:auto;display:flex;flex-direction:column;flex-grow:1}
.app-header{background-color:#df744a;padding:10px 0}.app-logo{font-family:"Merienda";color:#fff;font-weight:700;margin:0;text-shadow:1px 2px #000;font-size:1.75rem;text-align:center}
.start-page{position:relative;width:100%;max-width:650px;display:flex;flex-direction:column;flex-grow:1;border-bottom:solid 10px #df744a;margin:58px auto 0 auto}.start-page .word{width:100%;max-width:100%;border-bottom-left-radius:0;border-bottom-right-radius:0}
.btn{display:flex;align-items:center;text-transform:uppercase;background:#d13800;padding:15px 20px;font-size:18px;border-radius:30px;color:#fff;box-shadow:0px 1px 0px #000;text-shadow:1px 1px #000}.btn--secondary{font-size:18px;background-color:rgba(0,0,0,0);border:solid 1px #000;border-radius:4px;border-bottom:solid 2px;padding:5px 10px;margin-right:10px}.btn--secondary:focus{border-bottom:solid 1px;border-color:rgba(0,0,0,.5);outline:none}.btn--backspace{margin-left:auto;display:flex;margin-right:5px}
.letters{width:100%;display:flex;font-size:50px;align-items:center;justify-content:center;text-align:center;margin:0 auto;padding:40px 0;background:rgba(255,255,255,.2);border-radius:4px}.letter{background-color:#fff;margin:0 10px 0 0;width:50px;line-height:1.5;list-style:none;box-shadow:2px 2px 0px rgba(0,0,0,.2)}.letter.--used{color:#fff;box-shadow:0px 0px 0px 2px #df744a;cursor:default}.letter.--used::selection{color:#fff}.letter:last-child{margin-right:0}.letter:focus{outline:none;box-shadow:0px 0px 0px 2px #df744a}
.instructions-list{margin:0;padding:0;list-style:none;font-size:24px;background-color:#fff;padding:20px;flex-grow:1}.instructions-list li{display:flex;align-items:center;margin-bottom:20px}.instructions-list li i{margin-right:10px}.instructions-list li:last-child{margin-bottom:0}
.game-controls{display:flex;justify-content:center}.game-container{width:100%;max-width:450px;margin:0 auto}
.game-stats{display:flex;margin:15px auto 10px auto}.game-stats .game-stat{display:flex;align-items:center;flex-grow:1;justify-content:center}.game-stats .game-stat .game-stat-icon{margin-right:5px}
.game-timer-row{position:relative}.game-timer{box-sizing:content-box;width:50px;height:50px;line-height:50px;border:solid 6px #3bd6ff;border-radius:50px;background-color:#fff;text-align:center;font-size:25px;position:absolute;top:-33px;left:50%;transform:translateX(-50%)}.game-timer button{line-height:50px;height:50px;width:50px}
.game-form{text-align:center;margin:0 auto}
.game-guess{width:100%;max-width:450px;text-align:center;margin:15px 0 0 0;font-size:26px;line-height:2.1;outline:0;border:solid 3px #df744a;border-radius:4px}
.mobile-guess{display:flex;align-items:center;justify-content:center;margin:0 0 15px 0;background-color:#fff;padding:10px 0;box-shadow:inset 0 12px 5px -12px #424242,inset 0 -12px 5px -12px #424242}.mobile-letters{flex-grow:1;font-size:26px;letter-spacing:2px;margin-left:32px}
.anagrams-container{display:flex;justify-content:center;flex-wrap:wrap;margin:20px auto 10px auto;width:90%}.anagrams-container .anagram-column{margin:0 15px 10px 0;list-style:none;padding:0}.anagrams-container .anagram-column:last-child{margin-right:0}.anagram{margin-bottom:5px}.anagram:last-child{margin-bottom:0}.anagram .char{background-color:rgba(255,255,255,.7);margin:0 1px 0 0;display:inline-block;font-size:18px;box-shadow:1px 1px 0 rgba(0,0,0,.2);width:25px;height:30px;text-align:center;line-height:30px;color:rgba(0,0,0,0);text-transform:uppercase}.anagram .char::selection{color:rgba(0,0,0,0)}.anagram.--show .char{background-color:#fff;color:#000}.anagram.--show .char::selection{color:inherit}.anagram.--show .char::transparent{color:#000}.anagram.--solved .char{background-color:#ff0}
.notification{margin:15px auto;background-color:#fff;padding:15px;border-radius:4px;color:#d13800;font-size:18px;font-weight:700;text-align:center}
