html,body{width:100vw;height:100vh;margin:0;background:#b0cf42;font-family:"Micro 5",sans-serif;font-weight:400;font-style:normal;color:#333;overflow:hidden}*{box-sizing:border-box}.root{max-width:500px;margin:40px auto 0}.status{margin:0 25px;text-align:right;font-size:48px}.screen{margin:0 25px;position:relative;display:block;background:#b0cf42;box-shadow:0 0 100px #0000001a;border-radius:3px}.canvas{width:100%;height:100%}.end{position:absolute;top:0;left:0;width:100%;height:100%;background:#b0cf4280}.end.hidden{visibility:hidden}.card{width:100%;height:100%;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:32px;transform:translateY(0);transition:transform .1s cubic-bezier(1,2.49,.8,1)}.hidden .card{transform:translateY(15px)}.title{font-size:48px}.final-score{display:flex;align-items:center;justify-content:center;flex-direction:column;font-size:32px}.score{font-size:120px;line-height:.8}.instruction{font-size:24px}