*{box-sizing:border-box;margin:0;padding:0}body{background:#0a0a0f;font-family:system-ui,sans-serif;overflow:hidden}#canvas-container{width:100vw;height:100vh}#ui{pointer-events:none;color:#e0e0e0;width:100%;height:100%;position:fixed;top:0;left:0}#hud{flex-direction:column;gap:6px;display:flex;position:absolute;top:16px;left:16px}#score{letter-spacing:.5px;font-size:22px;font-weight:600}#controls-hint{color:#888;font-size:12px}#game-over{text-align:center;pointer-events:auto;background:#0a0a0fd9;border:1px solid #333;border-radius:8px;padding:36px 48px;display:none;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}#game-over.visible{display:block}#game-over h1{color:#f44;margin-bottom:12px;font-size:40px;font-weight:700}#final-score{color:#ccc;margin-bottom:20px;font-size:20px}#restart-btn{color:#fff;cursor:pointer;background:#25c;border:none;border-radius:6px;margin:0 auto 14px;padding:12px 32px;font-size:17px;font-weight:600;display:block}#restart-btn:hover{background:#36d}#restart-hint{color:#666;font-size:13px}#touch-controls{pointer-events:none;justify-content:space-between;width:100%;padding:16px 24px;display:flex;position:fixed;bottom:0;left:0}.touch-btn{pointer-events:auto;touch-action:none;color:#ccc;cursor:pointer;-webkit-user-select:none;user-select:none;background:#ffffff14;border:1px solid #ffffff2e;border-radius:10px;width:110px;height:80px;font-size:28px}.touch-btn:active{background:#ffffff2e}