.instructions{width:350px;height:calc(100vh - 270px);max-height:420px;overflow-y:auto;padding:10px;box-sizing:border-box;color:var(--color-white)}.instructions a{color:inherit;font-weight:700;text-decoration:underline}.instructions ol{padding:0 0 0 20px;margin:0}.instructions ol li{margin-bottom:20px}.instructions ul{padding:0 0 0 20px;margin:0}.instructions ul li{margin-bottom:5px}.instructions__span__padding{padding:2px;border-radius:3px;display:inline-block}.instructions__button{font-weight:700;border:0;border-radius:200px;padding:7px 0;vertical-align:middle}.instructions__button span{display:inline-block;margin-left:10px}.instructions__button--share{background-color:var(--color-green);color:#fff;width:130px}.results{width:350px;height:calc(100vh - 260px);max-height:420px;overflow-y:auto;display:grid;grid-template-rows:repeat(6,1fr);grid-gap:5px;padding:10px;box-sizing:border-box;scroll-behavior:smooth}@supports (-webkit-touch-callout: none){.results{height:calc(100vh - 320px)}}.results__row{display:grid;grid-template-columns:repeat(5,1fr);grid-gap:5px}.results__row__letter{width:100%;border:0;margin:0;padding:0;display:inline-flex;justify-content:center;align-items:center;font-size:2rem;line-height:2em;font-weight:700;vertical-align:middle;box-sizing:border-box;color:var(--color-white);text-transform:uppercase;-webkit-user-select:none;user-select:none}.keyboard{margin:0 8px;-webkit-user-select:none;user-select:none;height:200px}.keyboard__row{display:flex;width:100%;margin:0 auto 8px;touch-action:manipulation}.keyboard__row--100{width:100%}.keyboard__row--90{width:90%}.keyboard__row__button{font-family:inherit;font-size:1rem;font-weight:700;border:0;padding:0;margin:0 6px 0 0;height:58px;border-radius:4px;-webkit-user-select:none;user-select:none;color:var(--color-white);display:flex;justify-content:center;align-items:center;text-transform:uppercase;-webkit-tap-highlight-color:rgba(0,0,0,.3)}.keyboard__row__button--010{flex:1}.keyboard__row__button--015{flex:1.5}@keyframes modal-fade-in{0%{opacity:0}to{opacity:1}}@keyframes modal-fade-out{0%{opacity:1}to{opacity:0}}dialog::backdrop{background-color:#00000080}dialog[open]{animation:modal-fade-in .25s ease-in-out}dialog[open]::backdrop{animation:modal-fade-in .25s ease-in-out}dialog.modal--closing{animation:modal-fade-out .25s ease-in-out forwards}dialog.modal--closing::backdrop{animation:modal-fade-out .25s ease-in-out forwards}.modal__content{height:calc(100% - 2rem);width:calc(100% - 2rem);max-width:475px;border:none;border-radius:1rem;padding:20px;color:#fff;background-color:var(--color-black);position:relative}.modal__content--settings{max-height:520px}.modal__content--title{font-size:16px;font-weight:700;letter-spacing:.5px;text-align:center}.modal__content--item{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--color-dark-gray);padding:16px 0}.modal__content--item a{color:var(--color-gray)}.modal__content--item-settings{padding-right:8px}.modal__content--item-settings-title{font-size:18px}.modal__content--item-settings-description{font-size:12px;line-height:16px;color:var(--color-gray)}.modal__button{background:transparent;border:0;color:var(--color-white)}.modal__button--close{position:absolute;top:10px;right:10px}*,*:before,*:after{font-family:Arial,sans-serif;box-sizing:border-box;--color-black: #121213;--color-dark-gray: #3a3a3c;--color-gray: #818384;--color-gold: #b59f3b;--color-green: #538d4e;--color-white: #fff}html,body{height:100%}body{padding:0;margin:0;background-color:var(--color-black);overflow-y:hidden}button{cursor:pointer}svg{vertical-align:middle}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-thumb{background:var(--color-dark-gray)}::-webkit-scrollbar-track{background:var(--color-black)}#root{height:calc(100% - 50px)}.header{height:50px;padding:5px;color:var(--color-white);font-size:37px;font-weight:700;text-align:center;border-bottom:1px solid var(--color-dark-gray)}.header__button{background:transparent;border:0;color:var(--color-white)}.header__button--settings{position:absolute;top:10px;right:5px}.board{width:100%;max-width:500px;margin:0 auto;height:100%;display:flex;flex-direction:column}.board__results{display:flex;justify-content:center;align-items:center;flex-grow:1;overflow:hidden}.margin--0{margin:0}.margin-top--20{margin-top:20px}.margin-right--40{margin-right:40px}.padding--10{padding:10px}.bold{font-weight:700}.center{text-align:center}.small{font-size:.8rem}.medium{font-size:1.3rem}.background--excluded{background-color:var(--color-dark-gray)}.background--neutral{background-color:var(--color-gray)}.background--included{background-color:var(--color-gold)}.background--exact{background-color:var(--color-green)}.button__toggle--container{display:flex;justify-content:space-between}.button__toggle{height:20px;width:32px;background:var(--color-gray);border:none;border-radius:999px;display:block;position:relative}.button__toggle--on{background:var(--color-green)!important}.button__toggle--knob{display:block;position:absolute;left:2px;top:2px;height:calc(100% - 4px);width:50%;border-radius:8px;background:var(--color-white);transform:translate(0);transition:transform .3s}.button__toggle--on .button__toggle--knob{transform:translate(calc(100% - 4px))}