.circle{width:100%;height:100%;aspect-ratio:1 / 1;background:radial-gradient(circle at 50% 35%,#fff,#fee1a7 80%);border-radius:50%;box-shadow:inset 0 3px 5px #ffffffb3,inset 0 -2px 4px #00000026,0 4px 6px #00000040;font-family:Josefin Sans,sans-serif;font-size:23px;font-weight:700;display:flex;align-items:center;justify-content:center;color:#333;cursor:pointer;z-index:100;box-sizing:border-box}.double{background:radial-gradient(circle at 50% 35%,#a8d8ff,#3e92cc 80%);color:#fff}.triple{background:radial-gradient(circle at 50% 35%,#ffacac,#d9534f 80%);color:#fff}.highlight{background:radial-gradient(circle at 50% 35%,#e8e8e8,#fffbf6 80%);box-shadow:inset 0 3px 5px #fff9,inset 0 -2px 4px #0003,0 4px 6px #0000004d,0 0 10px 3px #fffeeb,0 0 5px 1px #fffeeb inset}.highlight.double{background:radial-gradient(circle at 50% 35%,#88b8df,#c4e2fd 80%);color:#fff}.highlight.triple{background:radial-gradient(circle at 50% 35%,#df8c8c,#efa6a4 80%);color:#fff}.letter{color:#333;display:flex;align-items:center;justify-content:center;width:100%;height:100%;position:relative;top:2px}.blank{width:100%;height:100%;aspect-ratio:1 / 1;background-color:transparent;border:1px solid white;box-sizing:border-box}.gridFlexWidth{width:100%;max-width:305px;min-width:200px}.grid-container{max-width:90%;margin:0 auto}.grid-row{display:block;height:50px;padding:20px}.grid-item{justify-content:center;border:3px solid #ddd;padding:30px;font-size:1.5em;width:20px}.letter-highlight{border:3px solid #0a7817}.container{display:flex;width:100%}.scores{flex:1}.main-board{flex:2;min-width:60%}.side-board{flex:1}.wordlist{height:300px;overflow:scroll}.input-textbox[disabled]{background-color:#d6d6d6}.green-circle{display:inline-block;width:10px;height:10px;border-radius:50%;background-color:#6f0;margin-right:5px}.grey-circle{display:inline-block;width:10px;height:10px;border-radius:50%;background-color:#4a4d4a;margin-right:5px}#root{margin:0 auto;text-align:center;font-size:1em;width:100%}.container{display:flex}.box{background-color:#e2e2e293;width:45%;margin:5px;padding:20px;text-align:center}.box-full{background-color:#e2e2e293;width:95%;margin:5px;padding:20px;text-align:center}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion: no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#888}.lds-grid,.lds-grid div{box-sizing:border-box}.lds-grid{display:inline-block;position:relative;width:80px;height:80px}.lds-grid div{position:absolute;width:16px;height:16px;border-radius:50%;background:currentColor;animation:lds-grid 1.2s linear infinite}.lds-grid div:nth-child(1){top:8px;left:8px;animation-delay:0s}.lds-grid div:nth-child(2){top:8px;left:32px;animation-delay:-.4s}.lds-grid div:nth-child(3){top:8px;left:56px;animation-delay:-.8s}.lds-grid div:nth-child(4){top:32px;left:8px;animation-delay:-.4s}.lds-grid div:nth-child(5){top:32px;left:32px;animation-delay:-.8s}.lds-grid div:nth-child(6){top:32px;left:56px;animation-delay:-1.2s}.lds-grid div:nth-child(7){top:56px;left:8px;animation-delay:-.8s}.lds-grid div:nth-child(8){top:56px;left:32px;animation-delay:-1.2s}.lds-grid div:nth-child(9){top:56px;left:56px;animation-delay:-1.6s}@keyframes lds-grid{0%,to{opacity:1}50%{opacity:.5}}.error{border:solid 1px red;background-color:bisque;padding:3px}.games-container{height:50vh;overflow:scroll}button:disabled{background-color:gray;cursor:auto}.primaryButton{margin-left:10px;padding:10px 20px;font-size:16px;font-weight:800;background-color:#fb8500;border-radius:5px;cursor:pointer;color:#fff;border:none;transition:background-color .3s ease}.joinContainer{padding:40px;width:70%;background-color:#888;margin:0 auto}:root{line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#92c5ee;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#3976e0}button{background-color:#023047;color:#fff}}.footer{font-size:.8em;padding:50px}.text-container{background-color:#545454;border:solid 3px #bbbbbb}.scores{height:60vh;min-width:200px}