*{margin:0;padding:0;box-sizing:border-box;overflow:hidden}body{background-color:#000;touch-action:manipulation;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}*{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}#gameCanvas{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;max-width:400px;height:100%;touch-action:manipulation}@media(max-width:768px){#gameCanvas{max-width:100%;width:100vw;height:100vh;top:0;left:0;transform:none}}.score-display{position:fixed;top:20px;width:100px;max-width:100px;background:#b34a42;padding:0;border-radius:24px;border:2px solid #000000;box-shadow:0 4px #000;font-family:Bungee,Arial Black,sans-serif;color:#fff;z-index:100;display:flex;flex-direction:column;justify-content:stretch;align-items:stretch;gap:0;box-sizing:border-box;overflow:hidden;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;touch-action:manipulation;-webkit-touch-callout:none}.score-left{left:calc(50% - 190px)}.score-right{left:calc(50% + 90px);background:#4a7ab3}.score-right .score-label{background:#75a8e7}.score-label{font-size:.6rem;font-weight:400;text-transform:uppercase;letter-spacing:1px;padding:6px 12px;text-align:center;background:#e77575}.score-value{font-size:1.4rem;font-weight:400;line-height:1;padding:6px 12px;text-align:center;display:block}.score-display.hidden{display:none}@keyframes scorePulse{0%{transform:scale(1)}50%{transform:scale(1.15)}to{transform:scale(1)}}.score-display.pulse .score-value{animation:scorePulse .4s ease-out}.instructions-popup{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000b3;display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:200;gap:20px}.instructions-panel{width:280px;max-width:90%;background:#b34a42;border-radius:24px;border:2px solid #000000;box-shadow:0 4px #000;font-family:Bungee,Arial Black,sans-serif;color:#fff;display:flex;flex-direction:column;overflow:hidden;transition:transform .3s ease-in-out,opacity .3s ease-in-out}.instructions-panel.shrink{transform:scale(0);opacity:0}.instructions-logo{width:100%;max-width:200px;height:auto;display:block;object-fit:contain}.instructions-label{font-size:.8rem;font-weight:400;text-transform:uppercase;letter-spacing:1px;padding:12px 16px;text-align:center;background:#e77575}.instructions-content{padding:16px;text-align:center}.instructions-content p{font-size:.75rem;margin-bottom:10px;line-height:1.4}.instructions-content p:last-child{margin-bottom:0}.lets-go-btn{background:#4a7ab3;border:none;border-top:2px solid #000000;color:#fff;font-family:Bungee,Arial Black,sans-serif;font-size:1rem;padding:14px 16px;cursor:pointer;transition:background .2s;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;touch-action:manipulation;-webkit-touch-callout:none}.lets-go-btn:hover{background:#75a8e7}.instructions-popup.hidden{display:none}.game-over-label{background:#e75757}.game-over-content{display:flex;flex-direction:column;gap:12px}.game-over-score{background:#c94545;border-radius:12px;padding:10px 16px;display:flex;justify-content:space-between;align-items:center}.game-over-score.best{background:#4a7ab3}.game-over-score-label{font-size:.7rem;text-transform:uppercase;letter-spacing:1px}.game-over-score-value{font-size:1.2rem}.loading-screen{position:fixed;top:0;left:0;width:100%;height:100%;background:#000;display:flex;justify-content:center;align-items:center;z-index:300;transition:opacity .3s ease-out}.loading-screen.hidden{opacity:0;pointer-events:none}.loading-panel{width:220px;max-width:90%;background:#b34a42;border-radius:24px;border:2px solid #000000;box-shadow:0 4px #000;font-family:Bungee,Arial Black,sans-serif;color:#fff;display:flex;flex-direction:column;overflow:hidden}.loading-label{font-size:1rem;font-weight:400;text-transform:uppercase;letter-spacing:2px;padding:14px 16px;text-align:center;background:#e77575}.loading-content{padding:20px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:12px}.loading-content p{font-size:.8rem;margin:0}.loading-spinner{width:40px;height:40px;border:4px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:768px){.score-display{width:80px;max-width:80px;top:10px;border-radius:16px}.score-left{left:calc(50% - 190px)}.score-right{left:calc(50% + 110px)}.score-label{font-size:.5rem;padding:4px 8px}.score-value{font-size:1.1rem;padding:4px 8px}}@media(max-width:420px){.score-left{left:10px}.score-right{left:auto;right:10px}}