*{box-sizing:border-box}body{margin:0;overflow:hidden;padding:0}#container{margin:0 auto;max-width:1170px}#menu{align-items:center;background-image:url("./images/menu/bg.png");background-position:center;background-size:100%;display:flex;flex-direction:column;gap:50px;justify-content:center;height:100%;width:100%}#menu .logo{text-align:center;width:100%}#menu .logo img{width:50%}#menu .buttoncontainer{display:flex;gap:20px;justify-content:center;width:100%}#menu .buttoncontainer div{background-size:100%;background-repeat:no-repeat;cursor:pointer;width:35%}#menu .buttoncontainer div.low{background-image:url("./images/menu/button-low.png")}#menu .buttoncontainer div.high{background-image:url("./images/menu/button-high.png")}#menu .buttoncontainer div:after{content:' ';display:block;padding-bottom:127.142%;width:100%}#stageselector{align-items:center;background-image:url("./images/menu/bg.png");background-position:center;background-size:100%;display:none;flex-direction:column;gap:30px;justify-content:center;height:100%;width:100%}#stageselector .title{text-align:center;width:100%}#stageselector .title img{width:20%}#stageselector .stagecontainer{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;width:75%}#stageselector .stagecontainer div{background-size:100%;cursor:pointer;position:relative;width:30%}#stageselector .stagecontainer div.locked>.status{background-image:url("./images/stage/locked.png");bottom:8%;position:absolute;right:3%;width:30%}#stageselector .stagecontainer div.locked>.status:after{content:' ';display:block;padding-bottom:131.7919075144509%}#stageselector .stagecontainer div.unlocked>.status{background-image:url("./images/stage/unlocked.png");bottom:2%;position:absolute;right:2%;width:32%}#stageselector .stagecontainer div.unlocked>.status:after{content:' ';display:block;padding-bottom:148.3870967741935%}#stageselector .stagecontainer div:after{content:' ';display:block;padding-bottom:96.6273187183811%;width:100%}.stage1{background-image:url("./images/stage/1.png")}.stage2{background-image:url("./images/stage/2.png")}.stage3{background-image:url("./images/stage/3.png")}.stage4{background-image:url("./images/stage/4.png")}.stage5{background-image:url("./images/stage/5.png")}.stage6{background-image:url("./images/stage/6.png")}.stage7{background-image:url("./images/stage/7.png")}.stage8{background-image:url("./images/stage/8.png")}.stage9{background-image:url("./images/stage/9.png")}.stage10{background-image:url("./images/stage/10.png")}.stage11{background-image:url("./images/stage/11.png")}.stage12{background-image:url("./images/stage/12.png")}#menu{align-items:center;background-image:url("./images/menu/bg.png");background-position:center;background-size:100%;display:none;flex-direction:column;gap:50px;justify-content:center;height:100%;width:100%}#menu .logo{text-align:center;width:100%}#menu .logo img{width:50%}#menu .buttoncontainer{display:flex;gap:20px;justify-content:center;width:100%}#menu .buttoncontainer div{background-size:100%;background-repeat:no-repeat;cursor:pointer;width:35%}#menu .buttoncontainer div.low{background-image:url("./images/menu/button-low.png")}#menu .buttoncontainer div.high{background-image:url("./images/menu/button-high.png")}#menu .buttoncontainer div:after{content:' ';display:block;padding-bottom:127.142%;width:100%}#game{align-items:center;background-position:center;background-size:100%;display:none;flex-direction:column;justify-content:space-between;height:100%;width:100%;overflow-y:auto;-webkit-overflow-scrolling:touch}#game.m1{background-image:url("./images/game/bg1.png")}#game.m1 .area .bubblecontainer .b1{background-image:url("./images/game/b1/1.png")}#game.m1 .area .bubblecontainer .b2{background-image:url("./images/game/b1/2.png")}#game.m1 .area .bubblecontainer .b3{background-image:url("./images/game/b1/3.png")}#game.m1 .area .bubblecontainer .b4{background-image:url("./images/game/b1/4.png")}#game.m1 .area .bubblecontainer .b5{background-image:url("./images/game/b1/5.png")}#game.m1 .area .bubblecontainer .b6{background-image:url("./images/game/b1/6.png")}#game.m1 .area .bubblecontainer .b7{background-image:url("./images/game/b1/7.png")}#game.m2{background-image:url("./images/game/bg2.png")}#game.m2 .area .bubblecontainer .b1{background-image:url("./images/game/b2/1.png")}#game.m2 .area .bubblecontainer .b2{background-image:url("./images/game/b2/2.png")}#game.m2 .area .bubblecontainer .b3{background-image:url("./images/game/b2/3.png")}#game.m2 .area .bubblecontainer .b4{background-image:url("./images/game/b2/4.png")}#game.m2 .area .bubblecontainer .b5{background-image:url("./images/game/b2/5.png")}#game.m2 .area .bubblecontainer .b6{background-image:url("./images/game/b2/6.png")}#game.m2 .area .bubblecontainer .b7{background-image:url("./images/game/b2/7.png")}#game.m3{background-image:url("./images/game/bg3.png")}#game.m3 .area .bubblecontainer .b1{background-image:url("./images/game/b3/1.png")}#game.m3 .area .bubblecontainer .b2{background-image:url("./images/game/b3/2.png")}#game.m3 .area .bubblecontainer .b3{background-image:url("./images/game/b3/3.png")}#game.m3 .area .bubblecontainer .b4{background-image:url("./images/game/b3/4.png")}#game.m3 .area .bubblecontainer .b5{background-image:url("./images/game/b3/5.png")}#game.m3 .area .bubblecontainer .b6{background-image:url("./images/game/b3/6.png")}#game.m3 .area .bubblecontainer .b7{background-image:url("./images/game/b3/7.png")}#game.m4{background-image:url("./images/game/bg4.png")}#game.m4 .area .bubblecontainer .b1{background-image:url("./images/game/b4/1.png")}#game.m4 .area .bubblecontainer .b2{background-image:url("./images/game/b4/2.png")}#game.m4 .area .bubblecontainer .b3{background-image:url("./images/game/b4/3.png")}#game.m4 .area .bubblecontainer .b4{background-image:url("./images/game/b4/4.png")}#game.m4 .area .bubblecontainer .b5{background-image:url("./images/game/b4/5.png")}#game.m4 .area .bubblecontainer .b6{background-image:url("./images/game/b4/6.png")}#game.m4 .area .bubblecontainer .b7{background-image:url("./images/game/b4/7.png")}#game .head{background-image:url("./images/game/head.png");background-position:center top;background-repeat:no-repeat;background-size:150%;display:flex;gap:0;justify-content:space-between;height:calc(10% + 15px);width:100%;z-index:2}#game .head .life{text-align:center;width:40%}#game .head .life .heart{background-image:url("./images/game/heart.png");background-size:100%;display:inline-block;margin-top:calc(15px + 4%);width:18%}#game .head .life .heart:after{content:' ';display:block;padding-bottom:94.8453608247423%;width:100%}#game .head .stage{background-size:contain;background-position:center;background-repeat:no-repeat;margin-top:15px;width:20%}#game .head .score{width:40%}#game .area{margin:0 auto;padding-bottom:100%;position:relative;width:85%}#game .area .bubblecontainer{align-items:center;display:flex;justify-content:center;flex-wrap:wrap-reverse;position:absolute;text-align:center;width:100%}#game .area .bubblecontainer>div{background-color:rgba(255,255,255,0.6);background-size:100%;border-radius:100%;margin:3px;opacity:1;transition:opacity .1s ease-out;width:calc(90% / 3);z-index:1}#game .area .bubblecontainer>div:after{content:' ';display:block;padding-bottom:94.8453608247423%;width:100%}#game .area .bubblecontainer>div.exploded{opacity:0}#game .shooter{height:28vh;position:relative;text-align:center;width:100%}#game .shooter .arrow{background-image:url("./images/game/arrow-red.png");background-size:100%;height:auto;margin:0 auto;transform:rotate(0deg);transform-origin-y:77.8%;width:18%;z-index:1}#game .shooter .arrow:after{content:' ';display:block;padding-bottom:225.3205128205128%}#game .shooter .questionboard{background-image:url("./images/game/shooterbg.png");background-position:bottom center;background-repeat:no-repeat;background-size:100%;bottom:-15%;position:absolute;text-align:center;width:100%;z-index:2}#game .shooter .questionboard:after{content:' ';display:block;padding-bottom:39.9716513111269%}#game .shooter .questionboard .staff.high{background-image:url("./images/game/questions/qb11.png");background-position:bottom center;background-repeat:no-repeat;background-size:100%;left:30%;position:absolute;text-align:center;top:20%;width:40%}#game .shooter .questionboard .staff.high:after{content:' ';display:block;padding-bottom:52.5078369905956%}#game .shooter .questionboard .staff.high>.pitch{background-image:url("./images/game/questions/pitch.png");background-position:top center;background-repeat:no-repeat;background-size:100%;left:45%;position:absolute;width:8%}#game .shooter .questionboard .staff.high>.pitch:after{content:' ';display:block;padding-bottom:77.3584905660377%}#game .shooter .questionboard .staff.high.p1,#game .shooter .questionboard .staff.high.p15{background-image:url("./images/game/questions/qb13.png")}#game .shooter .questionboard .staff.high.p13,#game .shooter .questionboard .staff.high.p14{background-image:url("./images/game/questions/qb12.png")}#game .shooter .questionboard .staff.high.p1>.pitch{top:92.5%}#game .shooter .questionboard .staff.high.p2>.pitch{top:86.5%}#game .shooter .questionboard .staff.high.p3>.pitch{top:79.5%}#game .shooter .questionboard .staff.high.p4>.pitch{top:74.5%}#game .shooter .questionboard .staff.high.p5>.pitch{top:67.5%}#game .shooter .questionboard .staff.high.p6>.pitch{top:61.5%}#game .shooter .questionboard .staff.high.p7>.pitch{top:55.5%}#game .shooter .questionboard .staff.high.p8>.pitch{top:48.5%}#game .shooter .questionboard .staff.high.p9>.pitch{top:42.5%}#game .shooter .questionboard .staff.high.p10>.pitch{top:36.5%}#game .shooter .questionboard .staff.high.p11>.pitch{top:30.5%}#game .shooter .questionboard .staff.high.p12>.pitch{top:24.5%}#game .shooter .questionboard .staff.high.p13>.pitch{top:18%}#game .shooter .questionboard .staff.high.p14>.pitch{top:12%}#game .shooter .questionboard .staff.high.p15>.pitch{top:98.5%}#game .shooter .questionboard .staff.low{background-image:url("./images/game/questions/qb21.png");background-position:bottom center;background-repeat:no-repeat;background-size:100%;left:30%;margin-top:2%;position:absolute;text-align:center;top:20%;width:40%}#game .shooter .questionboard .staff.low:after{content:' ';display:block;padding-bottom:40.4388714733542%}#game .shooter .questionboard .staff.low>.pitch{background-image:url("./images/game/questions/pitch.png");background-position:top center;background-repeat:no-repeat;background-size:100%;left:47%;position:absolute;width:8%}#game .shooter .questionboard .staff.low>.pitch:after{content:' ';display:block;padding-bottom:77.3584905660377%}#game .shooter .questionboard .staff.low.p1,#game .shooter .questionboard .staff.low.p15{background-image:url("./images/game/questions/qb22.png")}#game .shooter .questionboard .staff.low.p13,#game .shooter .questionboard .staff.low.p14{background-image:url("./images/game/questions/qb23.png")}#game .shooter .questionboard .staff.low.p1>.pitch{top:-5.5%}#game .shooter .questionboard .staff.low.p2>.pitch{top:1.5%}#game .shooter .questionboard .staff.low.p3>.pitch{top:9.5%}#game .shooter .questionboard .staff.low.p4>.pitch{top:17.5%}#game .shooter .questionboard .staff.low.p5>.pitch{top:26.5%}#game .shooter .questionboard .staff.low.p6>.pitch{top:34%}#game .shooter .questionboard .staff.low.p7>.pitch{top:42%}#game .shooter .questionboard .staff.low.p8>.pitch{top:50%}#game .shooter .questionboard .staff.low.p9>.pitch{top:58.5%}#game .shooter .questionboard .staff.low.p10>.pitch{top:66.5%}#game .shooter .questionboard .staff.low.p11>.pitch{top:74.5%}#game .shooter .questionboard .staff.low.p12>.pitch{top:82.5%}#game .shooter .questionboard .staff.low.p13>.pitch{top:90%}#game .shooter .questionboard .staff.low.p14>.pitch{top:98.5%}#game .shooter .questionboard .staff.low.p15>.pitch{top:-13%}#game .bullet{background-image:url("./images/game/questions/animatepitch.png");background-position:bottom center;background-repeat:no-repeat;background-size:100%;position:absolute;width:3%}#game .bullet:after{content:' ';display:block;padding-bottom:77.3584905660377%}#game .bullet.show{visibility:visible}#alert{align-items:center;background:rgba(0,0,0,0.85);bottom:0;color:#fff;display:none;flex-direction:column;justify-content:center;left:0;opacity:0;position:fixed;right:0;top:0;transition:opacity .2s ease;z-index:10}#alert.show{display:flex;opacity:1}#alert>.msg.clear{background-image:url("images/game/msg/clear.png");background-size:100%;position:relative;width:85%}#alert>.msg.clear:after{content:' ';display:block;padding-bottom:120.2115158636898%}#alert>.msg.clear>.proceed{bottom:15%;left:30%;width:40%}#alert>.msg.victory{background-image:url("images/game/msg/victory.png");background-size:100%;position:relative;width:98%}#alert>.msg.victory:after{content:' ';display:block;padding-bottom:108.361658735554%}#alert>.msg.victory>.proceed{bottom:10%;left:37.5%;width:25%}#alert>.msg .proceed{background-image:url("images/game/msg/button.png");background-size:100%;cursor:pointer;position:absolute}#alert>.msg .proceed:after{content:' ';display:block;padding-bottom:26.9565217391304%}#alert>.loading{text-align:center;width:80%}#alert>.loading>.progressbar{border:1px solid #eee;margin:0 auto;width:100%}#alert>.loading>.progressbar>.progress{background-color:#10d700;height:24px;width:0}