@import url(https://fonts.googleapis.com/css2?family=Rubik+Microbe&display=swap);@import url(https://fonts.googleapis.com/css2?family=Press+Start+2P&display=swap);*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;cursor:pointer;font-family:Press Start\ 2P,cursive;font-size:12px;touch-action:manipulation;-webkit-user-select:none;user-select:none}:root{--squareBgColor:#ff4500;--textColor:#000}.Container{align-items:center;background-color:#5dc987;display:flex;flex-direction:column;height:100vh;justify-content:center;margin:0;overflow:hidden;padding:0;text-align:center;width:100vw}.Board,.Container.canvas-page{justify-content:flex-start}.Board{display:flex;flex-direction:column;height:120vh;margin:0;overflow:hidden;padding:0 0 20px;width:100vw}.Canvas{display:grid;flex-shrink:0;grid-template-columns:repeat(80,1fr);grid-template-rows:repeat(80,1fr);height:70vh;margin:0 auto;position:relative;transform-origin:center;transition:transform .1s ease;width:70vh}.Loading{display:grid;height:80vh;place-items:center;width:80vh}.Loading_Text{color:#000;color:var(--textColor);font-size:2em}.Square{border:1px solid #07070714}.Square:hover{background-color:#ff4500!important;background-color:var(--squareBgColor)!important}.Square.cooldown{cursor:not-allowed}.Profile{align-items:center;display:flex;flex-direction:row;gap:10px;justify-content:center;padding:5px}.Profile,.Profile .Btn{color:#000;color:var(--textColor)}.Canvas-Title{flex-shrink:0;font-size:2em;font-weight:700;margin-bottom:5px;margin-top:20px;z-index:10}.Canvas-Subtitle,.Canvas-Title{color:#000;color:var(--textColor);font-family:Press Start\ 2P,cursive;position:relative;text-align:center}.Canvas-Subtitle{font-size:1.2em;margin-bottom:30px;margin-top:0;opacity:.8;z-index:1000}.Canvas-Status{display:flex;flex-shrink:0;flex-wrap:wrap;gap:15px;justify-content:center;margin-bottom:5px;position:relative;z-index:10}.Status-Text{background-color:#ffffff1a}.Canvas-Status .Copy-CA-Button,.Status-Text{border:1px solid #000;border:1px solid var(--textColor);border-radius:3px;color:#000;color:var(--textColor);font-family:Press Start\ 2P,cursive;font-size:.8em;padding:5px 10px}.Canvas-Status .Copy-CA-Button{background:#0000;cursor:pointer;transition:all .3s ease}.Canvas-Status .Copy-CA-Button:hover{background-color:#000;background-color:var(--textColor);color:#5dc987}.Canvas-Status .Copy-CA-Button:active{transform:scale(.95)}.Tools{background-color:#5dc987;display:grid;flex-shrink:0;margin-top:5px;padding:3px;place-items:center;position:relative;z-index:10}.Auth-Button,.Tools{color:#000;color:var(--textColor);width:100%}.Auth-Button{background-color:initial;border:none;cursor:pointer;display:flex;font-size:1em;justify-content:center}.Title{font-size:3em;font-weight:700;margin-bottom:10px;text-align:center}.Title,.Twitter-Link{color:#000;color:var(--textColor)}.Twitter-Link{align-items:center;cursor:pointer;display:flex;font-family:Press Start\ 2P,cursive;font-size:.9em;gap:5px;justify-content:center;text-decoration:none;transition:all .3s ease}.Twitter-Link:hover{opacity:.8}.Subtitle,.Twitter-Logo{color:#000;color:var(--textColor)}.Subtitle{font-size:1.2em;margin-bottom:40px;margin-top:0;opacity:.8;text-align:center}.Button-Container{align-items:center;display:flex;flex-direction:column;gap:15px;justify-content:center;text-align:center}.Copy-CA-Button{-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;background-color:initial;border:none;color:#000;color:var(--textColor);cursor:pointer;font-family:Press Start\ 2P,cursive;font-size:1em;padding:10px 20px;transition:all .3s ease;-webkit-user-select:none;user-select:none}.Copy-CA-Button.copied,.Copy-CA-Button:hover{background-color:#000;background-color:var(--textColor);color:#5dc987}.Copy-CA-Button.copied{animation:blink .3s ease forwards}.Copy-CA-Button:active{transform:scale(.95)}.View-Canvas-Button{background-color:initial;border:2px solid #000;border:2px solid var(--textColor);color:#000;color:var(--textColor);cursor:pointer;font-family:Press Start\ 2P,cursive;font-size:1em;margin:0;padding:8px 16px;text-decoration:none;transition:all .3s ease}.View-Canvas-Button:hover{background-color:#000;background-color:var(--textColor);color:#5dc987}@keyframes blink{0%{background-color:#000;background-color:var(--textColor);color:#5dc987;transform:scale(1)}50%{background-color:#000;background-color:var(--textColor);color:#5dc987;transform:scale(.95)}to{background-color:initial;color:#000;color:var(--textColor);transform:scale(1)}}.Connect-Wallet-Button{-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;background-color:initial;border:none;color:#000;color:var(--textColor);cursor:pointer;font-family:Press Start\ 2P,cursive;font-size:1.2em;padding:15px 30px;transition:all .3s ease;-webkit-user-select:none;user-select:none}.Connect-Wallet-Button:hover{background-color:#000;background-color:var(--textColor);color:#5dc987}.Connect-Wallet-Button:active{transform:scale(.95)}.Connect-Wallet-Button:disabled{cursor:not-allowed;opacity:.6}.Connect-Wallet-Button:disabled:hover{background-color:initial;color:#000;color:var(--textColor)}.Palette{display:flex;justify-content:center;padding:5px}.Palette-item{border:2px solid #000;border-radius:50%;cursor:pointer;height:30px;margin:4px;transition:transform .2s ease;width:30px}.Palette-item:hover{transform:scale(1.1)}@media (max-width:768px){body{-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none}.Container{padding:10px}.Title{font-size:2em}.Subtitle{font-size:1em}.Connect-Wallet-Button,.Copy-CA-Button{-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;font-size:.9em;padding:8px 16px;-webkit-user-select:none;user-select:none}.Canvas-Title{font-size:2em;margin-top:15px}.Canvas-Subtitle{font-size:1em;margin-bottom:20px}.Canvas{height:95vw;max-height:400px;max-width:400px;width:95vw}.Palette-item{height:25px;margin:3px;width:25px}.Tools{padding:10px}.Status-Text{font-size:.7em;padding:8px}.Canvas-Status .Copy-CA-Button{-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}}@media (max-width:480px){body{-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none}.Title{font-size:1.5em}.Subtitle{font-size:.9em}.Canvas-Title{font-size:1.5em}.Canvas-Subtitle{font-size:.9em;margin-bottom:15px}.Palette-item{height:20px;margin:2px;width:20px}.Button-Container{gap:10px}.Connect-Wallet-Button,.Copy-CA-Button{-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}}.Access-Denied-Message{animation:fadeIn .3s ease-in;background-color:#ff44441a;border:1px solid #f44;border-radius:5px;color:#f44;font-family:Press Start\ 2P,cursive;font-size:.9em;margin:10px auto;max-width:400px;padding:10px 20px;text-align:center}.Current-Color{align-items:center;color:#000;display:flex;font-weight:700;height:30px;justify-content:center;min-width:60px;text-shadow:1px 1px 0 #fff,-1px -1px 0 #fff,1px -1px 0 #fff,-1px 1px 0 #fff}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}
/*# sourceMappingURL=main.033a4819.css.map*/