.gclef,.colorButton{background:currentColor;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;transition:.3s ease-out}@font-face{font-weight:100 1000;font-stretch:25% 151%;font-family:"popcute";src:url("../font/PopRumCute.woff") format("woff-variations")}body,#tutorial,#game{overflow:hidden}#tutorial{position:fixed;top:0;left:0;z-index:2;width:100%;height:100%;background:rgba(0,0,0,0);font-size:1.2rem;font-family:"popcute"}#tutorial .popup{position:fixed;top:0;top:0;right:0;bottom:0;left:0;transform:scale(0);width:70%;height:-moz-fit-content;height:fit-content;margin:auto;padding:4rem;border:1.11rem solid #ff00b2;border-radius:4rem;background:rgba(255,255,255,.3);color:#986288;transition:.5s;-webkit-backdrop-filter:blur(0.3rem);backdrop-filter:blur(0.3rem)}#tutorial .popup::before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;width:calc(100% - 1.5rem);height:calc(100% - 1.5rem);margin:auto;border:3px solid #ff00b2;border-radius:3rem}#tutorial .popup .gamelogo{margin:auto}#tutorial .popup h2{margin-bottom:1.5rem;color:#ff00b2;text-align:center}#tutorial .popup.fadein{transform:scale(1)}#tutorial .ico{display:inline-block;width:2rem}#tutorial .lead{line-height:2.3;text-align:center;text-shadow:3px 3px 0 #fff,-3px -3px 0 #fff,-3px 3px 0 #fff,3px -3px 0 #fff,3px 0 0 #fff,-3px 0 0 #fff,0 3px 0 #fff,0 -3px 0 #fff}#tutorial .lead.blink{color:#ff00b2;animation:blink .3s ease-in-out infinite alternate}#tutorial .chara,#tutorial .mascot{position:absolute}#tutorial .chara{top:12%;right:3%;width:40%}#tutorial .mascot{bottom:5%;left:3%;width:25%}@keyframes blink{0%{opacity:0}100%{opacity:1}}#game{display:grid;place-content:center;position:fixed;top:0;left:0;width:100%;height:100%;background:url(../img/game06/bg.webp) no-repeat center/cover;font-family:"popcute"}.gameContainer{position:relative;transform:rotate(0);margin:auto;border:5px solid #e9cb8f;border-radius:50%;background:#ffc6ef;transition:all 300ms linear}.gameContainer::before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;width:80%;margin:auto;border:5px dotted #bd9300;border-radius:50%;aspect-ratio:1/1;pointer-events:none}.startContainer{display:flex;justify-content:center;align-items:center;position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;margin:auto}.startContainer span{color:#fff}.startContainer.init::before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;border-radius:50%;background:rgba(0,0,0,.5)}.startButton{display:flex;display:inline-block;justify-content:center;align-items:center;position:relative;padding:0;border-radius:50%;box-shadow:0 5px 0 #9c5d8a;background-color:#fee4ff;color:#ae832f;font-weight:700;font-size:1.6rem;line-height:1.5;line-height:100px;letter-spacing:.1em;text-decoration:none;text-align:center;vertical-align:middle;cursor:pointer;transition:all .3s;animation:buttonHoverAnimation .5s infinite alternate;-webkit-user-select:none;-moz-user-select:none;user-select:none}@keyframes buttonHoverAnimation{0%{transform:translate(0, 0);box-shadow:0 5px 0 #9c5d8a}100%{transform:translate(0, 3px);box-shadow:0 2px 0 #9c5d8a}}.gclef{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);box-shadow:inset 7px 7px 14px #322020,inset -7px -7px 14px #af7a7a;background:#e9cb8c;background-size:cover;-webkit-mask-image:url("../img/game06/gclef.svg");mask-image:url("../img/game06/gclef.svg")}.colorButton{display:grid;place-content:center;aspect-ratio:1/1;-webkit-mask-image:url("../img/game06/note.svg");mask-image:url("../img/game06/note.svg")}.status{display:block;font-size:2rem}.status.over{color:#11a3ff}.status.clear{color:#eb39ff}.levelnum{display:block;color:#ba54ae;font-size:2rem;text-align:center}.colorButton{position:relative}.btnOverlay{position:absolute;top:0;left:0;width:100%;height:100%;background:url(../img/game06/note_overlay.svg) no-repeat center/contain;mix-blend-mode:hard-light}/*# sourceMappingURL=game06.min.css.map */