@charset "UTF-8";.matter canvas{width:150px;height:300px!important;position:fixed;top:0!important;left:0;z-index:20}video{transform:rotateY(180deg);-webkit-transform:rotateY(180deg);-moz-transform:rotateY(180deg)}body,ul,li,p,h1,h2,h3,h4,h5,h6{margin:0;padding:0;list-style-type:none;font-family:Otoma,ヒラギノ丸ゴ Pro W4,ヒラギノ丸ゴ Pro,Hiragino Maru Gothic Pro,ヒラギノ角ゴ Pro W3,Hiragino Kaku Gothic Pro,HG丸ｺﾞｼｯｸM-PRO,HGMaruGothicMPRO,sans-serif}body{position:fixed;top:0;left:0;right:0;bottom:0;overflow:hidden}button{cursor:pointer;font-family:inherit}a{margin:0;padding:0;text-decoration:none;color:inherit;cursor:pointer;font-family:inherit}.starter-container{height:50vh;padding:4px;box-sizing:border-box;display:flex;justify-content:flex-start;align-items:center;flex-direction:column;width:100%;position:absolute;top:0;left:0;z-index:12;color:#fff}.starter-container .loading-container{width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:1em;font-size:medium;margin-top:.5em;position:absolute;bottom:0;transform:translateY(50%)}.starter-container .loading-container .loading-visual{width:100%;align-items:center;display:flex;justify-content:center;gap:4px;position:relative;white-space:nowrap}.starter-container .loading-container .loading-visual .loading-bar-outer{width:100%;height:2px;outline:1px solid gray}.starter-container .loading-container .loading-visual .loading-bar-outer #loading-bar{display:block;width:100%;height:100%;background:#0909c0;transform:scaleX(0);transform-origin:center left;box-shadow:inset 0 0 4px #f5f5f5,inset 1px 0 2px #26008f,inset -1px 0 2px #55c8f8,1px 0 8px #26008f,1px 0 8px #55c8f8,0 0 10px #fff,-1px 0 4px #26008f,1px 0 4px #55c8f8}.starter-container .loading-container .loading-visual #now-loading,.starter-container .loading-container .loading-visual #loading-rate{font-size:1em;padding:0 .5em}.starter-container .loading-container #loading-state{width:100%;text-align:center;box-sizing:border-box}.starter-container .loading-container.hidden{display:none}.start,.lang-container{margin-top:4px;-webkit-user-select:none;-moz-user-select:none;user-select:none;font-size:5vmin;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:10px}.start.sound-starter,.lang-container.sound-starter{position:absolute;bottom:0;width:100vw;height:25vh;background:#000000b3;top:37.5vh;left:0;margin:0;opacity:0;animation:fadein .5s forwards}.start.sound-starter.hidden,.lang-container.sound-starter.hidden{display:none}.start.lang-container,.lang-container.lang-container{align-self:flex-end}.start.flicker>button,.lang-container.flicker>button{animation:flicker 1.2s infinite}.start button,.start .lang-btn,.lang-container button,.lang-container .lang-btn{border:none;padding:5px 15px;text-decoration:none;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;color:#02022f;font-size:4vmin;border-radius:4px;box-shadow:2px 2px 10px #02022f;white-space:nowrap;background:#fffffff2}.start button.disabled,.start .lang-btn.disabled,.lang-container button.disabled,.lang-container .lang-btn.disabled{pointer-events:none;background:transparent;border:1px dashed rgb(131,131,131);text-shadow:1px 1px rgb(2,2,47),-1px -1px rgb(2,2,47);box-shadow:none;color:#ff0;transform:translateY(2px);cursor:not-allowed}.start button:hover,.start .lang-btn:hover,.lang-container button:hover,.lang-container .lang-btn:hover{opacity:1;text-shadow:0 0 3px #55c8f8,0 0 6px #fff;box-shadow:0 1px 1px #26008f,0 2px 3px #fff;background:#ff0}@keyframes flicker{0%,to{opacity:1;background:#ff0}50%,60%{opacity:.5;background:#fff}}@keyframes fadein{0%{opacity:0}to{opacity:1}}.instruction-container{position:absolute;top:0;bottom:0;left:0;right:0;z-index:10;background-image:url(/game41_expo-icecream/img/inst-back.webp);background-size:cover;background-position:center bottom}.html-container{position:absolute;top:0;bottom:0;left:0;right:0;z-index:2}.background-container{position:absolute;top:0;bottom:0;left:0;right:0;z-index:-1}.background-container .curtain-side{width:3%}.curtain-top{width:100%;height:17.4vw;position:absolute;top:0;left:0;background-image:url(/game41_expo-icecream/img/curtain-top.webp);background-size:100% auto;background-repeat:no-repeat;background-position:center bottom;z-index:-1}.curtain-side{width:10vw;height:100%;position:absolute;top:0;background-image:url(/game41_expo-icecream/img/curtain-side.webp);background-size:cover;background-position:left center;z-index:-2}.curtain-side.R{right:0}.curtain-side.L{left:0;transform:rotate(180deg)}.curtain-back{width:100%;height:120%;position:absolute;top:0;left:0;background-image:url(/game41_expo-icecream/img/html-back2.webp);background-size:auto 120%;background-position:center bottom;z-index:-3;transform:translateY(0);transition:transform 2s;transition-timing-function:ease-in}.curtain-back.open{transform:translateY(-110%)}.title-container{width:100%;text-align:center;margin-top:4vh;font-size:7vmin}.title-container.small{width:auto;display:inline-block;font-size:max(28px,5vmin)}.title{font-size:inherit;max-width:90%;margin:0 auto;padding:.25em;display:block;font-weight:200;font-style:italic;color:#fff;border:4px solid #fff;border-radius:20px;text-shadow:-.15vw -.15vw 3.4vw #fff,.15vw .15vw 3.4vw #fff,0 0 .3vw #f04,0 0 .6vw #f04,0 0 .9vw #f04,0 0 .12vw #f04,0 0 .15vw #f04;box-shadow:0 0 6px #fff,inset 0 0 6px #fff,0 0 10px #fbff00,0 0 10px #fbff00,inset 0 0 20px #fbff00}.inst-anime-container{margin:30px auto 0;width:50vh;height:75vh;position:absolute;bottom:0;left:50%;transform:translate(-50%)}#bg1,#bg2,#bg3{width:100%;height:100%;position:absolute;-o-object-fit:100% auto;object-fit:100% auto;-o-object-position:top center;object-position:top center}#bg1{opacity:1;animation:bg1 7.5s infinite}#bg2{opacity:0;animation:bg2 7.5s infinite}#bg3{opacity:0;animation:bg3 7.5s infinite}#ice1,#ice2{position:absolute;top:5%;width:15%;height:15%;-o-object-fit:contain;object-fit:contain;z-index:2}#ice1{right:18%;transform:translate(0);opacity:1;animation:ice1 7.5s infinite ease-in}#ice2{left:26%;transform:translateY(0);opacity:0;animation:ice2 7.5s infinite ease-in}@keyframes bg1{0%,30%{opacity:1}31%,to{opacity:0}}@keyframes bg2{0%,30%,61%,to{opacity:0}31%,60%{opacity:1}}@keyframes bg3{0%,60%{opacity:0}61%,to{opacity:1}}@keyframes ice1{0%{transform:translate(0);opacity:1}10%,30%{transform:translateY(65%);opacity:1}31%,to{transform:translateY(65%);opacity:0}}@keyframes ice2{0%,22%,61%,to{transform:translate(0);opacity:0}23%{opacity:1}35%,60%{transform:translateY(30%);opacity:1}}.MC-container{width:100%;height:30%;position:absolute;left:0;bottom:0}.MC-container .MC{width:30%;height:80%;position:absolute;bottom:0;left:0;-o-object-fit:contain;object-fit:contain;-o-object-position:left bottom;object-position:left bottom;transform-origin:bottom left;transform:translate(-100%) rotate(0)}#ice-punch-2a{animation:ice-punch-2a 4s infinite;animation-delay:.5s}#ice-punch-2b{animation:ice-punch-2b 4s infinite;animation-delay:.5s}.MC-quote{-webkit-user-select:none;-moz-user-select:none;user-select:none;display:inline-block;padding:3% 5% 10%;position:absolute;top:0;left:min(10vh,10vw);transform-origin:left bottom;transform:translate(0) scale(0);font-size:5vmin;background-image:url(/game41_expo-icecream/img/speech-bubble-blue.webp);background-size:100% 100%;max-width:70%;box-sizing:border-box;text-align:center}#MC-quote1{animation:mc-quote 10s infinite ease-out;animation-delay:2s}.html-container{z-index:2}.html-container.hidden{display:none}.html-container .title-container{transform:scale(.8) rotate(-7deg) translateY(-10%)}.html-container .MC-container{transition:transform 1s}.html-container .MC-container .MC{max-width:50%;transform:translate(20%) rotate(0) scale(0)}.html-container .MC-container #ice-punch-1,.html-container .MC-container #ice-punch-3{animation:ice-punch-3 .7s forwards}.html-container .MC-container #MC-quote2{animation:mc-quote 3s 1.2s forwards}.html-container .MC-container #MC-quote3{animation:mc-quote-appear 1.2s .3s forwards}.html-container .MC-container #MC-quote3a,.html-container .MC-container #MC-quote3b{animation:mc-quote-appear .7s .3s forwards}.html-container .MC-container #MC-quote4{animation:mc-quote 2s 3s}.html-container .MC-container #MC-quote5{animation:mc-quote 2s 4.5s;color:red;font-size:6vmin}.html-container .timer-container{position:absolute;top:0;left:calc(50% - 90px);width:60px;height:60px;font-size:60px;padding:60px;display:flex;justify-content:center;align-items:center;color:#e6e6e6;text-shadow:4px 4px 10px rgb(17,17,68)}.html-container .timer-container .title{font-style:normal;max-width:100%}.html-container .timer-container#practice-time{width:auto;height:auto;left:auto;white-space:nowrap}.html-container .timer-container#practice-time .title{padding:.1em .75em;font-size:6.4vmin}.pop-in{animation:popin .5s ease-in-out forwards}.show-score-container{width:100%;position:absolute;top:50%;left:0;transform:translateY(-50%);font-size:5vmin;color:#e6e6e6;text-shadow:4px 4px 10px rgb(17,17,68);display:flex;flex-direction:column;justify-content:center;align-items:center;gap:.25em}.show-score-container .flex-container{width:100%;display:flex;justify-content:center;align-items:center;gap:.25em}.show-score-head{font-size:2em;margin-bottom:2vmin}.show-score-title{width:100%;display:inline-block;font-size:1em;line-height:1.2em;text-align:right}.show-score-num{display:inline-block;width:100%;font-size:1.6em;line-height:1.4em;margin-bottom:2vmin;text-align:left;transform:translate(100%);transition:transform .3s ease-in}.show-score-num p{display:inline-block;min-width:2em;text-align:center}.show-score-num.show{transform:translate(0)}.show-score-num#total-score{transform:translate(0);font-size:2em}.show-score-num#total-score p{transform:scale(0);opacity:0;color:#ff0;text-decoration:underline}.show-score-num#total-score.show p{animation:popup .5s ease-in-out forwards}.control-container{position:absolute;top:6px;left:6px;z-index:30;display:flex;gap:4px}.control-container .control-btn{text-decoration:none;font-size:3vmin;padding:5px 10px;border-radius:8px;border:#aaa solid 2px;background:#333333b3;color:#e6e6e6;-webkit-user-select:none;-moz-user-select:none;user-select:none;cursor:pointer;transition:all .3s ease-in-out;transform-origin:left bottom}.control-container .control-btn.large{transform:scale(2);color:#333}.control-container .control-btn.flicker{animation:flicker 2s infinite}.control-container.end{top:20%;left:50%;transform:translate(-50%);flex-direction:column}.control-container.end #reload{white-space:nowrap;background:#333;transform-origin:center;animation:popin-scale2 .7s ease-in-out forwards}.control-container.end #sound-switch{display:none}.hidden{transform:scale(0)}@media (min-aspect-ratio: 4/3){.background-container .curtain-top{height:10vw}.background-container .curtain-side{display:block}.curtain-back{background-size:100% 120%}.MC-container{height:40%}.MC-quote{padding:2% 2% 5%;font-size:4vh}.show-score-container{font-size:4vmin}}@keyframes popin{0%{transform:scale(.8);opacity:0}80%{transform:scale(1.1);opacity:1}to{transform:scale(1);opacity:1}}@keyframes popin-scale2{0%{transform:scale(0);opacity:0}80%{transform:scale(2.1);opacity:1}to{transform:scale(2);opacity:1}}@keyframes ice-punch-2a{0%{transform:translate(-15%,-10%) rotate(20deg) scale(1);opacity:1}5%{transform:translate(-15%,-10%) rotate(20deg) scale(1.5);opacity:1}10%,50%{transform:translate(-15%,-10%) rotate(20deg) scale(1.2);opacity:1}51%,to{transform:translate(-15%,-10%) rotate(20deg) scale(1);opacity:0}}@keyframes ice-punch-2b{0%{transform:translate(-100%) rotate(20deg) scale(1.5);opacity:0}10%,50%{transform:translate(-15%,-10%) rotate(20deg) scale(1.5);opacity:0}51%,to{transform:translate(-15%,-10%) rotate(20deg) scale(1.5);opacity:1}}@keyframes ice-punch-1{0%{transform:translate(-100%) rotate(0)}10%,to{transform:translate(-15%,-10%) rotate(20deg)}}@keyframes ice-punch-3{0%{transform:translate(-100%) rotate(0) scale(0)}10%,to{transform:translate(10%) rotate(0) scale(1)}}@keyframes mc-quote{0%,80%{transform:translate(0) scale(0)}10%,70%{transform:translate(20%) scale(1)}}@keyframes mc-quote-appear{0%{transform:translate(0) scale(0)}10%,to{transform:translate(20%) scale(1)}}@keyframes popup{0%{transform:scale(.8);opacity:0}80%{transform:scale(1.1);opacity:1}to{transform:scale(1);opacity:1}}