.PixelArtCanvas_container__2juq4{width:100vw;height:100vh;display:flex;align-items:center;justify-content:center;background:#fff;padding:20px;box-sizing:border-box;position:relative;overflow:hidden}.PixelArtCanvas_mainWrapper__zvFMT{display:flex;align-items:flex-end;justify-content:center;position:relative;padding-top:3rem;gap:2rem}.PixelArtCanvas_leftControls__ieVBC{display:flex;flex-direction:column;gap:12px;align-self:flex-end}.PixelArtCanvas_rightControls__S3orT{display:flex;flex-direction:column;gap:12px;align-self:flex-start;margin-top:0}.PixelArtCanvas_modeButton___ayOC{padding:8px 16px;background:#fff;border:2px solid #333;border-radius:20px;font-size:12px;font-weight:600;cursor:pointer;color:#333;text-transform:uppercase;letter-spacing:.5px;font-family:Courier New,monospace;min-width:120px;position:relative;overflow:hidden;transition:color .3s ease;z-index:1}.PixelArtCanvas_modeButton___ayOC:before{content:"";position:absolute;bottom:0;left:0;width:100%;height:0;background:#333;transition:height .3s ease;z-index:-1}.PixelArtCanvas_modeButton___ayOC:hover:before{height:100%}.PixelArtCanvas_modeButton___ayOC:hover{color:#fff}.PixelArtCanvas_modeButtonText__i7uyn{display:inline;position:relative;z-index:2}.PixelArtCanvas_modeButtonIcon__oEKKA{display:none;position:relative;z-index:2}.PixelArtCanvas_modeButtonActive__0kH_e{background:#333!important;color:#fff!important}.PixelArtCanvas_modeButtonActive__0kH_e:before{height:100%}.PixelArtCanvas_actionButton__XBDqf{padding:8px 16px;background:#fff;border:2px solid #333;border-radius:20px;font-size:12px;font-weight:600;cursor:pointer;color:#333;text-transform:uppercase;letter-spacing:.5px;font-family:Courier New,monospace;min-width:120px;position:relative;overflow:hidden;transition:color .3s ease,transform .2s ease;z-index:1;text-decoration:none;display:inline-block;text-align:center}.PixelArtCanvas_actionButton__XBDqf:before{content:"";position:absolute;bottom:0;left:0;width:100%;height:0;background:#333;transition:height .3s ease;z-index:-1}.PixelArtCanvas_actionButton__XBDqf:hover:before{height:100%}.PixelArtCanvas_actionButton__XBDqf:hover{color:#fff;transform:translateY(-1px)}a.PixelArtCanvas_actionButton__XBDqf:hover:before{height:100%}.PixelArtCanvas_canvas__NKFU9{display:flex;flex-direction:column;align-items:center;justify-content:center;touch-action:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;gap:0}@media (max-width:768px){.PixelArtCanvas_canvas__NKFU9{justify-content:flex-start;padding-top:10px}}.PixelArtCanvas_headerBar__JDa5N{display:flex;align-items:center;justify-content:space-between;background:silver;border-color:grey #c2c2c2 #b5b5b5 grey;border-style:solid;border-width:3px;padding:0;margin-bottom:0;box-sizing:border-box;height:50px}.PixelArtCanvas_counter__08CX9{background:#000;border-color:grey #fff #fff grey;border-style:solid;border-width:2px;padding:4px 8px;border-radius:2px;margin:0 10px}.PixelArtCanvas_counterDisplay__rcNoR{font-family:Courier New,Monaco,monospace;font-size:24px;font-weight:700;color:red;text-shadow:0 0 2px red;letter-spacing:2px;display:inline-block;min-width:60px;text-align:center}.PixelArtCanvas_smileyButton__NpOE9{background:silver;border-color:#fff grey grey #fff;border-style:solid;border-width:3px;width:40px;height:40px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .1s ease;border-radius:2px}.PixelArtCanvas_smileyButton__NpOE9:active{border-color:grey #fff #fff grey;background:#b0b0b0}.PixelArtCanvas_smileyFace__OWgWk{font-size:24px;line-height:1;pointer-events:none}.PixelArtCanvas_gridContainer__YJII9{position:relative;display:block}.PixelArtCanvas_backgroundImage__ZinWi{position:absolute;top:3px;left:3px;right:3px;bottom:3px;background-size:cover;background-position:50%;background-repeat:no-repeat;z-index:0;pointer-events:none}.PixelArtCanvas_grid__X9TqX{display:grid;gap:0;background:transparent;padding:3px;border-color:silver grey grey silver;border-style:solid;border-width:3px;box-shadow:inset -1px -1px #fff,inset 1px 1px grey;width:-moz-fit-content;width:fit-content;height:-moz-fit-content;height:fit-content;max-width:calc(100vw - 40px);max-height:calc(100vh - 120px);position:relative;z-index:2}.PixelArtCanvas_tile__8QUsL{width:25px;height:25px;background:#e1e1e1;cursor:pointer;display:flex;align-items:center;justify-content:center;position:relative;border-color:#fff grey grey #fff;border-style:solid;border-width:2px;box-sizing:border-box}.PixelArtCanvas_tile__8QUsL:hover{background:#d0d0d0}.PixelArtCanvas_tileFilled__O0drG{background:#bdbdbd!important;border:1px solid grey!important;box-shadow:inset 1px 1px 1px rgba(0,0,0,.2)}.PixelArtCanvas_tileRevealed__bRNDh{background:transparent!important;border:none!important;box-shadow:none!important}.PixelArtCanvas_number__64oUd{font-size:14px;font-weight:900;font-family:Courier New,monospace;pointer-events:none;text-shadow:none;line-height:1}@media (max-width:1024px){.PixelArtCanvas_container__2juq4{padding:2%;position:relative;min-height:100vh}.PixelArtCanvas_mainWrapper__zvFMT{gap:.5rem;flex-direction:column;align-items:center;min-height:90vh}.PixelArtCanvas_leftControls__ieVBC{flex-direction:row;align-self:center;margin-top:3vh;margin-bottom:1.5rem;order:-1;gap:8px;justify-content:center;flex-wrap:wrap}.PixelArtCanvas_rightControls__S3orT{display:none}.PixelArtCanvas_modeButton___ayOC{padding:0;font-size:20px;min-width:40px;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#fff;border:2px solid #333;position:relative;overflow:hidden;transition:color .3s ease}.PixelArtCanvas_modeButton___ayOC:before{border-radius:50%}.PixelArtCanvas_modeButton___ayOC:active:before{height:100%}.PixelArtCanvas_modeButton___ayOC:active{color:#fff}.PixelArtCanvas_modeButtonText__i7uyn{display:none}.PixelArtCanvas_modeButtonIcon__oEKKA{display:inline;font-size:18px;position:relative;z-index:2}.PixelArtCanvas_modeButtonActive__0kH_e{background:#333!important;color:#fff!important}.PixelArtCanvas_modeButtonActive__0kH_e:before{height:100%}}@media (max-width:768px){.PixelArtCanvas_counter__08CX9{border-width:1px;padding:2px 6px}.PixelArtCanvas_leftControls__ieVBC{flex-direction:row;align-self:center;margin-top:3vh;margin-bottom:.1rem;order:-1;gap:8px;justify-content:center;flex-wrap:wrap}.PixelArtCanvas_counterDisplay__rcNoR{font-size:18px;min-width:45px;letter-spacing:1px}.PixelArtCanvas_smileyButton__NpOE9{width:30px;height:30px;border-width:2px}.PixelArtCanvas_smileyFace__OWgWk{font-size:18px}.PixelArtCanvas_grid__X9TqX{max-width:calc(100vw - 20px);max-height:calc(100vh - 250px)}.PixelArtCanvas_tile__8QUsL{width:20px;height:20px;border-width:1px}.PixelArtCanvas_tile__8QUsL:hover{background:#d0d0d0}.PixelArtCanvas_tileFilled__O0drG{border:1px solid grey!important}.PixelArtCanvas_number__64oUd{font-size:11px}}@media (max-width:480px){.PixelArtCanvas_tile__8QUsL{width:18px;height:18px;border-width:1px}.PixelArtCanvas_tileFilled__O0drG{border:1px solid grey!important}.PixelArtCanvas_number__64oUd{font-size:10px}}@media (min-width:1200px){.PixelArtCanvas_tile__8QUsL{width:28px;height:28px;border-width:2px}.PixelArtCanvas_tileFilled__O0drG{border:1px solid grey!important}.PixelArtCanvas_number__64oUd{font-size:16px}}@media (hover:none){.PixelArtCanvas_tile__8QUsL:hover{background:#d0d0d0}}