:root,html,body{padding:0;margin:0;font-family:monospace;overflow:hidden;overscroll-behavior:none;touch-action:none;user-select:none;-webkit-user-select:none;color:#fff}.ui-box{position:fixed;margin:clamp(3px,4vw,22px);background-color:#27252a;filter:drop-shadow(0 3px 2px rgba(0,0,0,.463));border-radius:10px;display:flex;align-items:center;justify-content:space-between;z-index:10}a{color:#bdb2ff;text-decoration:none}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color:#ffffffde;background-color:#2f2c35;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.error-message{color:#ffadad}body{min-width:320px;min-height:100vh}input{touch-action:manipulation;font-size:16px}button{color:#fff;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;touch-action:manipulation}button:hover{border-color:#fff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}input{color:#fff}#root{text-align:center}.card{padding:2em}.canvas{width:100vw;height:100vh;background-image:radial-gradient(rgba(255,255,255,.438) 1px,transparent 0);background-size:20px 20px;background-color:#2f2c35}.cell{width:21px;height:21px;position:absolute;color:#27252a;font-weight:700;font-size:14px;box-sizing:border-box;display:flex;justify-content:center;align-items:center;z-index:0}.coords{bottom:0;right:0;width:128px;height:65px;padding:15px;flex-direction:column}.coord{width:100%;font-size:large;display:flex;justify-content:space-between}.coord h4{font-size:medium}.coord input{font-size:medium;padding-left:11px;width:90px;height:23px;border:none;background-color:#333335;border-radius:4px}.topbar{top:0;left:0;right:0}.topbar h1{font-size:x-large;margin-top:7px;margin-bottom:12px;margin-left:30px}.topbar button{font-size:medium;margin-right:15px;height:30px}.hovered-cell{position:absolute;width:20px;height:20px;left:0;top:0;border:2px solid rgba(255,255,255,1);border-radius:3px;pointer-events:none;z-index:2}.mode-selector{width:60px;height:60px;left:0;box-sizing:border-box;justify-content:center}.color-item{width:30px;height:30px;border-radius:50%;position:absolute}.login-page{display:flex;justify-content:center;align-items:center;width:100vw;height:100vh;background-image:radial-gradient(rgba(255,255,255,.438) 1px,transparent 0);background-size:20px 20px}.login-card{margin:0;padding:10px;width:350px;display:flex;flex-direction:column}.login-card h1{margin-top:5px}.login-card h1 span{margin:5px;display:inline-block;animation:wave 2s ease-in-out infinite alternate}.login-card h4{margin-top:30px;margin-bottom:5px}.login-card form{margin:10px 10px 20px}.login-card form button{margin:10px}.label-and-input{display:flex;flex-direction:column;align-items:center;margin-bottom:15px}.label-and-input label{margin:5px}.label-and-input input{border:none;background-color:#333335;border-radius:4px;padding:5px;font-family:monospace}@keyframes wave{0%{transform:translateY(0)}to{transform:translateY(7px)}}