*{box-sizing:border-box;-webkit-tap-highlight-color:rgba(0,0,0,0)}*:focus{outline:none}body{min-height:100dvh;background:#6f6b6b;background:#2c2b2b;display:flex;flex-direction:column;margin:0;font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;touch-action:none;overscroll-behavior-y:contain;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-touch-callout:none}.header{width:100%;height:40px;line-height:40px;text-align:left;color:#fff;font-size:12px;font-weight:700;background-image:linear-gradient(135deg,#fad7a1 10%,#e96d71);background:#000;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:0 10px;position:fixed;top:0;z-index:10}a{text-decoration:none}a,a:visited{color:silver}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-thumb{background:#888;border-radius:10px}::-webkit-scrollbar-track{background:#3b3b3b;border-radius:10px}h1{font-size:12px;display:inline-block;margin:0}.hiroshiapp{float:right;line-height:40px}main{width:900px;flex:1;margin:0 auto;padding:40px 0 90px;overflow-x:hidden}#wrapper1,#wrapper2,#wrapper3,#wrapper5{width:100%;height:100%;text-align:center}#top-wrapper{width:100%;left:0;z-index:100;transition:.5s}.top-wrapper-top{min-height:calc(100svh - 60px - 10vh);background-size:auto;display:flex;flex-direction:column;align-items:center;justify-content:center;background-position-x:0px;position:relative}.top-image-auto-move{animation:top-auto-move 60s}@keyframes top-auto-move{0%{background-position-x:0px}to{background-position-x:10px}}.title-wrapper{z-index:0}.game-title{font-size:50px;font-weight:700;padding:0 0 40px;color:#fff;text-shadow:0px 0px 10px silver;text-align:center}.game-sub-title{color:#ffffff87;margin:40px auto 0;float:left}#start-btn{width:140px;height:42px;line-height:40px;font-weight:700;text-align:center;color:silver;background:#b83b3bf0;text-shadow:0 0 4px BLACK;cursor:pointer;margin:10px auto;transition:.4s;z-index:10}#start-btn{animation:brinkingBtn 4s infinite}@keyframes brinkingBtn{0%{transform:scale(1)}90%{transform:scale(1)}95%{transform:scale(1.01)}to{transform:scale(1)}}#start-btn:hover{color:#fff;background:#f34e4ef0;box-shadow:0 0 20px 1px #ff848481}.info{width:430px;height:60px;font-size:13px;overflow-y:scroll;color:gray;background:#000;border-radius:8px;cursor:pointer;padding:1px 20px;margin:60px 0 0}.new-wrapper{width:90%;max-width:800px;position:relative;margin:0 auto}#new{width:100%;color:#ff2f2f;margin:20px 0 0;text-align:center;font-size:14px;height:40px;overflow:none;overflow-y:scroll;-ms-overflow-style:none;cursor:pointer;padding:10px 0}.new-shadow-top{width:100%;height:10px;position:absolute;top:0;background:linear-gradient(180deg,black,transparent)}.new-shadow-bottom{width:100%;height:10px;position:absolute;bottom:0;background:linear-gradient(0deg,black,transparent)}#top-section-wrapper h2{color:#f6f6f6;text-shadow:0px 0px 10px silver;padding:24px 13px 10px;margin:0 0 30px}.top-section{width:90%;max-width:900px;margin:10px auto 20px;padding:6px 20px 30px;box-shadow:0 0 4px 1px gray}.section-inner{width:100%;color:#ffffff87;display:flex;margin:6px 0}.section-inner-inner{color:#afafaf;padding:10px;flex:1;display:flex;align-items:center}.small-text{font-size:13px;color:gray}.image0-1,.image0-2,.image0-3,.image0-4,.image0-5,.image1,.image2,.image3,.image4,.image5{width:400px;aspect-ratio:1 / .6;background-size:cover;margin:0 0 0 20px;box-shadow:0 0 10px -1px gray}.image0-1{background-image:url(./top-image1-Dx998bP_.jpg)}.image0-2{background-image:url(./top-image2-D1GpMzel.jpg)}.image0-3{background-image:url(./top-image3-CB5bb6s0.jpg)}.image0-4{background-image:url(./top-image4-CkDFzzRU.jpg)}.image0-5{background-image:url(./top-image5-D8p_O3uV.jpg)}.file-wrap{width:260px;position:relative;margin:70px auto 0}input[type=file]{display:none}.abso{width:100px;opacity:.5;position:absolute;top:-60px;left:calc((100% - 100px)/2);animation-name:fingermove;animation-duration:4s;animation-iteration-count:infinite}@keyframes fingermove{0%{transform:translateY(0)}5%{transform:translateY(10px)}10%{transform:translateY(0)}to{transform:translateY(0)}}.finger{font-size:30px;display:inline;color:#fff;position:relative}.finger:before{width:100px;content:"Let's start!";font-size:14px;position:absolute;top:-20px;left:calc((100% - 100px)/2)}.file-wrap>label{color:#fff;box-shadow:0 0 10px 6px #d83232 inset,0 6px 9px 2px #8c1717;background-color:red;border-radius:10px;font-size:16px;font-weight:700;cursor:pointer;padding:16px 26px}#wrapper2,#wrapper3,#canvaswrap,#wrapper5{width:100%;display:none}#canvaswrap{text-align:center;transform:translateY(75px);margin:0 auto}.image-setting{width:270px;position:absolute;top:77px;left:calc((100% - 270px)/2);line-height:50px;background-color:#8080808a;padding:15px 20px;border-radius:8px;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:none}.image-setting-message{font-size:12px;font-weight:700;color:red;display:none}.btn-message-wrapper{width:100%;left:0;position:fixed;margin:0 auto;z-index:10}#btn-wrapper1,#btn-wrapper2{display:none;text-align:center}.buttons{width:100%;background-color:#434242;padding:8px 0;margin:0 auto}.alert-pen,.alert-undo,.alert-save,.alert-ok,.alert-edit,.alert-eraser,.pen,#undo,#redo,#undo-eraser,#redo-eraser,.move,.reload,#save,#ok,.return-edit,#edit,#cancel,#eraser,#download{width:40px;height:40px;line-height:40px;color:#fff;display:inline-block;cursor:pointer;background-color:#a6a6a6;font-weight:700;border-radius:8px;box-shadow:0 0 2px 4px #898383 inset,0 2px 2px 2px #575757;margin:10px;vertical-align:middle;background-size:26px auto;background-repeat:no-repeat;background-position:center center}#cancel{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAOhJREFUSEvtlCEWwjAQRGckDhw4JJYjILkNnABuQI+D5Ag4JBZHcbiB9EX0hSbZ9FEF1dP5uzvTEgM/HNgfPwCQdADwILnvc87kibz5xhvPSN5KIVFAYL4keS41d/pOwLfMOwGBuWXoiuQ2JvzYQJILc2dxDjQjks/wvdiJ2pDo/SWNAVwATJtzvKtmAjhRsEkyZEkOsgBwIrlqQ3I1bW+SrKneE3Vtkf1V+E1qklUql94Aa9iDAiRdAcwBHEmuzRlYppd0B+DaVNYi36QmOOMzIVmba1oAKPuSjdOaZdmamp0iwj8ge8EX0/laGYlRLLIAAAAASUVORK5CYII=);position:relative}#edit{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAHBJREFUSEvtk1EKwCAMQ839D13ZoLDJpottQGR+ivSZp0ERL4jnl00BZmaHOgC3hOz+OePpDdhBb+fXAfgN27SuMJwgHcB2g04gA8yq+JxADnA1bA96SlOKJgOMlIabLAeM3iycYF0A22T6F/2Aq4EKgIyoGcXtioAAAAAASUVORK5CYII=)}#eraser{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAU1JREFUSEvVlKFOA0EQhv/PUQcOHBIclXXUgQOJgzcAxxsg4Q1A4sCBo7KOOkAhwYGj7ifbLM223O1tmzSBUXe5yffNzN4sWnCwYL7+psD2lqTH2H0X6NVNYuYObG9IepoC7gL3VZKZBLZXJb1F0JWkF0ln8b1SUiywvSzpI8Jugf3wbPs0JykSTMF7QDcdR07SKLC9JOkrAvtAp2rWU5LxwZcIHIEDoJ3bm1QCjNhZge0f+DOw2bSUti8lHY7ATYIE/g6sFcDPJR3HvDYwqO0ggX8CKwXwAA6CEGN4pWAOeBhJGE2IDtBPC5o4gwQ+BFoFlWfhEx3YfpW0Lmke+AFwnb0qkupbwLDhd9yTdBNzjoBwbVTGeES27yTtxKxaie1tSQ8l8F+HnIypafzh+6jymtu1fg8KJSfARR28aNFKWijJabyLSiC5nP8v+AaDbpkZjxzN/gAAAABJRU5ErkJggg==)}#undo{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAOhJREFUSEvtlCEWwjAQRGckDhw4JJYjILkNnABuQI+D5Ag4JBZHcbiB9EX0hSbZ9FEF1dP5uzvTEgM/HNgfPwCQdADwILnvc87kibz5xhvPSN5KIVFAYL4keS41d/pOwLfMOwGBuWXoiuQ2JvzYQJILc2dxDjQjks/wvdiJ2pDo/SWNAVwATJtzvKtmAjhRsEkyZEkOsgBwIrlqQ3I1bW+SrKneE3Vtkf1V+E1qklUql94Aa9iDAiRdAcwBHEmuzRlYppd0B+DaVNYi36QmOOMzIVmba1oAKPuSjdOaZdmamp0iwj8ge8EX0/laGYlRLLIAAAAASUVORK5CYII=)}.pen{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAPFJREFUSEvVlSsSwjAURe/dBXXgwGFZDhKHxIFFYZHsBokEB7K7uLSdlklKOs1LgRmqkun0nLxfSnz54Zf5+A+BpCmAK4A9yY2blcEROPCG60kGCQLwSkLyxU0WdMEBZCTzJpwkQSy8isbapha4WWCFmwQp8GhBKtwiuAMYt+rldUtXLaOLLMmVRME7I5B0ALCuT3UkuSrXtWTh9nlfF75F0II3359ILvtgofchgdxxl+TtrZLfCiRdAMwB3EjOnP2D5MR6eq/IRSZ2RR23wTw6t6NV4qVIUtnrZwCjGpSTzKzQj/5w+uTRg9YHGjzJqYInBRxoGSCGmtoAAAAASUVORK5CYII=)}#redo{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAOtJREFUSEvllLERwjAQBPc7IISQjJASKIMyoAOoALqgDEogJCWDDJORHZiRZzxYlmRhAgaH9uv2/3Rv48uPfVmfPwZI2gA3M1uFbM6ySNIQODvhdQiSBSiFJU2AYwySDUiFBAHO50WHKDfs8gIkDYBrB+GqdGlm2/q5NoBcUQGMzOzug0maAgf3rSFevm8AJO2AOXAys3HbFCnibYBX9/bMXkC8HlNv59VZ3wRRgEtQuWDFu+fvTWUDUgPgA+yBWewOsgFu/CpFF2DclqIUSC97EApEL5ucDUixIFbz0c8uJu5dtJRDXWp+f4IHrYBcGQhzvlAAAAAASUVORK5CYII=)}.reload{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAANVJREFUSEvtlb0OwjAMhH0bvBFssLVPTDfY4I1gO5QoQZGbxKkgqBJk6k90n32OHUjnhc76si4AyZPLGMDYmnlzBiSpRLcAHhbIBJDcicg1EXKim/B+BHCpQaqAYMkQBG4A9u6Z5FlEDuH7VLOsCFCWjACmNFKSDuxrElbWshlAWwLAyvJesywHiMV8WWIVMrVMB1QEWJFraLT0RwGZJvMOpXa8ZdHXADHiXLQfyeAP8CejVND01LTsiY1YGxWzCaFrkBshZidbc2fpf/PCWSqo93cHPAHofrUZXJao1gAAAABJRU5ErkJggg==);background-color:#a9a9e4;box-shadow:0 0 2px 4px #7784bb inset,0 2px 2px 2px #505594}#save{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAANFJREFUSEvtlLENwjAURO82oaSEDaDMNjABMAHZBjpWoKNlBDY44uBIUfixvyxFFMRVLPnfy79/NjHx4sT6+DOAJAVLSbo7dx8MwjMgm9hJLJK0Inm3ZiBpQfKZ+rPkkCWdAewAVCSv/Q4kbQDcmlCdmlAdxyA5QCg8xOIKwCV+b6N42O5J1kWAaEsfMtRJird3JjvZT/4tSFbcDTA6cYmbgFQUYycvy/Oxui+LSrKeekZ+B/AM3zozfGmtDpYAHoWAdXfru3pXTAthbdkMyLr3BmA+ahmAtN8FAAAAAElFTkSuQmCC);background-color:#f16464;box-shadow:0 0 2px 4px #de4545 inset,0 2px 2px 2px #ac3c3c}#ok,.alert-ok{width:60px;background-color:#f16464;box-shadow:0 0 2px 4px #de4545 inset,0 2px 2px 2px #ac3c3c}.return-edit{width:120px;background-color:#a9a9e4;box-shadow:0 0 2px 4px #7784bb inset,0 2px 2px 2px #505594}#download{width:200px;background-color:#f16464;box-shadow:0 0 2px 4px #de4545 inset,0 2px 2px 2px #ac3c3c;text-decoration-line:none}#wrapper3,#wrapper3-1,#wrapper3-2,#colorPallet-wrapper{width:400px;height:400px;font-size:12px;font-weight:700;background-color:#f5f5f5;margin:0 auto;padding:20px;text-align:center;position:absolute;left:calc((100% - 400px)/2);top:calc((100dvh - 400px)/2)}#wrapper3{height:76px;color:#fff;background:gray;top:0;padding:0;display:flex;justify-content:center;align-items:center}#colorPallet-wrapper{height:auto;padding:20px 10px 30px;background:silver;top:0}#wrapper3-1,#wrapper3-2,#wrapper3,#colorPallet-wrapper{display:none}#wrapper3-close,#colorPallet-wrapper-close{width:20px;height:20px;line-height:20px;font-size:20px;background:#fff;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAKhJREFUSEvtlMEKgDAMQ7Ob/v+HetSbErUgs2sjuNt2lJhH09CCzq909scApAm3IpoALADm1OES7Ld2q/UtwAqAEP6QQWjO52qjJSuQ0JzUrEURJDVXANR4EMlcBdQQ7qaZubpkrzw2iWz+ZQKrooGVdp3abMlm+Myc39QKSwBvoUqFpQmitkiQKCKliimkBVDMbT8h5K9jR4h7s9QWiUf1LRuANLruER1MLC8Z26ytMwAAAABJRU5ErkJggg==);background-size:cover;border-radius:50px;box-shadow:0 0 10px #000;position:absolute;top:-10px;right:-10px;cursor:pointer}.wrapper3-wrapper{width:100%;height:75px;position:relative;pointer-events:none}.wrapper3-inner{height:100%;display:flex;justify-content:space-evenly;align-items:center;position:relative}.now-color{width:20px;height:20px;border:2px solid #ccc;border-radius:50%;background-color:#fff;position:relative;margin-right:8px;transition:all .2s ease-in-out;flex-shrink:0;cursor:pointer;display:none;pointer-events:auto}.now-color:before{width:100px;content:"color";position:absolute;text-align:center;font-weight:700;top:-16px;left:calc((100% - 100px)/2)}.color-pallet{display:flex;justify-content:space-evenly;margin:10px}.custom-color{margin:0;justify-content:flex-end}.custom-radio-button,.custom-radio-button-custom{width:20px;width:calc(100% - 12);aspect-ratio:1 / 1;border:2px solid #ccc;border-radius:50%;background-color:#fff;position:relative;transition:all .2s ease-in-out;flex-shrink:0;cursor:pointer}.color-pallet label .custom-radio-button-custom{background:gray;position:absolute;top:0;left:0}.color-pallet input[type=color]{width:20px;height:20px;display:none;border-radius:50px}.color-pallet label{position:relative}.color-check{box-shadow:0 0 0 3px gray}.pen-weight{width:200px;color:#fff;vertical-align:middle;cursor:pointer;position:relative;pointer-events:auto}.pen-weight:before{width:100px;content:"size";position:absolute;text-align:center;font-weight:700;top:-16px;left:calc((100% - 100px)/2)}.colorPicker{vertical-align:middle}.wrapper5-top-btn{margin:10px 0 20px}.desc{font-size:14px;color:#fff;text-shadow:1px 1px 4px silver,-1px 1px 4px silver,1px -1px 4px silver,-1px -1px 4px silver}.fa-adjust,.fa-text-height,.fa-sun{color:#fff;text-shadow:1px 1px 4px silver,-1px 1px 4px silver,1px -1px 4px silver,-1px -1px 4px silver}.input,.weight,.noiseClear{width:200px;font-size:20px}canvas{width:100%;transform-origin:0 0;box-shadow:0 0 8px #000}.magnification{width:80px;height:18px;line-height:18px;position:absolute;color:#fff;background:gray;top:calc((100% - 18px)/2);left:calc((100% - 80px)/2);pointer-events:none;text-align:center;transition:.5s;opacity:0}.custom-alert{width:100%;height:100%;background:#252525a4;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);position:absolute;top:0;left:0;z-index:20;display:flex;display:none}#custom-alert-inner{width:90%;max-width:400px;height:max-content;margin:0 auto;background:#d2d2d2;font-size:13px;padding:30px 20px 20px;border-radius:0 0 10px 10px}.alert-title{font-size:14px;font-weight:700;margin:0 10px 20px}.alert-edit{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAHBJREFUSEvtk1EKwCAMQ839D13ZoLDJpottQGR+ivSZp0ERL4jnl00BZmaHOgC3hOz+OePpDdhBb+fXAfgN27SuMJwgHcB2g04gA8yq+JxADnA1bA96SlOKJgOMlIabLAeM3iycYF0A22T6F/2Aq4EKgIyoGcXtioAAAAAASUVORK5CYII=)}.alert-eraser{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAU1JREFUSEvVlKFOA0EQhv/PUQcOHBIclXXUgQOJgzcAxxsg4Q1A4sCBo7KOOkAhwYGj7ifbLM223O1tmzSBUXe5yffNzN4sWnCwYL7+psD2lqTH2H0X6NVNYuYObG9IepoC7gL3VZKZBLZXJb1F0JWkF0ln8b1SUiywvSzpI8Jugf3wbPs0JykSTMF7QDcdR07SKLC9JOkrAvtAp2rWU5LxwZcIHIEDoJ3bm1QCjNhZge0f+DOw2bSUti8lHY7ATYIE/g6sFcDPJR3HvDYwqO0ggX8CKwXwAA6CEGN4pWAOeBhJGE2IDtBPC5o4gwQ+BFoFlWfhEx3YfpW0Lmke+AFwnb0qkupbwLDhd9yTdBNzjoBwbVTGeES27yTtxKxaie1tSQ8l8F+HnIypafzh+6jymtu1fg8KJSfARR28aNFKWijJabyLSiC5nP8v+AaDbpkZjxzN/gAAAABJRU5ErkJggg==)}.alert-ok{text-align:center}.alert-pen{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAPFJREFUSEvVlSsSwjAURe/dBXXgwGFZDhKHxIFFYZHsBokEB7K7uLSdlklKOs1LgRmqkun0nLxfSnz54Zf5+A+BpCmAK4A9yY2blcEROPCG60kGCQLwSkLyxU0WdMEBZCTzJpwkQSy8isbapha4WWCFmwQp8GhBKtwiuAMYt+rldUtXLaOLLMmVRME7I5B0ALCuT3UkuSrXtWTh9nlfF75F0II3359ILvtgofchgdxxl+TtrZLfCiRdAMwB3EjOnP2D5MR6eq/IRSZ2RR23wTw6t6NV4qVIUtnrZwCjGpSTzKzQj/5w+uTRg9YHGjzJqYInBRxoGSCGmtoAAAAASUVORK5CYII=)}.alert-undo{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAOhJREFUSEvtlCEWwjAQRGckDhw4JJYjILkNnABuQI+D5Ag4JBZHcbiB9EX0hSbZ9FEF1dP5uzvTEgM/HNgfPwCQdADwILnvc87kibz5xhvPSN5KIVFAYL4keS41d/pOwLfMOwGBuWXoiuQ2JvzYQJILc2dxDjQjks/wvdiJ2pDo/SWNAVwATJtzvKtmAjhRsEkyZEkOsgBwIrlqQ3I1bW+SrKneE3Vtkf1V+E1qklUql94Aa9iDAiRdAcwBHEmuzRlYppd0B+DaVNYi36QmOOMzIVmba1oAKPuSjdOaZdmamp0iwj8ge8EX0/laGYlRLLIAAAAASUVORK5CYII=)}.alert-save{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAANFJREFUSEvtlLENwjAURO82oaSEDaDMNjABMAHZBjpWoKNlBDY44uBIUfixvyxFFMRVLPnfy79/NjHx4sT6+DOAJAVLSbo7dx8MwjMgm9hJLJK0Inm3ZiBpQfKZ+rPkkCWdAewAVCSv/Q4kbQDcmlCdmlAdxyA5QCg8xOIKwCV+b6N42O5J1kWAaEsfMtRJird3JjvZT/4tSFbcDTA6cYmbgFQUYycvy/Oxui+LSrKeekZ+B/AM3zozfGmtDpYAHoWAdXfru3pXTAthbdkMyLr3BmA+ahmAtN8FAAAAAElFTkSuQmCC);background-color:#f16464;box-shadow:0 0 2px 4px #de4545 inset,0 2px 2px 2px #ac3c3c}.alert-tutorial{padding:10px;background:#bababa;border-radius:10px}.tutorial-title{color:#484848;font-weight:700}#custom-alert-ok{color:#e2e2e2;background:gray;text-align:center;float:right;margin:20px 0 0;padding:10px 30px;cursor:pointer;display:none}.custom-alert1,.custom-alert2{display:none}#image{width:100%;position:absolute;top:0;left:0;pointer-events:none;transform-origin:0 0}.pen-size-wrapper{margin:0 100% 0 0;display:inline-block;text-align:left;bottom:0}.pen-size-wrapper-inner{display:inline-block;background:gray;background:url(./koushi-DcWVD9Iu.png);background-size:cover;position:relative}.pen-size-wrapper-inner:before{content:"preview";font-size:12px;position:absolute;top:0;left:4px;color:silver;font-weight:400}.pen-size{width:20px;height:20px;pointer-events:none;border-radius:20px;margin:10px}.bookmark{width:210px;height:26px;line-height:26px;font-size:13px;font-weight:700;text-align:center;color:#e26868;box-shadow:0 0 10px gray;border-radius:20px;margin:10px auto}.fa-share-square,.fa-x-twitter{font-size:26px;display:inline-block;margin:10px;cursor:pointer}.fa-x-twitter{color:#ffffffe6;padding:10px;border-radius:6px;background-color:#000;box-shadow:0 0 2px 2px gray inset}.fa-share-square{color:#fdfdfde6;padding:10px;border-radius:6px;background-color:#b9b9b9;box-shadow:0 0 2px 2px #7d7d7d inset}#copy{display:none}.copy-label{display:inline-block}#asp{margin:30px auto}.ads{width:100%;height:90px;background:gray;position:fixed;left:0;bottom:0;display:flex;align-items:center;justify-content:center;z-index:10;display:none}.ads2{width:90%;max-width:900px;margin:40px 0}footer{width:100%;height:58px;line-height:58px;position:fixed;bottom:0;font-weight:700;font-size:12px;text-align:center;color:#fff;background-color:#000;margin:0}@media all and (max-width: 920px){main{width:100%}}@media all and (max-width: 500px){.app-title{font-size:40px}#canvaswrap{width:100%}#wrapper3,#wrapper3-1,#wrapper3-2,#colorPallet-wrapper{width:90%;left:5%;display:none}.btn-message-wrapper{width:100%;top:40px;left:auto;z-index:10}.buttons,#btn-wrapper{width:100%}.pen,.move,.reload,#save,#ok,.return-edit,#edit,#eraser,#download{margin:6px}}@media all and (max-width: 340px){.app-title{font-size:40px}}@media screen and (max-width: 830px){.section-inner{font-size:14px}.image0-1,.image0-2,.image0-3,.image0-4 .image0-5,.image1,.image2,.image3,.image4{width:50%}}@media screen and (max-width: 630px){.info{width:90%}.section-inner{flex-direction:column;font-size:14px}h1{font-size:12px}.game-sub-title{color:#ffffff87;float:right}#top-section-wrapper h2{font-size:20px;margin:0}#toggle{display:none}.image0-1,.image0-2,.image0-3,.image0-4,.image0-5,.image1,.image2,.image3,.image4{width:90%;margin:20px auto 0}}