:root{--primary:#45b1ff;--success:#3be969;--danger:#ff4757;--warning:#ffa502;--dark:#2f3542;--track:#747d8c;--bg-color:#8ed081;--shadow:#0003}*{box-sizing:border-box;touch-action:pan-x pan-y;margin:0;padding:0}body{-webkit-user-select:none;user-select:none;background-color:#6fb55e;background-image:radial-gradient(circle,#8bd97a 0,#6fb55e 70%);width:100vw;height:100vh;font-family:Outfit,sans-serif;position:relative;overflow:hidden}.sky-container{z-index:0;pointer-events:none;position:absolute;inset:0;overflow:hidden}.cloud{opacity:.4;z-index:0;background:#fff;border-radius:50px;animation:linear infinite float;position:absolute;box-shadow:0 5px 15px #0000001a}.cloud:before,.cloud:after{content:"";background:#fff;border-radius:50%;position:absolute}#cloud1{width:150px;height:50px;animation-duration:40s;top:15%;left:-200px}#cloud1:before{width:70px;height:70px;top:-30px;left:20px}#cloud1:after{width:50px;height:50px;top:-20px;right:20px}#cloud2{width:120px;height:40px;animation-duration:55s;animation-delay:5s;top:40%;left:-200px}#cloud2:before{width:60px;height:60px;top:-20px;left:15px}#cloud2:after{width:40px;height:40px;top:-10px;right:15px}#cloud3{width:180px;height:60px;animation-duration:35s;animation-delay:15s;top:60%;left:-200px}#cloud3:before{width:80px;height:80px;top:-35px;left:30px}#cloud3:after{width:60px;height:60px;top:-25px;right:30px}#cloud4{width:100px;height:35px;animation-duration:65s;animation-delay:2s;top:80%;left:-200px}#cloud4:before{width:50px;height:50px;top:-20px;left:15px}@keyframes float{0%{transform:translate(0)}to{transform:translate(calc(100vw + 400px))}}#gameCanvas{z-index:1;background:0 0;width:100%;height:100%;display:block;position:absolute;top:0;left:0}#ui-container{z-index:10;pointer-events:none;flex-direction:column;width:100%;height:100%;display:flex;position:absolute;top:0;left:0}.control-btn{cursor:pointer;color:#fff;border:none;border-radius:20px;align-items:center;gap:8px;padding:10px 20px;font-family:Outfit,sans-serif;font-size:1.2rem;font-weight:700;transition:all .2s cubic-bezier(.175,.885,.32,1.275);display:flex;box-shadow:0 4px 6px #0000001a}.control-btn:active{transform:scale(.95);box-shadow:0 2px 4px #0000001a}#signal-btn{background-color:var(--warning);text-shadow:1px 1px #0003;pointer-events:auto;border-bottom:4px solid #cc8400;position:absolute;top:50%;left:20px;transform:translateY(-50%)}#signal-btn:active{border-bottom:0 solid #cc8400;transform:translateY(calc(4px - 50%))scale(.95)}#signal-btn .signal-icon{color:var(--dark);background:#fff;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;font-size:1.1rem;font-weight:900;display:flex}#go-btn{background-color:var(--success);text-transform:uppercase;text-shadow:1px 1px #0003;pointer-events:auto;border-bottom:4px solid #2da64c;padding:10px 30px;font-size:1.8rem;font-weight:900;position:absolute;top:50%;right:20px;transform:translateY(-50%)}#go-btn:active{border-bottom:0 solid #2da64c;transform:translateY(calc(4px - 50%))scale(.95)}#go-btn:disabled{cursor:not-allowed;background-color:#a4b0be;border-bottom:4px solid #747d8c;transform:scale(1)}#celebration-overlay{pointer-events:auto;z-index:100;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);text-align:center;opacity:1;background:#0009;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;transition:opacity .5s;display:flex;position:absolute;top:0;left:0}#celebration-overlay.hidden{opacity:0;pointer-events:none}.celebration-text{color:#ffdd59;text-transform:uppercase;text-shadow:0 0 30px #ffdd59cc,5px 5px #ff3f34,10px 10px #1e272e;margin-bottom:10px;font-size:4rem;font-weight:900;animation:1s cubic-bezier(.175,.885,.32,1.275) forwards bounceScale}.celebration-subtext{color:#fff;text-shadow:2px 2px 4px #00000080;margin-bottom:40px;font-size:1.8rem;font-weight:700;animation:1s .5s both fadeIn}.primary-btn{background:var(--primary);color:#fff;cursor:pointer;text-transform:uppercase;letter-spacing:1px;border:none;border-bottom:6px solid #1a88d6;border-radius:50px;padding:15px 50px;font-family:Outfit,sans-serif;font-size:1.8rem;font-weight:900;transition:all .2s;animation:1s 1s both fadeIn;box-shadow:0 10px 20px #45b1ff66}.primary-btn:active{border-bottom:0 solid #1a88d6;transform:translateY(6px)scale(.95)}@keyframes bounceScale{0%{opacity:0;transform:scale(0)}50%{opacity:1;transform:scale(1.1)}to{opacity:1;transform:scale(1)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (width<=600px){.celebration-text{font-size:2.8rem}#signal-btn{left:10px}#go-btn{right:10px}.control-btn{padding:10px 15px;font-size:1rem}#go-btn{padding:10px 20px;font-size:1.4rem}}