       }
        
        .controls label {
            margin-right: 10px;
        }
        
        .controls input {
            width: 80px;
            margin-right: 20px;
        }
    </style>
</head>
<body>
    <div class="container">
        <h1>Ball in Spinning Hexagon</h1>
        <canvas id="gameCanvas" width="600" height="600"></canvas>
        <div class="controls">
            <label>Gravity: <input type="range" id="gravitySlider" min="0" max="1" step="0.01" value="0.2"></label>
            