.PixelArtCanvas_container__2juq4{width:100vw;height:100vh;display:flex;align-items:center;justify-content:center;background:white;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:white;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:white}.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:white!important}.PixelArtCanvas_modeButtonActive__0kH_e:before{height:100%}.PixelArtCanvas_actionButton__XBDqf{padding:8px 16px;background:white;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:white;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:#c0c0c0;border-color:#808080 #c2c2c2 #b5b5b5 #808080;border-style:solid;border-width:3px;padding:0;margin-bottom:0;box-sizing:border-box;height:50px}.PixelArtCanvas_counter__08CX9{background:#000000;border-color:#808080 #ffffff #ffffff #808080;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:#ff0000;text-shadow:0 0 2px #ff0000;letter-spacing:2px;display:inline-block;min-width:60px;text-align:center}.PixelArtCanvas_smileyButton__NpOE9{background:#c0c0c0;border-color:#ffffff #808080 #808080 #ffffff;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:#808080 #ffffff #ffffff #808080;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:#c0c0c0 #808080 #808080 #c0c0c0;border-style:solid;border-width:3px;box-shadow:inset -1px -1px #ffffff,inset 1px 1px #808080;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:#ffffff #808080 #808080 #ffffff;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 #808080!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:white;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:white}.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:white!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 #808080!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 #808080!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 #808080!important}.PixelArtCanvas_number__64oUd{font-size:16px}}@media (hover:none){.PixelArtCanvas_tile__8QUsL:hover{background:#d0d0d0}}