Set neon defaults and streamline animation/theme options

Author: Swon404

src/GameContext.tsx

@@ -257,10 +257,10 @@ export function GameProvider({ children }: { children: ReactNode }) {
         const speed = store.settings.animationSpeed;
         const minThinkMs =
           speed === "very-slow"
-            ? 1900
+            ? 950
             : speed === "slow"
-              ? 1200
-              : 800;
+              ? 600
+              : 400;
         const t0 = performance.now();
         const move = await chooseBotMove(state, lvl, { allowExternal: mode.kind === "bot" });
         const elapsed = performance.now() - t0;

src/components/Board.tsx

@@ -10,13 +10,13 @@ function isLegalTarget(legal: Move[], sq: Square): Move | undefined {
 
 function slideDurationMs(speed: "normal" | "slow" | "very-slow", isMobile: boolean): number {
   if (isMobile) {
-    if (speed === "very-slow") return 1700;
-    if (speed === "slow") return 1100;
-    return 700;
+    if (speed === "very-slow") return 850;
+    if (speed === "slow") return 550;
+    return 350;
   }
-  if (speed === "very-slow") return 1300;
-  if (speed === "slow") return 800;
-  return 500;
+  if (speed === "very-slow") return 650;
+  if (speed === "slow") return 400;
+  return 250;
 }
 
 interface Props {

src/components/LookPicker.tsx

@@ -2,13 +2,13 @@ import type { BoardTheme, PieceSet } from "../engine/storage";
 import { useGame } from "../GameContext";
 
 const THEMES: BoardTheme[] = ["wood", "blue", "green", "neon"];
-const SETS: PieceSet[] = ["classic", "modern", "neon", "emoji"];
+const SETS: PieceSet[] = ["classic", "modern", "neon"];
 
 const THEME_LABEL: Record<BoardTheme, string> = {
   wood: "🪵", blue: "🟦", green: "🟩", neon: "✨"
 };
 const SET_LABEL: Record<PieceSet, string> = {
-  classic: "♚", modern: "♟︎", neon: "💎", emoji: "🐉"
+  classic: "♚", modern: "♟︎", neon: "💎"
 };
 
 export function LookPicker() {

src/components/MinecraftPieces.tsx

@@ -1,7 +1,6 @@
 import type { Color, PieceType } from "../engine/board";
 import type { PieceSet } from "../engine/storage";
 import { PieceSVG } from "./PieceSVG";
-import { MinecraftPiece } from "./MinecraftPieces";
 
 const GLYPH: Record<string, string> = {
   wK: "\u2654", wQ: "\u2655", wR: "\u2656", wB: "\u2657", wN: "\u2658", wP: "\u2659",
@@ -24,13 +23,6 @@ export function Piece({ color, type, set, rotate = false }: Props) {
       </span>
     );
   }
-  if (set === "emoji") {
-    return (
-      <span className={`piece-mc piece-${color} ${faceClass}`}>
-        <MinecraftPiece color={color} type={type} />
-      </span>
-    );
-  }
   // modern + neon both use SVG; neon gets a filter via CSS on the parent.
   return (
     <span className={`piece-svg piece-${color} ${faceClass}`}>

src/components/Piece.tsx

@@ -24,7 +24,7 @@ export interface ProfileStats {
 }
 
 export type BoardTheme = "wood" | "blue" | "green" | "neon";
-export type PieceSet = "classic" | "modern" | "neon" | "emoji";
+export type PieceSet = "classic" | "modern" | "neon";
 export type AnimationSpeed = "normal" | "slow" | "very-slow";
 
 export interface Settings {
@@ -61,15 +61,20 @@ const DEFAULT_SETTINGS: Settings = {
   timerSeconds: 30,
   animationSpeed: "slow",
   rotateBlackPiecesFixedBoard: false,
-  theme: "wood",
-  pieceSet: "modern",
+  theme: "neon",
+  pieceSet: "neon",
   sound: true,
   haptics: true,
   autoFlip: true,
   showThreats: false,
   explodeOnCapture: false
 };
 
+function normalizePieceSet(value: unknown): PieceSet {
+  if (value === "classic" || value === "modern" || value === "neon") return value;
+  return "neon";
+}
+
 function emptyStats(): ProfileStats {
   return {
     wins: 0, losses: 0, draws: 0, rating: 800,
@@ -83,7 +88,12 @@ export function load(): Store {
     const raw = localStorage.getItem(KEY);
     if (!raw) return { profiles: [], settings: { ...DEFAULT_SETTINGS }, savedGames: {} };
     const parsed = JSON.parse(raw) as Store;
-    parsed.settings = { ...DEFAULT_SETTINGS, ...parsed.settings };
+    const rawSettings = parsed.settings as Partial<Settings> | undefined;
+    parsed.settings = {
+      ...DEFAULT_SETTINGS,
+      ...rawSettings,
+      pieceSet: normalizePieceSet(rawSettings?.pieceSet)
+    };
     parsed.savedGames = parsed.savedGames ?? {};
     return parsed;
   } catch {

src/engine/storage.ts

@@ -10,13 +10,13 @@ import { useGame } from "../GameContext";
 
 function slideDurationMs(speed: "normal" | "slow" | "very-slow", isMobile: boolean): number {
   if (isMobile) {
-    if (speed === "very-slow") return 1700;
-    if (speed === "slow") return 1100;
-    return 700;
+    if (speed === "very-slow") return 850;
+    if (speed === "slow") return 550;
+    return 350;
   }
-  if (speed === "very-slow") return 1300;
-  if (speed === "slow") return 800;
-  return 500;
+  if (speed === "very-slow") return 650;
+  if (speed === "slow") return 400;
+  return 250;
 }
 
 export function GameScreen() {

src/screens/GameScreen.tsx

@@ -59,15 +59,14 @@ export function SettingsScreen() {
           {([
             { key: "classic" as const, label: "Classic" },
             { key: "modern" as const, label: "Modern" },
-            { key: "neon" as const, label: "Neon" },
-            { key: "emoji" as const, label: "Minecraft" }
+            { key: "neon" as const, label: "Neon" }
           ]).map((t) => (
             <button key={t.key}
               className={t.key === s.pieceSet ? "pill active" : "pill"}
               onClick={() => updateSetting("pieceSet", t.key)}>{t.label}</button>
           ))}
         </div>
-        <p className="hint">Classic = Unicode ♚ · Modern = crisp SVG · Neon = glow · Minecraft = ⛏️ Steve, Alex, Creeper, Enderman, Skeleton, Zombie (light/dark plates for each side)</p>
+        <p className="hint">Classic = Unicode ♚ · Modern = crisp SVG · Neon = glow</p>
       </section>
 
       <section>

src/screens/SettingsScreen.tsx

@@ -10,50 +10,50 @@
   --legal-capture: rgba(239, 68, 68, 0.65);
   --selected: rgba(250, 204, 21, 0.55);
   --last: rgba(250, 204, 21, 0.25);
-  --anim-slide-ms: 500ms;
+  --anim-slide-ms: 250ms;
   --anim-demat-ms: 1300ms;
   --anim-remat-ms: 1300ms;
   --anim-remat-delay-ms: 1700ms;
 }
 
 .board.anim-speed-normal {
-  --anim-slide-ms: 500ms;
+  --anim-slide-ms: 250ms;
   --anim-demat-ms: 1300ms;
   --anim-remat-ms: 1300ms;
   --anim-remat-delay-ms: 1700ms;
 }
 
 .board.anim-speed-slow {
-  --anim-slide-ms: 800ms;
+  --anim-slide-ms: 400ms;
   --anim-demat-ms: 1700ms;
   --anim-remat-ms: 1700ms;
   --anim-remat-delay-ms: 2200ms;
 }
 
 .board.anim-speed-very-slow {
-  --anim-slide-ms: 1300ms;
+  --anim-slide-ms: 650ms;
   --anim-demat-ms: 2300ms;
   --anim-remat-ms: 2300ms;
   --anim-remat-delay-ms: 3000ms;
 }
 
 @media (max-width: 640px) {
   .board.anim-speed-normal {
-    --anim-slide-ms: 700ms;
+    --anim-slide-ms: 350ms;
     --anim-demat-ms: 1500ms;
     --anim-remat-ms: 1500ms;
     --anim-remat-delay-ms: 2000ms;
   }
 
   .board.anim-speed-slow {
-    --anim-slide-ms: 1100ms;
+    --anim-slide-ms: 550ms;
     --anim-demat-ms: 2000ms;
     --anim-remat-ms: 2000ms;
     --anim-remat-delay-ms: 2600ms;
   }
 
   .board.anim-speed-very-slow {
-    --anim-slide-ms: 1700ms;
+    --anim-slide-ms: 850ms;
     --anim-demat-ms: 2600ms;
     --anim-remat-ms: 2600ms;
     --anim-remat-delay-ms: 3400ms;