@font-face{font-family:Lato;src:url(/ball-blitz/Lato-Regular.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Lato;src:url(/ball-blitz/Lato-Bold.woff2)format("woff2");font-weight:700;font-style:normal;font-display:swap}body{margin:0}#root{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;line-height:1.5}*{font-family:Lato,sans-serif}.info-container{z-index:1000;flex-direction:column;align-items:flex-end;margin:-10px;padding:10px;display:flex;position:absolute;bottom:20px;right:20px}.info-button{color:#fff;cursor:help;background-color:#0009;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:20px;font-weight:700;transition:background-color .2s;display:flex}.info-container:hover .info-button{background-color:#000c}.info-popup{color:#fff;opacity:0;visibility:hidden;pointer-events:none;background-color:#000000d9;border-radius:12px;width:250px;padding:15px;transition:opacity .3s,visibility .3s,transform .3s;position:absolute;bottom:50px;right:0;transform:translateY(10px)}.info-container:hover .info-popup{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0)}.info-popup h3{color:#24a314;margin-top:0;margin-bottom:10px}.info-popup p{margin-bottom:15px;font-size:14px;line-height:1.4}.info-popup a{color:#4af;font-size:14px;font-weight:700;text-decoration:none}.info-popup a:hover{text-decoration:underline}.shake-button{z-index:1;color:#fff;cursor:pointer;background-color:#f44;border:none;border-radius:8px;padding:10px 20px;font-size:18px;font-weight:700;transition:transform .1s,background-color .2s;position:absolute;top:20px;right:20px;box-shadow:0 4px 6px #0000004d}.shake-button:hover:not(:disabled){background-color:#f66;transform:translateY(-1px)}.shake-button:active:not(:disabled){transform:translateY(0)scale(.95);box-shadow:0 2px 4px #0000004d}.shake-button:disabled{cursor:not-allowed;background-color:#999;transform:none;box-shadow:0 2px 4px #0003}.title-screen{z-index:1000;color:#fff;background:#1e1e1ef2;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:fixed;top:0;left:0}.title-content{text-align:center;flex-direction:column;align-items:center;gap:20px;display:flex}.title-content h1{margin:0;font-size:4rem}.title-content p{margin:0;font-size:1.5rem}.drop-message{color:#f44;text-transform:lowercase;font-weight:700}.play-button{color:#fff;cursor:pointer;background:#4caf50;border:none;border-radius:50px;padding:15px 50px;font-size:1.5rem;font-weight:700;transition:transform .2s,background-color .2s}.play-button:hover{background-color:#45a049;transform:scale(1.05)}.play-button:active{transform:scale(.95)}.quit-button{color:#fff;cursor:pointer;z-index:1;background-color:#555;border:none;border-radius:8px;padding:10px 20px;font-size:18px;font-weight:700;transition:transform .1s,background-color .2s;position:absolute;top:20px;right:150px;box-shadow:0 4px 6px #0000004d}.quit-button:hover{background-color:#777;transform:translateY(-1px)}.quit-button:active{transform:translateY(0)scale(.95)}