.eyedropper-active *{cursor:none!important}.drawing{display:contents}.drawing .medals-popup{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background-color:#fff;padding:5vmin 3vmin 2vmin;text-align:center}.drawing .medals-popup .medal-list{list-style:none;margin:0 auto}.drawing .medals-popup .medal-list .medal-info{margin:1vmin 0px;align-items:center}.drawing .medals-popup .medal-list .medal-info svg{height:5vmin;width:auto}.drawing .medals-popup .medal-list .medal-info .medal-description{flex-grow:1}.drawing .medals-popup .description{text-align:justify!important;display:inline-block;max-width:40vmin;text-align:center;padding:2vmin 0;background:#e8e8e8;padding:1vmin;border-radius:1vmin}.drawing .medals-popup .close{user-select:none;position:absolute;top:4vmin;right:0vmin;border:none;cursor:pointer;transform:translate(-50%,-50%);font-size:5vmin;background:none}.drawing .accuracy-display{border:.5vmin solid rgba(165,130,255,.568627451);border-radius:100vmax;width:20vmin;height:40%;display:flex;flex-direction:row;justify-content:center;align-items:center;position:relative;background-color:#000;padding:.5vmin 1vmin .5vmin 2vmin}.drawing .accuracy-display .target-icon{width:100%;display:inline-block;height:100%;transform:scaleX(-1) scale(1.5) translate(26%);width:auto;fill:#fff;aspect-ratio:1;filter:drop-shadow(-1px -2px 1px rgba(0,0,0,.5))}.drawing .accuracy-display .inner{border-radius:100vmax;border:.3vmin solid #939393;overflow:hidden;background-color:#575757;position:relative;height:80%;flex-grow:1}.drawing .accuracy-display .inner .accuracy-bar{filter:drop-shadow(8px 0 .5vmin rgba(0,0,0,.25));background-color:#6eff00;border-radius:100vmax;background-size:5vmin;background-position:right center;height:100%;display:inline-block;position:absolute;transition:width .35s ease-in-out,background-color .35s ease-in-out}.drawing .game-container{flex-grow:1;width:100%;overflow:visible;display:flex;flex-direction:column;justify-content:center;align-items:center}.drawing .top-bar{height:15vmin;display:flex;flex-direction:row;justify-content:space-around;align-items:center;width:100vmin}.drawing .top-bar .back{width:5vw;background:none;border:none;cursor:pointer;fill:#000}.drawing .top-bar .level-name{color:#c7b1ff;background:#000;padding:1vmin 2vmin;border-radius:100vmax;border:.5vmin solid rgba(165,130,255,.568627451)}.drawing canvas{user-drag:none;user-select:none;position:absolute;aspect-ratio:1;outline:1vmin solid #a696cf;cursor:none}.drawing .eyeDropperToolTip{pointer-events:none;user-select:none;position:absolute;width:5vmin;z-index:10;stroke:gray;stroke-width:.5vmin;paint-order:stroke fill;filter:drop-shadow(0 0 .5vmin white);overflow:visible}.drawing .eyeDropperToolTip *{overflow:visible}.drawing .toolbar{background:#a696cf;border-radius:100vmax;margin:5vmin;display:flex;flex-direction:row;justify-content:space-around;width:90vmin;height:10vmin;align-items:center;cursor:pointer}.drawing .toolbar svg{pointer-events:bounding-box;overflow:visible;fill:#fff}.drawing .toolbar svg{height:8vmin;width:auto}.drawing .toolbar .redo{transform:scaleX(-1)}.drawing .toolbar .preview.closed #top-lid{opacity:1}.drawing .toolbar .preview.open #top-lid{opacity:0}.drawing .toolbar .preview #top-lid{transition:opacity .3s ease-in-out}.drawing .toolbar .next.forward{transform:rotate(0)}.drawing .toolbar .next.back{transform:rotate(180deg)}.drawing .toolbar .next{transition:transform .2s ease-in-out}.color-picker{background-color:#fff;background:radial-gradient(circle,#f7e6ee,#dbeeff);width:60vmin;height:40vmin;z-index:2;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;justify-content:space-around;flex-direction:row;align-items:center;padding:1vmin 5vmin}.color-picker .checkerboard{background-color:#ccc;background-image:linear-gradient(45deg,#eee 25%,transparent 25%),linear-gradient(-45deg,#eee 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#eee 75%),linear-gradient(-45deg,transparent 75%,#eee 75%);background-size:12px 12px;background-position:0 0,0 6px,6px -6px,-6px 0px}.color-picker .color-preview{width:4vmin;height:4vmin;border:1px solid #000;position:relative}.color-picker .color-preview__color{position:absolute;inset:0}.color-picker .hue-wheel{height:auto;max-height:80%;aspect-ratio:1/1;margin-right:3vmin}.color-picker .sat-light{border:1vmin solid transparent;border-image:linear-gradient(to bottom,#000,#c2c2c2);border-image-slice:1;border-radius:.5vmin;height:auto;max-height:80%;aspect-ratio:1/1;margin-right:3vmin}.color-picker .color-preview{cursor:not-allowed;min-height:20%;height:auto;aspect-ratio:1/1;border:1vmin solid #d4d4d4;border-radius:.5vmin}.color-picker .preview-icon{position:absolute;bottom:110%;width:100%}.color-picker .preview-icon svg{fill:#00f!important}.color-picker svg{user-select:none;display:block}.color-picker .alpha-picker{margin-right:3vmin;border:.5vmin solid #d4d4d4;max-height:80%}.color-picker .alpha-picker .level{stroke-width:1.5vmin;stroke:gray;z-index:4}.color-picker .alpha-picker .level-outline{stroke:#fff;stroke-width:2vmin;z-index:4}.color-picker .close{user-select:none;position:absolute;top:4vmin;right:0vmin;border:none;cursor:pointer;transform:translate(-50%,-50%);font-size:5vmin;background:none}.sizing-picker{user-select:none;background-color:#fff;width:40vmin;height:40vmin;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.sizing-picker h2{white-space:nowrap;position:absolute;top:21%;left:50%;transform:translate(-50%);font-size:4vmin}.sizing-picker button{cursor:pointer;background:none;font-size:8vmin;border:none;position:absolute;transform:translate(-50%,-50%)}.sizing-picker button,.sizing-picker .size-display{top:65%}.sizing-picker .minus{z-index:2;padding:0 5vmin}.sizing-picker .minus:active{color:green}.sizing-picker .minus{left:20%}.sizing-picker .plus{z-index:2;padding:0 5vmin;margin-right:-10vmin}.sizing-picker .plus:active{color:green}.sizing-picker .plus{right:5%}.sizing-picker .close{user-select:none;position:absolute;top:4vmin;right:0vmin;border:none;cursor:pointer;transform:translate(-50%,-50%);font-size:5vmin;background:none}.sizing-picker .size-display{position:absolute;left:50%;transform:translate(-50%,-50%);display:inline-block;background-color:#000;border-radius:100vmax}.medals{cursor:pointer;border-radius:100vmax;list-style:none;display:flex;flex-direction:row;padding:1vmin;border:.5vmin solid rgba(165,130,255,.568627451);background-color:#000;width:fit-content}.medals .medal{width:5vmin;margin-bottom:-.5vmin}.levels{text-align:center;overflow-y:auto}.levels h2{font-size:3em;background-color:#a696cf;color:#fff;text-shadow:3px 3px 3px rgba(0,0,0,.5);width:fit-content;margin-left:auto;margin-right:auto;padding:2vmin 4vmin;margin-top:2.5vmin;border-bottom-left-radius:5vmin;border-top-right-radius:5vmin;border:.5vmin solid black}.levels .level-list{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center}.levels .level-list .level{border:.5vmin solid #c7b4e2;display:flex;flex-direction:column;margin:2.5vmin;padding:2.5vmin;background-color:#e6e9ff;text-align:center;max-width:30vmin}.levels .level-list .level .medals{margin-left:auto;margin-right:auto}.levels .level-list .level h3{font-size:1.75em}.levels .level-list .level .play{cursor:pointer;width:fit-content;margin-left:auto;margin-right:auto;padding:1vmin 1.5vmin;font-size:1.5em;font-weight:700;background-color:#090909;color:#0f0;border:none;margin-bottom:.5vmin}.levels .level-list .level img{width:100%;pointer-events:none;user-select:none;aspect-ratio:1/1}.levels .level-list .level .description{flex-grow:1;display:flex;flex-direction:column;justify-content:center;text-align:justify;line-height:1.6}.levels .level-list .level>*{margin:1vmin 0}.title-screen{height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center}.title-screen .title-logo{user-select:none;pointer-events:none;width:80vmin}.title-screen .play-game:hover{filter:drop-shadow(1vmin 1vmin 1vmin rgba(0,0,0,.483));transition:filter .2s ease-in-out}.title-screen .play-game{cursor:pointer;font-size:3em;padding:1vmin 4vmin;position:relative;overflow:hidden;background:linear-gradient(135deg,red,orange,#ff0,green,#0ff,#00f,indigo,violet 70%,red);filter:drop-shadow(1vmin 1vmin 1vmin transparent);background-size:800% 800%;animation:diagonalMove 10s linear infinite;color:#fff;transition:filter .1s ease-in-out;text-shadow:3px 3px rgba(0,0,0,.4509803922)}@keyframes diagonalMove{0%{background-position:100% 100%}to{background-position:0 0}}.music-player{display:none}.audio-toggle{cursor:pointer;position:fixed;bottom:3vmin;right:5vmin;width:5vmin}