@font-face{font-family:FTBase;src:url(/fonts/FTBase-Book.otf) format("opentype");font-weight:400;font-style:normal}body{margin:0;padding:0;font-family:FTBase,sans-serif;background-color:#202e3f;height:100dvh;overflow:hidden}.end-screen,.start-screen,body{text-align:center;display:flex;justify-content:center;align-items:center}.end-screen,.start-screen{flex-direction:column;padding:40px;color:#fff}.start-game,.start-screen button{margin:10px;padding:15px 30px;font-size:18px;border-radius:30px;cursor:pointer;background-color:#a0fba122;color:#a0fba1;transition:background .3s,transform .2s;width:70vw;border:#a0fba1;border-style:solid;border-width:1px;font-family:FTBase}.start-game:hover,.start-screen button:hover{background-color:#a0fba1;transform:scale(1.05)}.game-container{height:100vh;width:100%;overflow:hidden;background-color:#202e3f;flex-direction:column;justify-items:center;margin-top:40vh}.game-container,.top-bar{display:flex;align-items:center}.top-bar{font-weight:700;justify-content:space-between;padding:10px;color:#fff;font-size:16px;width:75%}.game-area{position:relative;height:70vh;width:90vw;border:1px solid #a0fba1;border-radius:15px;overflow:hidden}.game-area.shake{animation:shake .3s ease}@keyframes shake{0%{transform:translate(0)}20%{transform:translate(-10px)}40%{transform:translate(10px)}60%{transform:translate(-10px)}80%{transform:translate(10px)}to{transform:translate(0)}}.ball{position:absolute;width:60px;height:60px;border-radius:50%;cursor:pointer;animation:fall linear infinite;transition:transform .3s ease-in-out;display:flex;align-items:center;justify-content:center;font-size:24px;font-weight:700;background:red;background-position:50%;background-size:contain}@keyframes fall{0%{top:-70px}to{top:100vh}}.end-screen{display:flex;flex-direction:column;justify-content:center;align-items:center;background-color:#2c3e50;border-radius:20px;box-shadow:0 4px 20px rgba(0,0,0,.2);padding:40px;width:300px;text-align:center}.end-screen .score-text{font-size:24px;font-weight:700;color:#fff;margin-bottom:20px}.end-screen .score{font-size:40px;font-weight:700;color:#6c5ce7}.final-button{margin:10px;padding:25px;font-size:25px;border-radius:50px;cursor:pointer;background-color:#a0fba122;color:#a0fba1;transition:background .3s,transform .2s;width:50%;border:#a0fba1;border-style:solid;border-width:1px;font-family:FTBase}.final-text{color:#fff;font-size:20px;width:60%}.final-div{display:flex;flex-direction:"column";justify-content:"center";align-items:"center";width:90vw;border:1px solid #a0fba1;border-radius:15px;overflow:hidden;position:absolute;gap:40px;top:20vh}.tap-start{position:absolute;display:flex;align-items:center;justify-content:center;width:100%;height:100%;top:0;flex-direction:column;gap:40px;color:#fff;font-size:24px;img{height:200px;width:200px}}@media (max-width:768px){.end-screen,.start-screen{width:250px;padding:30px}.start-game,.start-screen button{font-size:16px;padding:15px 30px}.top-bar{font-size:14px;padding:10px 20px}.final-div{gap:15px}.final-button{margin:10px;border-radius:50px;background-color:#a0fba122;transition:background .3s,transform .2s;border:#a0fba1;border-style:solid;border-width:1px;text-decoration:none}.final-button,.restart-button{padding:10px;font-size:15px;cursor:pointer;color:#a0fba1;width:80%;font-family:FTBase}.restart-button{border:none;border-radius:50px;background-color:#202e3f;text-decoration:underline;margin:-10px 10px 10px}.final-text{color:#fff;font-size:15px;width:90%}.tap-start{font-size:18px;width:80%;gap:15px;img{height:120px;width:120px}}}