*{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}html,body,#root{top:0;left:0;background:#ccc9c9;margin:0;padding:0;overflow:hidden;right:0;bottom:0;font-family:Arial,sans-serif;touch-action:none;width:100vw;height:100vh;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.canvas-container{width:100vw;height:100vh;-webkit-user-select:none;user-select:none}.loading{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-size:24px}.close-button{position:absolute;top:-15px;right:-5px;border-radius:50%;background:#fff;border:1px solid rgba(0,0,0,.1);width:30px;height:30px;display:flex;align-items:center;justify-content:center;box-shadow:2px 2px 10px #0000004d;cursor:pointer}.close-button button{all:unset;width:100%;height:100%;border-radius:50%;font-size:30px;color:snow;display:flex;align-items:center;justify-content:center;cursor:pointer;text-shadow:0px 0px 10px rgba(111,80,80,.8)}.close-button:hover{color:gray}.invisible-link{color:#7f7e7e;text-shadow:1px 1px 2px rgba(0,0,0,.3);font-size:20px;margin:0;cursor:pointer;text-decoration:none;transition:color .2s ease;padding-left:5px}.invisible-link:hover{color:teal;text-shadow:2px 2px 3px rgba(0,0,0,.4)}.intro-header{display:flex;align-items:center;justify-content:center;gap:10px}.intro-header h2{margin:0}.intro-image{width:50px;height:auto}.intro{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:#fff9;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border-radius:16px;padding:2rem;color:#cd5c5c;text-align:center;box-shadow:0 4px 30px #0000001a;border:1px solid rgba(255,255,255,.3);min-width:300px;min-height:200px;z-index:10;pointer-events:auto;cursor:pointer}.intro h2{font-size:2.2rem;margin-top:.5rem;margin-bottom:-1rem;font-weight:600;text-shadow:2px 2px 2px rgba(97,97,100,.5)}.intro p{color:#070707;margin-bottom:1.5rem;font-size:1rem;text-shadow:.5px .5px .5px rgba(0,0,0,.5)}.credits{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:#fff9;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:16px;color:#cd5c5c;text-shadow:.5px .5px .5px rgba(0,0,0,.5);text-align:center;box-shadow:0 4px 30px #0000001a;border:1px solid rgba(255,255,255,.3);width:90vw;max-width:450px;min-height:340px;z-index:10;pointer-events:auto;cursor:pointer}.credits p{color:#252527;margin-bottom:.2rem;font-size:1.2rem;text-shadow:.5px .5px .5px rgba(0,0,0,.5);padding-left:3%;padding-right:3%}.credits h2{font-size:2rem;text-shadow:.5px .5px .5px rgba(0,0,0,.5);margin:20px}.intro .score{font-size:4rem;font-weight:700;margin-bottom:1.5rem;color:#d3d3d3;text-shadow:2px 5px 5px rgba(97,97,100,.972)}.replay-button{background:#ffffff40;color:teal;padding:.8rem 2rem;border-radius:8px;border:1px solid rgba(195,190,190,.835);cursor:pointer;transition:all .2s;font-size:1.1rem;font-weight:500;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);box-shadow:1px 1px 5px #0003}.replay-button:hover{background:#fff6;transform:translateY(-2px);box-shadow:0 5px 15px #0003}.replay-button:active{transform:translateY(0)}#interface{position:fixed;top:0;left:0;width:100%;height:100%;z-index:100;pointer-events:none}.vertical-left-column-topbased{position:absolute;top:15px;left:10px;display:flex;flex-direction:column;gap:30px;align-items:flex-start;justify-content:flex-start}.vertical-left-column-bottombased{position:absolute;bottom:20px;left:10px;display:flex;flex-direction:column;gap:30px;align-items:flex-start;justify-content:flex-end}.vertical-right-column-topbased{position:absolute;top:15px;right:10px;display:flex;flex-direction:column;gap:30px;align-items:flex-start;justify-content:flex-start}.vertical-right-column-bottombased{position:absolute;bottom:20px;right:10px;display:flex;flex-direction:column;gap:30px;align-items:flex-start;justify-content:flex-end}.icon-right{margin-right:10px;border-radius:20%;background:#a4a9a980;transition:background .2s;color:#4dfff8;border:none;display:flex;align-items:center;justify-content:center;width:50px;height:50px;box-shadow:4px 4px 6px #0006;pointer-events:auto;cursor:pointer}.icon-left{margin-left:10px;border-radius:20%;background:#a4a9a980;transition:background .2s;color:#4dfff8;border:none;display:flex;align-items:center;justify-content:center;width:50px;height:50px;box-shadow:4px 4px 6px #0006;pointer-events:auto;cursor:pointer}.demolition-indicator{position:absolute;top:15px;left:50%;transform:translate(-50%);background:transparent;color:#8c0c08;text-align:center;font-size:1.5rem;font-family:sans-serif;text-shadow:0 0 5px rgba(255,255,255,.7);pointer-events:none;line-height:1.2}.ballFeat{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:10px;padding:0;color:#fff;font-size:3rem;text-shadow:2px 2px 8px rgba(0,0,0,.7);font-family:sans-serif}.gameOverChoices{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:10px;padding:0}.cannonBalls{margin-left:10px;margin-top:6px;color:#f5f3f3;font-family:Arial,sans-serif;text-align:center}.cannonBallsRow{display:flex;align-items:center;justify-content:center;gap:10px}.cannonBallVisual{width:30px;height:30px;background-color:#000;border-radius:50%;position:relative;box-shadow:2px 2px 8px #0009;overflow:hidden}.cannonBallVisual:after{content:"";position:absolute;top:5px;right:5px;width:8px;height:8px;border-radius:50%;background:#ffffff4d;box-shadow:0 0 4px #fff3}.cannonBalls p{margin:-8px 0 0;font-size:2.5rem;font-weight:700;text-shadow:2px 2px 8px rgba(8,8,8,.72)}@media (max-width: 768px){.game-title,.intro-title,.pause-title{font-size:1.8rem}}@media (max-width: 375px){.intro{min-width:250px;padding:1rem}.vertical-left-column-topbased,.vertical-right-column-topbased{gap:20px}.icon-right,.icon-left{width:45px;height:45px}.intro h2{font-size:1.8rem}}@media (orientation: portrait) and (max-width: 600px){.vertical-left-column-topbased,.vertical-right-column-topbased,.demolition-indicator{top:40px}}