@import url(https://fonts.googleapis.com/css2?family=Press+Start+2P&display=swap);@font-face{font-display:swap;font-family:Cubic\ 11;src:url(/static/media/Cubic_11.d8eabedbc8d5ffc0ce5a.woff2) format("woff2")}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#1a1a1a;color:#fff;font-family:Cubic\ 11,Press Start\ 2P,cursive;image-rendering:pixelated;margin:0}h1{font-family:Press Start\ 2P,cursive;font-size:3rem}button,input{font-family:Cubic\ 11,cursive,Press Start\ 2P,sans-serif;font-size:18px;font-weight:400}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{box-sizing:border-box}.App{overflow-x:hidden;text-align:center}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh;padding:20px}.pixel-button{background-color:#f9a825;border:4px solid #000;box-shadow:4px 4px 0 #000;color:#000;cursor:pointer;padding:10px 20px;text-transform:uppercase;transition:all .1s ease-in-out}.pixel-button:hover{background-color:#fbc02d;box-shadow:6px 6px 0 #000}.pixel-button:active{box-shadow:0 0 0 #000;transform:translate(4px,4px)}.pixel-input{background-color:#fff;border:4px solid #000;color:#000;margin:0;padding:10px;width:250px}.player-list-container{background-color:rgba(0,0,0,.2);border:4px solid #000;margin-top:20px;min-width:300px;padding:10px 20px}.with-padding{padding-top:20px}.home-actions-vertical,.home-form-vertical{align-items:center;display:flex;flex-direction:column;gap:20px}.home-actions-horizontal{display:flex;flex-direction:row;gap:20px;justify-content:center;width:100%}.voting-gallery{width:100%}.gallery-grid{display:flex;flex-wrap:wrap;gap:20px;justify-content:center;overflow-x:hidden;padding:20px}.gallery-item{align-items:center;border:4px solid transparent;display:flex;flex-direction:column;gap:10px;padding:10px}.gallery-item.selected{border-color:#f9a825;box-shadow:0 0 15px #f9a825}.gallery-item.winner{border-color:#4caf50;box-shadow:0 0 20px #4caf50;transform:scale(1.05)}.vote-button{background-color:#4caf50}.vote-button:hover{background-color:#66bb6a}.pixel-button.danger{background-color:#d32f2f;margin-top:10px}.pixel-button.danger:hover{background-color:#f44336}.canvas-container{margin:10px auto;max-width:800px;width:100%}.game-header{font-size:1.2rem;gap:30px;justify-content:center;margin-bottom:10px}.game-header,.game-info-item{align-items:center;display:flex}.game-info-item{gap:10px}.topic-like-container{align-items:center;display:flex;gap:15px;justify-content:center;margin-bottom:10px}.like-button{background:none;border:none;cursor:pointer;font-size:2rem;transition:transform .1s ease}.like-button:disabled{cursor:default}.like-button:hover:not(:disabled){transform:scale(1.2)}.scoreboard{cursor:pointer;left:10px;min-width:150px;text-align:left}.room-info,.scoreboard{background-color:rgba(0,0,0,.5);border:2px solid #fff;padding:10px;position:absolute;top:10px}.room-info{right:10px}.room-info span{color:#f9a825;font-weight:700}.scoreboard ul{list-style:none;margin:0;padding:0}.toolbar{background-color:#333;border:4px solid #000;gap:20px;justify-content:center;margin-top:10px;padding:10px}.toolbar,.toolbar-section{align-items:center;display:flex}.toolbar-section{gap:10px}.toolbar-section.actions{gap:15px}.color-palette,.line-widths{display:flex;gap:5px}.color-swatch{border:2px solid #555;cursor:pointer;height:30px;transition:transform .1s ease;width:30px}.color-swatch:hover{transform:scale(1.1)}.color-swatch.eraser{align-items:center;background-color:#777;display:flex;font-size:1.2rem;justify-content:center}.color-swatch.selected{border-color:#fff;box-shadow:0 0 5px #fff}.width-dot-container{align-items:center;border:2px solid transparent;border-radius:50%;cursor:pointer;display:flex;height:30px;justify-content:center;width:30px}.width-dot-container.selected{border-color:#f9a825}.width-dot{background-color:#fff;border-radius:50%}@media (max-width:768px){.toolbar{align-items:stretch;flex-direction:column}.toolbar-section{justify-content:center}}
/*# sourceMappingURL=main.4d725c06.css.map*/