.app-container{display:flex;font-family:montserrat;flex-direction:column;align-items:center;justify-content:center;height:100%;padding:20px;box-sizing:border-box}.app-header,.app-footer{width:100%;text-align:center;display:flex;flex-direction:column;align-items:center}.color-picker{display:flex;gap:5px;justify-content:center;align-items:center}.drawing-word{background-color:#fff;border-radius:12px;margin-bottom:20px;padding:12px 18px;font-size:22px;font-weight:800}.tip{font-family:Comic Sans MS,Comic Sans,cursive;color:#a5a29d;font-size:16px}.shuffle-colors:active{opacity:50%}.color-option{width:30px;height:30px;border-radius:50%;border:2px solid #ddd;cursor:pointer;transition:width .2s,height .2s}canvas,.color-picker{-webkit-user-select:none;user-select:none;-webkit-user-drag:none;-ms-user-select:none}.share-modal{position:fixed;display:flex;flex-direction:column;align-items:center;justify-content:space-between;transition:opacity 1.5s;z-index:9999;max-width:500px;min-width:min(500px,100vw - 20px);margin:10px}.share-canvas-container{margin-top:10px;background-image:url(./src/assets/background-texture.png);background-repeat:repeat repeat;background-color:#ece7e1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:10px 20px}.slider-container{text-align:center;width:95%;display:flex;align-items:center}.slider{width:100%;height:5px;background-color:#ddd;border-radius:10px;overflow:visible;align-items:center;position:relative;display:flex;justify-content:flex-end}.slider-progress{height:100%;background-color:#000;width:100%;border-radius:10px;transition:width 1s linear}.timer{margin-left:8px;font-size:1em;color:red;font-weight:700;font-family:montserrat}.timer-explosion{width:0px;height:0px;background-color:#fff;transition:width .3s,height .3s,margin .3s}button:active{opacity:50%}button:hover{opacity:90%}@keyframes shake{0%{transform:translate(0) rotate(0)}25%{transform:translate(1px,-1px) rotate(1deg)}50%{transform:translate(-1px,1px) rotate(-1deg)}75%{transform:translate(1px,1px) rotate(1deg)}to{transform:translate(0) rotate(0)}}.fuse-shake{animation:shake .1s infinite}.canvas-container{position:relative;width:100%;max-width:400px;min-width:min(400px,100vw - 20px);padding-bottom:85%;margin:20px 0;touch-action:none}.canvas-container canvas{touch-action:none;position:absolute;top:0;left:0}.time-container{margin:3px;border:1px solid black;padding:6px;display:flex;flex-direction:column;width:fit-content;border-radius:12px;width:50px;background-color:#00000006}html{height:100%;width:100%;margin:0;background-color:#ece7e1}body{height:100%;width:100%;margin:0}#root{height:100%;width:100%;justify-content:center;display:flex;margin:0}