:root{--primary-color: #b34a42;--secondary-color: #4a7ab3;--light-color: #ffffff;--accent-color: #ffffff;--grid-bg-color: #0f172a;--grid-line-color: #253348;--heading-bg-color: #b34a42;--level-bg-color: #4a7ab3;--level-label-bg-color: #75a8e7;--timer-label-bg-color: #e77575;--ui-border-color: #000000;--ui-text-color: #ffffff;--game-canvas-bg-color: #1a1a2e;--body-background-color: #000000;--text-color: #ffffff;--title-color: #ffffff}*{box-sizing:border-box;margin:0;padding:0;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-webkit-touch-callout:none}button,.instructions-panel,.loading-panel{touch-action:manipulation}body{overflow:hidden;width:100%;height:100%;background-color:var(--body-background-color);user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;touch-action:manipulation;-webkit-touch-callout:none}.game-area{position:fixed;left:50%;top:0;transform:translate(-50%);width:400px;max-width:100%;height:100%;padding-top:env(safe-area-inset-top,0);box-sizing:border-box;pointer-events:none;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-webkit-touch-callout:none;-webkit-user-drag:none;user-drag:none}.game-area>*{pointer-events:auto}.game-canvas-wrap{position:absolute;inset:0;z-index:0;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;-webkit-user-drag:none;user-drag:none}#gameCanvas{width:100%;height:100%;display:block;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;touch-action:none;-webkit-touch-callout:none;-webkit-user-drag:none;user-drag:none}.game-top{position:absolute;top:0;left:0;right:0;height:72px;z-index:10;pointer-events:none;box-sizing:border-box}.game-top .score-display{pointer-events:auto}.game-heading{position:absolute;top:90px;left:0;right:0;margin:0;padding:10px 16px;font-family:Bungee,Arial Black,sans-serif;font-size:1.1rem;font-weight:400;text-transform:uppercase;letter-spacing:2px;text-align:center;color:var(--ui-text-color);background:var(--heading-bg-color);border-bottom:2px solid var(--ui-border-color);box-shadow:0 2px 0 0 var(--ui-border-color);user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;z-index:10}.score-display{position:absolute;top:50%;transform:translateY(-50%);width:80px;max-width:calc(50vw - 48px);background:var(--heading-bg-color);padding:0;border-radius:20px;border:2px solid var(--ui-border-color);box-shadow:0 4px 0 0 var(--ui-border-color);font-family:Bungee,Arial Black,sans-serif;color:var(--ui-text-color);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:8px}.score-right{right:8px;left:auto;background:var(--level-bg-color)}.score-right .score-label{background:var(--level-label-bg-color)}.score-label{font-size:.6rem;font-weight:400;text-transform:uppercase;letter-spacing:1px;padding:6px 12px;text-align:center;background:var(--timer-label-bg-color)}.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}.instructions-popup{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000b3;display:flex;justify-content:center;align-items:center;z-index:200}.instructions-popup.hidden{display:none}.hidden{display:none!important}.instructions-panel{width:280px;max-width:90%;background:var(--heading-bg-color);border-radius:24px;border:2px solid var(--ui-border-color);box-shadow:0 4px 0 0 var(--ui-border-color);font-family:Bungee,Arial Black,sans-serif;color:var(--ui-text-color);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-label{font-size:.8rem;font-weight:400;text-transform:uppercase;letter-spacing:1px;padding:12px 16px;text-align:center;background:var(--timer-label-bg-color)}.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:var(--level-bg-color);border:none;border-top:2px solid var(--ui-border-color);color:var(--ui-text-color);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:var(--level-label-bg-color)}.lets-go-btn.secondary{background:#5a6a7b;border-top:2px solid var(--ui-border-color)}.lets-go-btn.secondary:hover{background:#6a7a8b}.game-win-label{background:#4a9b4a}.game-win-panel{background:#3d8b3d}.game-win-content p{margin:0}.game-over-label{background:#e75757}.game-over-panel{background:#a33a3a}.game-over-content p{margin:0}.loading-screen{position:fixed;top:0;left:0;width:100%;height:100%;background:var(--body-background-color);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:var(--level-bg-color);border-radius:24px;border:2px solid var(--ui-border-color);box-shadow:0 4px 0 0 var(--ui-border-color);font-family:Bungee,Arial Black,sans-serif;color:var(--ui-text-color);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:var(--level-label-bg-color)}.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){.game-area{width:100%}}