body{margin:0;-webkit-user-select:none;user-select:none;font-family:Helvetica,sans-serif}.left{float:left;width:50%;height:100%;background-color:red}.right{float:right;width:50%;height:100%;background-color:#00f}.bottom{position:absolute;bottom:5vh;width:40%;left:5%;font-size:2em;color:#000}a.button,span.button{width:min(25vw,25vh);height:min(25vw,25vh);border-radius:min(10vw,10vh);background-color:#fff;color:#000;font-size:calc(min(20vw,20vh) + 0px);line-height:min(25vw,25vh);position:absolute;text-align:center;top:50vh;left:25vw;transform:translate(-50%,-50%);cursor:default;transition:background-color .25s ease-in-out,border .25s ease-in-out;border:min(1.8vw,1.8vh) solid white}@media (hover: hover){a.button:hover{border-color:pink}}a.button.correct{background-color:#90ee90}a.button.fail{background-color:red}.right a.button{left:75%;cursor:pointer}a.b1{top:20vh}a.b2{top:50vh}a.b3{top:80vh}.a1{left:-20px}.a2{left:10px}[data-game=multiplication] span.a1{left:13vw}[data-game=multiplication] span.a3{left:37vw}[data-game=multiplication] span.a2{background:none;border:none;color:#000}[data-game=multiplication] span.a{width:min(15vw,15vh);height:min(15vw,15vh);border-radius:min(5vw,5vh);font-size:calc(min(15vw,15vh) + 0px);line-height:min(15vw,15vh)}[data-game=multiplication] a.b{font-size:calc(min(15vw,15vh) + 0px)}.badge{position:absolute;top:min(2.8vw,1.8vh);left:min(1.8vw,1.8vh);width:min(18vw,18vh);height:min(18vw,18vh);background-color:#fff;border-radius:50%;border:min(1vw,1vh) solid black;overflow:hidden;cursor:pointer}.badge img{width:100%;height:100%;object-fit:cover}.count{position:absolute;top:min(1.8vw,1.8vh);left:calc(min(18vw,18vh) + min(4vw,4vh) + min(1.8vw,1.8vh));width:min(25vw,25vh);height:min(14vw,14vh);background-color:#ff0;border-radius:min(2vw,2vh);border:min(1vw,1vh) solid yellow;overflow:hidden;cursor:pointer;color:#000;font-size:calc(min(10vw,10vh) + 0px);text-align:center;line-height:min(13vw,13vh)}.basket{position:absolute;top:min(1.8vw,1.8vh);right:min(1.8vw,1.8vh);padding:0 min(3vw,3vh);height:min(14vw,14vh);background-color:#fff;border-radius:min(2vw,2vh);border:min(1vw,1vh) solid black;overflow:hidden;cursor:pointer;color:#000;font-size:calc(min(10vw,10vh) + 0px);text-align:center;line-height:min(13vw,13vh)}.shop{width:90vw;height:90vh;position:absolute;top:5vh;left:5vw;border:min(1vw,1vh) solid black;display:none;background:white}.shop .item{width:10vw;height:10vw;background:green;border:2vw solid black;display:inline-block;padding:1vw}
