Cursor

.claude/launch.json

@@ -0,0 +1,17 @@
+{
+  "version": "0.0.1",
+  "configurations": [
+    {
+      "name": "api",
+      "runtimeExecutable": "npm",
+      "runtimeArgs": ["run", "dev:api"],
+      "port": 3000
+    },
+    {
+      "name": "web",
+      "runtimeExecutable": "npm",
+      "runtimeArgs": ["run", "dev:web"],
+      "port": 4200
+    }
+  ]
+}

apps/web/src/app/features/hunting/encounter-card/encounter-card.component.scss

@@ -70,7 +70,6 @@
   border-radius: var(--ar-radius-sm);
   color: var(--ar-text);
   background: linear-gradient(180deg, #263b4b, #17232d);
-  cursor: pointer;
   font-family: Georgia, 'Times New Roman', serif;
   font-size: 1rem;
   letter-spacing: 0.02em;

apps/web/src/app/features/hunting/hunt-page/hunt-page.component.scss

@@ -64,7 +64,6 @@
   border-radius: var(--ar-radius-sm);
   color: var(--ar-text);
   background: linear-gradient(180deg, #263b4b, #17232d);
-  cursor: pointer;
   font-family: Georgia, 'Times New Roman', serif;
   font-size: 1rem;
 }
@@ -78,7 +77,6 @@
 
 .hunt-page__ready button:disabled,
 .hunt-page__actions button:disabled {
-  cursor: not-allowed;
   opacity: 0.52;
 }
 
@@ -117,7 +115,6 @@
   border-radius: var(--ar-radius-sm);
   color: var(--ar-text);
   background: #1a2023;
-  cursor: pointer;
 }
 
 @media (width < 720px) {

apps/web/src/app/features/world/location-node.component.scss

@@ -11,14 +11,12 @@
   border: 0;
   color: var(--ar-text);
   background: transparent;
-  cursor: pointer;
   font: inherit;
   text-align: center;
   text-shadow: 0 0.15rem 0.55rem rgb(0 0 0 / 0.95);
 }
 
 .location-node:disabled {
-  cursor: default;
   opacity: 1;
 }
 

apps/web/src/app/features/world/travel-panel.component.scss

@@ -61,7 +61,6 @@
   border-radius: var(--ar-radius-sm);
   color: var(--ar-text);
   background: linear-gradient(180deg, #263b4b, #17232d);
-  cursor: pointer;
   font-family: Georgia, 'Times New Roman', serif;
   font-size: 1rem;
 }
@@ -75,7 +74,6 @@
   border-color: var(--ar-border);
   color: var(--ar-text-muted);
   background: #1a1c1d;
-  cursor: not-allowed;
 }
 
 .travel-panel__instruction {

apps/web/src/app/features/world/world-page.component.scss

@@ -139,7 +139,6 @@
   border-radius: var(--ar-radius-sm);
   color: var(--ar-text);
   background: #1a2023;
-  cursor: pointer;
 }
 
 @keyframes world-atmosphere-drift {

apps/web/src/app/layout/side-navigation/side-navigation.component.scss

@@ -51,7 +51,6 @@
 }
 
 .side-navigation__item:disabled {
-  cursor: not-allowed;
   opacity: 0.52;
 }
 

apps/web/src/styles.scss

@@ -33,6 +33,7 @@ html {
   min-block-size: 100%;
   color-scheme: dark;
   background: var(--ar-bg);
+  cursor: url('/assets/cursors/cursor.png') 2 2, auto;
 }
 
 body {
@@ -61,6 +62,23 @@ a:focus-visible {
   outline-offset: -2px;
 }
 
+button:not(:disabled),
+a,
+[role='button'] {
+  cursor: url('/assets/cursors/hover.png') 2 2, pointer;
+}
+
+button:not(:disabled):active,
+a:active,
+[role='button']:active {
+  cursor: url('/assets/cursors/click.png') 2 2, pointer;
+}
+
+button:disabled,
+[aria-disabled='true'] {
+  cursor: url('/assets/cursors/disabled.png') 2 2, not-allowed;
+}
+
 img {
   max-inline-size: 100%;
 }