@font-face{font-family:"LilitaOne";src:url("../fonts/LilitaOne-Regular.ttf")}@keyframes bounceIn{0%,80%,100%{-webkit-animation-timing-function:cubic-bezier(.215, .61, .355, 1);animation-timing-function:cubic-bezier(.215, .61, .355, 1)}0%{-webkit-transform:scale3d(1, 1, 1) var(--center-transform);transform:scale3d(1, 1, 1) var(--center-transform)}80%{-webkit-transform:scale3d(.7, .7, .7) var(--center-transform);transform:scale3d(.7, .7, .7) var(--center-transform)}100%{-webkit-transform:scaleX(1) var(--center-transform);transform:scaleX(1) var(--center-transform)}}@keyframes grow{80%{-webkit-transform:scale(1);transform:scale(1)}100%{-webkit-transform:scale(1.13);transform:scale(1.13)}}@keyframes growFromZero{0%{scale:0}80%{scale:1.1;z-index:1}100%{scale:1}}@keyframes shrink{0%{-webkit-transform:scale(1.1);transform:scale(1.1)}50%{-webkit-transform:scale3d(.95, .95, .95);transform:scale3d(.95, .95, .95)}100%{-webkit-transform:scale(1);transform:scale(1)}}@keyframes wrongAnswer{0%{-webkit-transform:scale(1);transform:scale(1)}20%{-webkit-transform:scale3d(.9, 1, 1);transform:scale3d(.9, 1, 1)}50%{-webkit-transform:scale3d(1.1, 1, 1);transform:scale3d(1.1, 1, 1)}80%{-webkit-transform:scale(1);transform:scale(1)}}:root{--center-transform:translate(-50%, -50%)}.box,p,#moneyValue{user-select:none}.bounceIn{animation-name:bounceIn;animation-duration:500ms}.grow{animation-name:grow;animation-duration:500ms;margin-top:50%}.grow-from-zero{animation-name:growFromZero;animation-duration:500ms;animation-fill-mode:forwards}.shrink{animation-name:shrink;animation-duration:1s;transform-origin:center;animation-delay:100ms;animation-fill-mode:forwards}.wrong-answer{animation-name:wrongAnswer;animation-duration:1s;transform-origin:left;animation-fill-mode:forwards;box-shadow:0 0 0 2px #f00,0 2px 4px rgba(255,0,0,0.2),0 4px 8px rgba(255,0,0,0.2),0 8px 16px rgba(255,0,0,0.2),2px 4px black,2px 4px black !important;transition:box-shadow 250ms ease-in 500ms}body{background-color:#471192;margin:0;padding:0;display:flex;height:100vh;justify-content:center;overflow:hidden}body main{border-radius:25px;border:2px solid white;font-family:"LilitaOne";position:absolute;top:15px;bottom:15px;background:linear-gradient(#843eec, #c131e5);filter:drop-shadow(0 0 6px black);display:flex;flex-direction:column;justify-content:space-between;max-width:400px;position:relative;max-height:calc(100vh - 30px);width:calc(100vw - 30px)}body main #logo{width:174px;height:77px;background-image:url("../images/pb-logo.png");background-size:contain;background-position:center;background-repeat:no-repeat;margin:clamp(2px, 3vh, 26px) auto 0;max-height:9.4vh;min-height:54px}body main>p{font-size:clamp(14px, 2.5vh, 20px);font-family:url("../fonts/LilitaOne-Regular.ttf");color:white;text-align:center;margin:0 10px;text-shadow:0 3px 0 #000,1px -1px 0 #000,-1px 1px 0 #000,1px 1px 0 #000}body main ul{list-style:none;padding:0;margin:0;margin-top:20px}body main ul.answers{opacity:0}body main ul.answers li{height:clamp(52px, 7.25vh, 60px);width:calc(100% - 75px);left:55px;transform:var(--answers-li-trans-x);position:relative}body main ul.answers li+li{margin-top:33px}body main ul.answers li>div.box{border:2px solid white;border-radius:10px;background-color:#3c115e;color:white;display:flex;justify-content:center;align-items:center;box-shadow:0 0 0 2px rgba(0,0,0,0.5),0 2px 4px rgba(0,0,0,0.1),0 4px 8px rgba(0,0,0,0.1),0 8px 16px rgba(0,0,0,0.1),2px 4px black,2px 4px black;text-shadow:-1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000,1px 1px 0 #000;transition:transform 1s ease-in-out;height:100%;transition:box-shadow 250ms ease-in 0;transform-origin:center}body main ul.answers li>div.box .box-answered{top:0;position:absolute;width:100%;border-radius:10px;background-color:#4bd9ff;top:-2px;height:calc(100% + 4px);right:-2px;transition:opacity 500ms ease-in;opacity:0;overflow:hidden}body main ul.answers li>div.box .box-answered div.bg{height:100%;width:100%;background-image:radial-gradient(#07bfe7 30%, #008acd);transform:translateY(4px);border-radius:10px}body main ul.answers li>div.box .box-answered p{position:absolute;top:0;width:100%;margin:0;top:50%;transform:translateY(-50%);text-align:center}body main ul.answers li>div.box .box-answered p small{font-size:80%}body main ul.answers li>div.box .box-answered.show{opacity:1}body main ul.answers li div.icon{--center-transform:translate(-50%, -50%);font-style:normal;width:80px;height:80px;border:4px solid white;background-color:#390e75;box-sizing:border-box;border-radius:50%;position:absolute;left:0;top:50%;transform:var(--center-transform);transition:transform 250s linear;transform-origin:top left;box-shadow:0 0 0 2px rgba(0,0,0,0.5),0 2px 4px rgba(0,0,0,0.1),0 4px 8px rgba(0,0,0,0.1),0 8px 16px rgba(0,0,0,0.1),2px 4px black,2px 4px black}body main ul.answers li div.icon.correct{transform-origin:top left}body main ul.answers li div.icon.correct span{--span-scale:scale(.7);position:absolute}body main ul.answers li div.icon.correct span.tct{transform:var(--span-scale) translate(-64%, -70%)}body main ul.answers li div.icon.correct span.tt{transform:var(--span-scale) translate(-66%, -69%)}body main ul.answers li div.icon.correct span.dd{transform:var(--span-scale) translate(-71%, -70%)}body main ul.answers li div.icon.correct span.mm{transform:var(--span-scale) translate(-81%, -70%)}body main ul.answers li div.icon span{transition:transform 200ms linear;transform:scale(1) translate(-50%, -50%);left:50%;top:50%}body main ul.answers li div.icon span.dd{transform:scale(1) translate(-50%, -50%)}body main ul.answers li div.icon span.mm{transform:scale(1) translate(-57%, -50%)}body main ul.selection{width:calc(100% - 20px);margin-left:50%;transform:translate(-50%);height:100px;min-height:85px}body main ul.selection li{transform:scale(.8);position:absolute}body main ul.selection .bg{background-color:#dd9af3;border-radius:4px;width:100%;height:100%;position:absolute;transition:opacity 500ms ease-in-out}body main ul.selection .bg.hide{opacity:0}body main ul.selection .good-game{background-size:contain;background-repeat:no-repeat;background-position:center;width:252px;height:80px;transform:translate(-50%, -50%);position:absolute}body main ul li,body main ul span{background-repeat:no-repeat;background-size:contain;--width:clamp(84px, 9.7vh, 95px);width:var(--width);height:clamp(84px, 9.7vh, 95px)}body main #moneyBar{width:calc(100% - 30px);height:50px;left:50%;background-color:#1c0722;transform:translateX(-50%);position:relative;margin:15px 0 8px;border-radius:10px;min-height:33px}body main #moneyBar:before{content:"";background-image:url("../images/text-your-bearbux.png");background-size:contain;background-repeat:no-repeat;right:0;top:0;position:absolute;width:120px;height:17.6px;transform:translateY(-100%);padding:11px 0;box-sizing:border-box}body main #moneyBar .icon{width:97px;height:100px;background-image:url("../images/chest/0.png");background-size:contain;bottom:-7px;position:absolute;margin-left:-10px}body main #moneyBar .icon:before{content:"";background-image:url("../images/chest/1.png"),url("../images/chest/2.png"),url("../images/chest/3.png"),url("../images/chest/4.png"),url("../images/chest/5.png"),url("../images/chest/6.png"),url("../images/chest/7.png"),url("../images/chest/8.png"),url("../images/chest/9.png"),url("../images/chest/10.png"),url("../images/chest/11.png"),url("../images/chest/12.png"),url("../images/chest/13.png"),url("../images/chest/14.png"),url("../images/chest/15.png"),url("../images/chest/16.png"),url("../images/chest/17.png")}body main #moneyBar #moneyValue{text-align:right;font-size:30px;width:100%;height:100%;color:white;position:absolute;display:flex;align-items:center;justify-content:end;padding-right:10px;box-sizing:border-box}body .confetti{width:150vw;height:132vw;background-size:contain;background-repeat:no-repeat;position:absolute;top:20%;left:-20%;pointer-events:none}body .slt li.dragging{z-index:1}body .slt li.smooth-transform-animation{transition:transform 250ms linear}body .bb{background-image:url("../images/icon-bb.png");left:0%;top:-15%}body .ltp{background-image:url("../images/icon-ltp.png");left:24%;bottom:-19%}body .et{background-image:url("../images/icon-et.png");left:calc(50% - 1vh);top:-24%}body .ptn{background-image:url("../images/icon-ptn.png");right:-1%;bottom:-13%}body .mm{background-image:url("../images/icon-mm.png");--width:clamp(105px, 14vh, 111px);width:var(--width);height:clamp(85px, 11.3vh, 89px);left:-6%;top:-10%}body .tct{background-image:url("../images/icon-tct.png");--width:clamp(96px, 12.7vh, 106px);width:var(--width);height:clamp(85px, 11.3vh, 89px);left:24%;bottom:-10%}body .dd{background-image:url("../images/icon-dd.png");--width:clamp(92px, 11.7vh, 95px);width:var(--width);height:clamp(85px, 11.3vh, 89px);left:calc(50%);top:-10%}body .tt{background-image:url("../images/icon-tt.png");--width:clamp(98px, 12.3vh, 99px);width:var(--width);height:clamp(85px, 11.3vh, 89px);right:-6%;bottom:-10%}@media screen and (min-width:420px){body main ul.selection{display:flex;flex-direction:row;justify-content:space-between;flex-wrap:nowrap;flex-shrink:0}body main ul.selection li{position:relative;left:0 !important}}/*# sourceMappingURL=./main.css.map */