#root{max-width:1280px;width:380px;height:100vh;margin:0 auto;display:flex;flex-direction:column;justify-content:center;gap:10px}.header{display:flex;justify-content:space-between}.reset-button{padding:0;border:none;background:none}#canvas{width:380px;height:380px;border:2px dashed var(--gray);border-radius:var(--border-radius)}.word-bank{height:144px;width:380px;padding:10px;background-color:#dfe1fc;border-radius:var(--border-radius);display:flex;flex-direction:row;flex-wrap:wrap;gap:10px}.word{height:34px;border:1px solid var(--gray);padding:5px 10px;border-radius:var(--border-radius);cursor:grab;font-size:15px;font-family:Space Mono,monospace}.word:active{cursor:grabbing;background-color:var(--gray);-webkit-user-select:none;user-select:none}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color:#213547;background-color:#fff;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--gray: rgb(171, 180, 192);--border-radius: 5px}*{box-sizing:border-box}html,body{margin:0;padding:0;min-width:380px;height:100vh;font-family:Space Mono,monospace;overflow:hidden}h1{font-size:1.25rem;margin:0;text-transform:uppercase;font-weight:400}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}button{border-radius:8px;border:1px solid var(--gray);padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background:#646cff;color:#fff;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}