@import url(./default.css);html{font-size:16px;color:#222}body{overflow:hidden;font-family:'Gothic A1',monospace;-webkit-user-select:none;user-select:none}button,input{font-family:'Gothic A1',monospace}a{color:#222}h1,h2{letter-spacing:-.05em}.hidden-label{position:absolute;left:-9999px;width:1px;height:1px;opacity:0;pointer-events:none}#css-renderer-canvas,#the-canvas{position:fixed;left:0;top:0}#the-canvas{pointer-events:none}.mobile-controller{position:fixed;bottom:30px;left:30px;width:151px;height:151px;border-radius:50%;background:rgba(0,0,0,.1)}.mobile-controller:before{content:'';position:absolute;left:10px;top:10px;width:131px;height:131px;border:1px solid #fff;border-radius:50%}.mobile-controller-bar{position:absolute;left:75px;top:10px;width:1px;height:66px;background:#fff;transform-origin:bottom}.target-marker{display:none}.before-start-sound .sound-btn{display:none}.sound-btn{display:flex;justify-content:center;align-items:center;position:relative;width:40px;height:40px;outline:none}.sound-btn::before{content:'';position:absolute;left:8px;top:7px;width:24px;height:24px;background:url(/wp-content/themes/studiomeal2021/src/images/icon-sound.png) 0 0 no-repeat;background-size:cover}.sound-off .sound-btn::before{background-position-x:100%}.esc{display:none;align-items:center;justify-content:center;position:relative;top:-1px;width:30px;height:16px;margin-right:5px;padding-top:1px;border:2px solid #fff;border-radius:3px;font-size:10px;font-weight:bold;color:#fff}.menu-btn-wrapper{display:flex;align-items:center;position:fixed;right:1em;top:5px;z-index:200}.menu-btn{position:relative;width:40px;height:40px}.menu-btn>i{position:absolute;left:1px;top:18px;width:38px;height:2px;background:#fff;pointer-events:none;opacity:1;transition:.3s}.menu-btn::before{content:'';position:absolute;left:1px;top:12px;width:38px;height:2px;background:#fff}.menu-btn::after{content:'';position:absolute;left:1px;top:24px;width:38px;height:2px;background:#fff}.menu{display:block;position:fixed;right:0;top:0;z-index:150;width:260px;height:100%;padding-top:50px;transform:translateX(100%);will-change:transform}.menu-on .menu{transform:translateX(0)}.note-on .menu-btn::before,.menu-on .menu-btn::before{top:10px}.note-on .menu-btn::after,.menu-on .menu-btn::after{top:26px}.menu-item{margin:0 2rem}.menu-link{display:block;padding:.5em 0 .4em;border-bottom:2px solid #fff;font-size:1.5rem;letter-spacing:-.05em;text-align:left;text-decoration:none;color:#fff}.menu-question{padding:1em 2rem;font-size:1.25rem;color:#fff}.audio-makers{padding:1rem 0;font-size:11px;color:#fff}@keyframes ani-menu-btn-top {
	0% {
		transform: translateY(0);
	}
	50% {
		transform: translateY(8px);
	}
	100% {
		transform: translateY(8px) rotate(30deg);
	}
}@keyframes ani-menu-btn-bottom {
	0% {
		transform: translateY(0);
	}
	50% {
		transform: translateY(-8px);
	}
	100% {
		transform: translateY(-8px) rotate(-30deg);
	}
}.note-on .menu-btn>i,.menu-on .menu-btn>i{opacity:0}.note-on .menu-btn::before,.menu-on .menu-btn::before{animation:.5s ani-menu-btn-top forwards}.note-on .menu-btn::after,.menu-on .menu-btn::after{animation:.5s ani-menu-btn-bottom forwards}.site-name{position:fixed;left:16px;top:16px;width:49px}.note{display:none;overflow-y:auto;position:relative;z-index:100;height:82vh;margin-left:20vw;padding:3rem 1.5rem 1.5rem;opacity:0;transition:.4s opacity;will-change:opacity}.note-lecture-coloso{color:#eee}.note-primary-content{line-height:1.6}.note-primary-content p{margin:1em 0}.note-lecture-coloso a{color:#eee}.note-header h2{padding-bottom:1em;font-size:1.5rem}.wave-panel{display:none;position:absolute;right:0;top:0;z-index:50}.no-touchevents .mobile-controller{display:none}.no-touchevents body[data-mode="game"] .esc{display:inline-flex}.no-touchevents .target-marker{position:absolute;left:50%;top:50%;z-index:1000;width:22px;height:22px;transform:translate(-50%,-50%)}.no-touchevents .target-marker:before{content:'';position:absolute;left:10px;top:0;width:2px;height:100%;border:1px solid rgba(255,255,255,.5);background:rgba(0,0,0,.5)}.no-touchevents .target-marker:after{content:'';position:absolute;left:0;top:10px;width:100%;height:2px;border:1px solid rgba(255,255,255,.5);background:rgba(0,0,0,.5)}.no-touchevents body[data-mode="game"] .target-marker{display:block}@keyframes loading-ani {
	0% { opacity: 0; }
	50% { opacity: 1; }
	100% { opacity: 0; }
}.loading{display:flex;align-items:center;justify-content:center;position:fixed;left:0;top:0;z-index:10000;width:100%;height:100%;font-size:12px;text-align:center;color:#fff;background:#12925d;opacity:1;transition:.5s opacity}.loading span{animation:1s infinite loading-ani}.comment-form{display:none;flex-direction:column;align-items:center;justify-content:center;position:absolute;left:50%;top:50%;z-index:100;width:300px;height:200px;margin:-100px 0 0 -150px;padding:1rem;border:2px solid #222;font-weight:bold;background:#fff;transform:translateY(70vh);transition:.3s}.form-row{display:flex;align-items:center;margin-bottom:10px}.form-row label{flex:0 0 auto;width:100px}.form-row input{width:100%;border:2px solid #222;border-radius:0;font-size:1rem;font-family:'Gothic A1',monospace;-webkit-appearance:none}.form-row textarea{width:100%;height:60px;border:2px solid #222;border-radius:0;font-size:1rem;font-family:'Gothic A1',monospace;-webkit-appearance:none}.comment-submit{display:block;width:100%;height:40px;border:0;border-radius:0;font-weight:bold;line-height:40px;color:#fff;background:#222;-webkit-appearance:none;cursor:pointer}.video-container{position:relative;margin:2rem 0;height:0;padding-bottom:56.25%}.video-square{padding-bottom:100%}.video-container iframe{position:absolute;left:0;top:0;width:100%;height:100%}.background-video{position:absolute;left:-1000px;top:0;width:100px;z-index:-1}@media (min-width:1024px){.menu{width:402px}.menu-item{margin:0 3rem}.menu-link{font-size:2rem}.menu-question{padding:1em 3rem}.note{margin-left:24vw;padding:3rem}.note-header h2{font-size:3rem}.form-row textarea{width:100%;height:70px}}