video{transform:rotateY(180deg);-webkit-transform:rotateY(180deg);-moz-transform:rotateY(180deg)}@keyframes appear{0%{opacity:0;transform:scale(0);display:none}1%{opacity:0;transform:scale(1)}to{opacity:1;transform:scale(1)}}.control-container{position:fixed;bottom:10px;left:10px;z-index:5}.control-container .control-btn{padding:10px;border-radius:4px;border:#aaa solid 2px;background:#333333b3;font-size:2vw;color:#e6e6e6;-webkit-user-select:none;-moz-user-select:none;user-select:none}.quiz-container{position:absolute;top:0;bottom:0;left:0;right:0;z-index:1;animation:.7s appear forwards}.quiz-container .showQuiz{width:100%;height:50%;text-align:center;color:ivory;letter-spacing:.1em;position:absolute;top:0;left:0;text-shadow:-2px -2px 2px #717171,2px -2px 2px #717171,0 6px 0 #888,0 12px 0 #888,0 16px 20px #333;transform-origin:top left}.quiz-container .showQuiz .quizCount{width:100%;transform:translate(100%);font-size:8vw;text-align:center;position:absolute;bottom:0;opacity:0;transition:all 0s,opacity .7s}.quiz-container .showQuiz .quizCount.slide{opacity:1;animation:2s slideInOut forwards}@keyframes slideInOut{0%{transform:translate(100%)}30%,80%{transform:translate(0)}to{transform:translate(-100%)}}.quiz-container .showQuiz .quizCount.onBoard{opacity:1;bottom:auto;top:0;transform:translate(0);text-align:left}.quiz-container .showQuiz .quiz{opacity:0;width:100%;padding:0 4vw;box-sizing:border-box;transform:translate(100%);display:flex;justify-content:center;position:absolute;bottom:0;font-size:min(20vw,20vh);gap:2vw}.quiz-container .showQuiz .quiz.slide{opacity:1;animation:2s 2s slideIn forwards}@keyframes slideIn{0%{transform:translate(100%)}30%,to{transform:translate(0)}}.quiz-container .showQuiz .quiz.onBoard{opacity:1;bottom:auto;top:10vw;transform:translate(0);text-align:left}.quiz-container .showQuiz.small{transform:scale(.45) translate(60%,100%)}.quiz-container .showQuiz.small.onJudge{transform:scale(.45) translate(0);opacity:.5}.quiz-container .showQuiz.slideOut{transform:scale(.45) translate(-100%);opacity:.5}.quiz-container .ready,.quiz-container .go{width:100%;position:absolute;text-align:center;top:50%;left:0;transform:translateY(-50%) scale(0);font-size:min(18vw,18vh)}.slide-container{position:absolute;top:0;bottom:0;left:0;right:0;z-index:2;background:url(/game31_unchikun-math/img/school-pattern-green.jpg);animation:1.6s appear forwards}.slide-container.finish{background:url(/game31_unchikun-math/img/school-twilight800.jpg) top center/cover}.slide-container .stamp-container{margin-top:20px;width:100%;display:flex;flex-wrap:wrap;gap:20px;justify-content:center}.slide-container .stamp-container .stamp{width:140px;height:140px;max-width:28vw;max-height:28vw;background:#fffacd}.slide-container .stamp-container .stamp img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain;opacity:0}.slide-container .stamp-container .stamp img.get{opacity:1}.slide-container .stamp-container .stamp img.get.active{transform:scale(0);animation:enlarge .7s 1.2s 1 ease-in forwards}@keyframes enlarge{0%{transform:scale(0)}70%,to{transform:scale(1.7)}}.slide-container .quote-container{max-width:45%;padding:20px;position:absolute;top:50%;right:20px;font-size:6vmin;background:ivory;border-radius:48%;transform:skew(-10deg)}.slide-container .quote-container:before{content:"";width:10vmin;height:10vmin;position:absolute;top:calc(100% + 2vmin);left:calc(50% - 10vmin);background:ivory;border-radius:50%;transform:skew(10deg)}.slide-container .quote-container:after{content:"";width:7vmin;height:7vmin;position:absolute;top:calc(100% + 8vmin);left:calc(50% - 20vmin);background:ivory;border-radius:50%;transform:skew(10deg)}.slide-container #judge-unchikun{position:absolute;bottom:20px;left:0;max-width:50%}.hidden{transform:scale(0)}@media (min-aspect-ratio: 7/6){.quiz-container .showQuiz.small{transform:scale(.5) translate(60%,50%)}.quiz-container .showQuiz.small.onJudge{transform:scale(.5) translate(0);opacity:.5}}