better precision

jd-clone/src/pages/gameplay/GameplayPage.tsx

@@ -1,6 +1,5 @@
-import React, { useEffect, useState } from 'react';
+import { useEffect, useState } from 'react';
 import { useNavigate } from 'react-router-dom';
-import { Button } from '../../components/common/Button';
 import { PoseRenderer } from '../../components/game/PoseRenderer';
 import usePoseDetection from '../../hooks/usePoseDetection';
 import useInputDetection from '../../hooks/useInputDetection';

jd-clone/src/pages/settings/SettingsPage.scss

@@ -91,6 +91,7 @@
 
   &__slider {
     -webkit-appearance: none;
+    appearance: none;
     height: 8px;
     background: rgba($background-dark, 0.6);
     border-radius: 4px;
@@ -135,7 +136,7 @@
     flex: 1;
 
     &:hover {
-      background-color: lighten($background-light, 5%);
+      background-color: color.adjust($background-light, $lightness: 5%);
     }
 
     &--active {