body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}label{display:flex;align-items:center}input[type=checkbox]{-webkit-appearance:none;appearance:none;width:20px;height:20px;margin:6px;background:#000;border:2px solid #cccccc;border-radius:4px;cursor:pointer;outline:none;position:relative;transition:background .2s,border-color .2s}input[type=checkbox]:hover{border-color:#0ec3c9}input[type=checkbox]:checked:before,input[type=checkbox]:checked:after{content:"";position:absolute;top:50%;left:50%;width:12px;height:2px;background:#0ec3c9;transform:translate(-50%,-50%)}input[type=checkbox]:checked:before{transform:translate(-50%,-50%) rotate(45deg)}input[type=checkbox]:checked:after{transform:translate(-50%,-50%) rotate(-45deg)}input[type=radio]{-webkit-appearance:none;appearance:none;width:20px;height:20px;margin:6px;background:#000;border:2px solid #cccccc;border-radius:50%;cursor:pointer;outline:none;position:relative;transition:background .2s,border-color .2s;box-sizing:border-box}input[type=radio]:hover{border-color:#0ec3c9}input[type=radio]:checked:after{content:"";position:absolute;top:50%;left:50%;width:8px;height:8px;background:#0ec3c9;border-radius:50%;transform:translate(-50%,-50%)}input[type=range]{-webkit-appearance:none;appearance:none;width:120px;height:20px;margin:6px;background:transparent;cursor:pointer}input[type=range]::-webkit-slider-runnable-track{height:20px;background:#000;border:2px solid rgba(255,255,255,.87);border-radius:4px;box-shadow:0 0 4px #ffffff1a}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:20px;height:20px;border:2px solid #0ec3c9;border-radius:4px;background:linear-gradient(45deg,#0ec3c9,#0ab4b9);cursor:pointer;margin-top:-1px;transition:all .2s ease;box-shadow:0 2px 4px #0000004d}input[type=range]:active::-webkit-slider-thumb{background:linear-gradient(45deg,#0ab4b9,#08a0a5);transform:scale(1.15);border-color:#08a0a5}input[type=range]:disabled::-webkit-slider-thumb{background:#ffffff4d;border-color:#ffffff4d;box-shadow:none;transform:scale(1)}input[type=range]:disabled::-webkit-slider-runnable-track{border-color:#ffffff4d;background:#222;box-shadow:none}button{width:240px;margin:6px;padding:6px;background-color:#000;color:#ffffffde;border:1px solid rgba(255,255,255,.87);border-radius:4px;cursor:pointer;transition:all .3s}button:hover{border:1px solid #0ec3c9;color:#0ec3c9}button:active{background-color:#0ec3c9}button:disabled{cursor:not-allowed;border:1px solid rgba(255,255,255,.3);color:#ffffff4d}fieldset{margin:6px;min-width:160px;height:240px;overflow:auto}li{transition:color .3s ease-in-out}li:hover{color:#0ec3c9;cursor:pointer}.button-auto{width:auto}p{padding:0 6px;margin:-10px 0}.status{margin:8px}.App{background-color:#282c34;min-height:100vh;display:flex;padding:10px;color:#fff}.flex-center{display:flex;align-items:center}.flex-column{display:flex;flex-direction:column}.letter-row{margin:auto 6px}.letter{margin:0;width:36px}.letter-selected{margin:0;width:36px;background-color:#36335d}.game-canvas{position:relative;width:400px;height:400px;margin:6px}