@pieai/swimmer-ui-kit 2.13.0 → 3.0.0-rc.1

package/dist/index.d.ts

@@ -1,22 +1,21 @@
+import { AnchorHTMLAttributes } from 'react';
 import { ButtonHTMLAttributes } from 'react';
+import { ComponentType } from 'react';
 import { CSSProperties } from 'react';
 import { ForwardRefExoticComponent } from 'react';
 import { HTMLAttributes } from 'react';
 import { InputHTMLAttributes } from 'react';
+import { JSX } from 'react';
 import { ReactNode } from 'react';
+import { Ref } from 'react';
 import { RefAttributes } from 'react';
 import { SelectHTMLAttributes } from 'react';
+import { SVGProps } from 'react';
 import { TextareaHTMLAttributes } from 'react';
 
-/** Opt in to placeholders on purpose, and stop being told about it. */
-export declare function acknowledgeClayPlaceholders(): void;
+declare type ActionElement = HTMLButtonElement | HTMLAnchorElement;
 
-export declare interface BendTuning {
-    /** Vertical bow strength, 0..1. */
-    vertical?: number;
-    /** Horizontal cap deformation, 0..1. */
-    horizontal?: number;
-}
+declare type ActionProps = ButtonAction | LinkAction;
 
 declare interface BlobShape {
     /** Outward bulge, in px. 0 gives the plain rounded rectangle. */
@@ -29,951 +28,263 @@ declare interface BlobShape {
     readonly phase?: number;
 }
 
-export declare const CLAY_ASSET_BASE_PATH: "/assets/game/ui/clay/phase03-clay-kit";
-
-export declare const CLAY_ASSET_SIZE_TOKENS: {
-    readonly iconSm: "var(--game-ui-asset-icon-sm)";
-    readonly iconMd: "var(--game-ui-asset-icon-md)";
-    readonly iconLg: "var(--game-ui-asset-icon-lg)";
-    readonly iconXl: "var(--game-ui-asset-icon-xl)";
-    readonly buttonSkinMinWidth: "var(--game-ui-asset-button-min-width)";
-    readonly cardFanWidth: "var(--game-ui-asset-card-fan-width)";
-    readonly stageTileMinHeight: "var(--game-ui-stage-tile-min-height)";
-    readonly terrainSwatchSize: "var(--game-ui-terrain-swatch-size)";
-    readonly terrainToolHitSize: "var(--game-ui-terrain-tool-hit-size)";
-    readonly buildRailCardSize: "var(--game-ui-build-rail-card-size)";
-    readonly brushNumberWidth: "var(--game-ui-brush-number-width)";
+declare type ButtonAction = ButtonHTMLAttributes<HTMLButtonElement> & {
+    href?: undefined;
+    linkComponent?: undefined;
+    target?: never;
+    rel?: never;
+    download?: never;
 };
 
-export declare const CLAY_ASSETS: {
-    buttons: {
-        primary: string;
-        blue: string;
-        brown: string;
-        green: string;
-        purple: string;
-        red: string;
-    };
-    panels: {
-        popup: string;
-        commonTitle: string;
-        language: string;
-    };
-    controls: {
-        switchOn: string;
-        switchOff: string;
-        slider: string;
-        tabSelected: string;
-        tabNormal: string;
-    };
-    icons: Record<ClayIconName, string>;
-    catalog: {
-        manifest: string;
-        sourceCatalog: string;
-        contactSheetCommon: string;
-        contactSheetComponents: string;
-        contactSheetFunction: string;
-    };
-};
+declare type CornerRadii = [number, number, number, number];
 
-export declare const CLAY_COLOR_TOKENS: {
-    readonly ink: "#3b2d23";
-    readonly inkMuted: "#786250";
-    readonly parchment: "#fff8ec";
-    readonly parchmentDeep: "#f4e2c6";
-    readonly cream: "#f3e8d8";
-    readonly wood: "#6c4f38";
-    readonly woodDeep: "#3a2518";
-    readonly honey: "#f2b35c";
-    readonly orange: "#e8743b";
-    readonly teal: "#1d9a8b";
-    readonly green: "#4f9d6b";
-    readonly mint: "#7ee0b6";
-    readonly berry: "#9b6dd6";
-    readonly red: "#d85a45";
-    readonly sky: "#5ca6d8";
-    readonly shadow: "rgba(76, 52, 28, 0.24)";
-    readonly glass: "rgba(255, 248, 236, 0.82)";
-    readonly nightGlass: "rgba(31, 24, 18, 0.76)";
-    /** Official HUD-on-scene glass fill (matches SupaLuv stage chrome). */
-    readonly overlayGlass: "rgba(12, 14, 20, 0.72)";
-    readonly overlayGlassText: "#fff6ee";
-    /** Liquid-metal plate fill (light). Dedicated so it cannot inherit ink-deep, which inverts on night. */
-    readonly liquidMetalFace: "#3a2518";
-    readonly liquidMetalInk: "#fff8ec";
-};
+declare interface EvolveOptions {
+    /** Spring driving the liquid mass's centre. */
+    massStiffness?: number;
+    massDamping?: number;
+    /** Spring driving width and height. */
+    sizeStiffness?: number;
+    sizeDamping?: number;
+    /** Spring driving the corner radius. */
+    radiusStiffness?: number;
+    radiusDamping?: number;
+    /** Maximum content cross-blur during the morph, in px. */
+    contentBlur?: number;
+    /** 0..1 droplet roundness during a shape transition. */
+    roundness?: number;
+    /** Corner-forming timeline. */
+    cornerDuration?: number;
+    cornerDelay?: number;
+    cornerEase?: string;
+    /** Ramp-in time for the droplet lead, in ms. */
+    anticipation?: number;
+    /** Maximum droplet lead toward the destination, in px. */
+    travel?: number;
+}
 
-export declare const CLAY_ELEVATION_TOKENS: {
-    readonly button: "var(--game-ui-shadow-button)";
-    readonly panel: "var(--game-ui-shadow-panel)";
-    readonly modal: "var(--game-ui-shadow-modal)";
-    readonly inset: "var(--game-ui-shadow-inset)";
-    readonly stroke: "var(--game-ui-stroke)";
-};
+export declare function FirstSessionOnboarding({ labels, onDismiss, open, }: FirstSessionOnboardingProps): ReactNode;
+
+export declare interface FirstSessionOnboardingLabels {
+    badge: string;
+    body: string;
+    skip: string;
+    start: string;
+    steps: readonly FirstSessionOnboardingStep[];
+    title: string;
+}
 
-export declare const CLAY_GAME_SPRITE_NAMES: ClayGameSpriteName[];
+export declare interface FirstSessionOnboardingProps {
+    labels: FirstSessionOnboardingLabels;
+    onDismiss: () => void;
+    open: boolean;
+}
 
-/**
- * Decorative game-content sprites — sculpted clay objects from the same source
- * pack that read as *game content* (loot, weapons, shields, potions, currency
- * variants) rather than UI affordances. They are deliberately kept OUT of
- * CLAY_ICON_VARIANTS so the semantic icon API stays a clean, product-agnostic UI
- * vocabulary. Reach for these in reward popups, inventories, win screens, or
- * decorative flourishes — never for buttons or toolbars. Game family only; these
- * have no flat line equivalents.
- */
-export declare const CLAY_GAME_SPRITES: {
-    anvil: string;
-    arrow: string;
-    bomb: string;
-    candle: string;
-    chicken: string;
-    giftBlue: string;
-    hammer: string;
-    horn: string;
-    horseshoe: string;
-    letter: string;
-    medalBronze: string;
-    medalSilver: string;
-    pickaxe: string;
-    potionPurple: string;
-    potionRed: string;
-    purpleGem: string;
-    shieldA: string;
-    shieldB: string;
-    shieldC: string;
-    shieldD: string;
-    skull: string;
-    soulGem: string;
-    swordA: string;
-    swordB: string;
-    talaria: string;
-    treasure: string;
-};
+export declare interface FirstSessionOnboardingStep {
+    body: string;
+    title: string;
+}
 
-export declare const CLAY_ICON_NAMES: ClayIconName[];
+export declare const GAME_ICON_NAMES: GameIconName[];
 
-export declare const CLAY_ICON_VARIANTS: {
-    ai: {
-        line: string;
+declare const GAME_ICONS: {
+    readonly ai: {
+        readonly name: "ai";
+        readonly paths: readonly ["M12 18V5", "M15 13a4.17 4.17 0 0 1-3-4 4.17 4.17 0 0 1-3 4", "M17.598 6.5A3 3 0 1 0 12 5a3 3 0 1 0-5.598 1.5", "M17.997 5.125a4 4 0 0 1 2.526 5.77", "M18 18a4 4 0 0 0 2-7.464", "M19.967 17.483A4 4 0 1 1 12 18a4 4 0 1 1-7.967-.517", "M6 18a4 4 0 0 1-2-7.464", "M6.003 5.125a4 4 0 0 0-2.526 5.77"];
     };
-    alert: {
-        game: string;
-        line: string;
+    readonly alert: {
+        readonly name: "alert";
+        readonly paths: readonly ["m21.73 18-8-14a2 2 0 0 0-3.48 0l-8 14A2 2 0 0 0 4 21h16a2 2 0 0 0 1.73-3", "M12 9v4", "M12 17h.01"];
     };
-    card: {
-        line: string;
+    readonly card: {
+        readonly name: "card";
+        readonly paths: readonly ["M4 5H20a2 2 0 0 1 2 2V17a2 2 0 0 1 -2 2H4a2 2 0 0 1 -2 -2V7a2 2 0 0 1 2 -2Z", "M2 10L22 10", "M6 14h2"];
     };
-    chat: {
-        line: string;
+    readonly chat: {
+        readonly name: "chat";
+        readonly paths: readonly ["M2.992 16.342a2 2 0 0 1 .094 1.167l-1.065 3.29a1 1 0 0 0 1.236 1.168l3.413-.998a2 2 0 0 1 1.099.092 10 10 0 1 0-4.777-4.719"];
     };
-    check: {
-        line: string;
+    readonly check: {
+        readonly name: "check";
+        readonly paths: readonly ["M20 6 9 17l-5-5"];
     };
-    close: {
-        game: string;
-        line: string;
+    readonly close: {
+        readonly name: "close";
+        readonly paths: readonly ["M18 6 6 18", "m6 6 12 12"];
     };
-    coin: {
-        game: string;
-        line: string;
+    readonly coin: {
+        readonly name: "coin";
+        readonly paths: readonly ["M13.744 17.736a6 6 0 1 1-7.48-7.48", "M15 6h1v4", "m6.134 14.768.866-.5 2 3.464", "M10 8a6 6 0 1 0 12 0a6 6 0 1 0 -12 0"];
     };
-    compass: {
-        line: string;
+    readonly compass: {
+        readonly name: "compass";
+        readonly paths: readonly ["M2 12a10 10 0 1 0 20 0a10 10 0 1 0 -20 0", "m16.24 7.76-1.804 5.411a2 2 0 0 1-1.265 1.265L7.76 16.24l1.804-5.411a2 2 0 0 1 1.265-1.265z"];
     };
-    copy: {
-        line: string;
+    readonly copy: {
+        readonly name: "copy";
+        readonly paths: readonly ["M10 8H20a2 2 0 0 1 2 2V20a2 2 0 0 1 -2 2H10a2 2 0 0 1 -2 -2V10a2 2 0 0 1 2 -2Z", "M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2"];
     };
-    crown: {
-        game: string;
-        line: string;
+    readonly crown: {
+        readonly name: "crown";
+        readonly paths: readonly ["M11.562 3.266a.5.5 0 0 1 .876 0L15.39 8.87a1 1 0 0 0 1.516.294L21.183 5.5a.5.5 0 0 1 .798.519l-2.834 10.246a1 1 0 0 1-.956.734H5.81a1 1 0 0 1-.957-.734L2.02 6.02a.5.5 0 0 1 .798-.519l4.276 3.664a1 1 0 0 0 1.516-.294z", "M5 21h14"];
     };
-    energy: {
-        game: string;
-        line: string;
+    readonly energy: {
+        readonly name: "energy";
+        readonly paths: readonly ["M15.914 4a1.5 1.5 0 00-2.474-1.561l-9 9A1.5 1.5 0 005.5 14h4.002a.5.5 0 01.471.666L8.086 20a1.5 1.5 0 002.475 1.56l9-9A1.5 1.5 0 0018.5 10h-3.997a.5.5 0 01-.472-.667z"];
     };
-    gem: {
-        game: string;
-        line: string;
+    readonly gem: {
+        readonly name: "gem";
+        readonly paths: readonly ["M10.5 3 8 9l4 13 4-13-2.5-6", "M17 3a2 2 0 0 1 1.6.8l3 4a2 2 0 0 1 .013 2.382l-7.99 10.986a2 2 0 0 1-3.247 0l-7.99-10.986A2 2 0 0 1 2.4 7.8l2.998-3.997A2 2 0 0 1 7 3z", "M2 9h20"];
     };
-    gift: {
-        game: string;
-        line: string;
+    readonly gift: {
+        readonly name: "gift";
+        readonly paths: readonly ["M12 7v14", "M20 11v8a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2v-8", "M7.5 7a1 1 0 0 1 0-5A4.8 8 0 0 1 12 7a4.8 8 0 0 1 4.5-5 1 1 0 0 1 0 5", "M4 7H20a1 1 0 0 1 1 1V10a1 1 0 0 1 -1 1H4a1 1 0 0 1 -1 -1V8a1 1 0 0 1 1 -1Z"];
     };
-    globe: {
-        line: string;
+    readonly globe: {
+        readonly name: "globe";
+        readonly paths: readonly ["M2 12a10 10 0 1 0 20 0a10 10 0 1 0 -20 0", "M12 2a14.5 14.5 0 0 0 0 20 14.5 14.5 0 0 0 0-20", "M2 12h20"];
     };
-    history: {
-        line: string;
+    readonly history: {
+        readonly name: "history";
+        readonly paths: readonly ["M3 12a9 9 0 1 0 9-9 9.75 9.75 0 0 0-6.74 2.74L3 8", "M3 3v5h5", "M12 7v5l4 2"];
     };
-    home: {
-        line: string;
+    readonly redo: {
+        readonly name: "redo";
+        readonly paths: readonly ["M21 7v6h-6", "M3 17a9 9 0 0 1 9-9 9 9 0 0 1 6 2.3l3 2.7"];
     };
-    hourglass: {
-        game: string;
-        line: string;
+    readonly undo: {
+        readonly name: "undo";
+        readonly paths: readonly ["M3 7v6h6", "M21 17a9 9 0 0 0-9-9 9 9 0 0 0-6 2.3L3 13"];
     };
-    laurel: {
-        game: string;
+    readonly home: {
+        readonly name: "home";
+        readonly paths: readonly ["M15 21v-8a1 1 0 0 0-1-1h-4a1 1 0 0 0-1 1v8", "M3 10a2 2 0 0 1 .709-1.528l7-6a2 2 0 0 1 2.582 0l7 6A2 2 0 0 1 21 10v9a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z"];
     };
-    lock: {
-        game: string;
-        line: string;
+    readonly hourglass: {
+        readonly name: "hourglass";
+        readonly paths: readonly ["M5 22h14", "M5 2h14", "M17 22v-4.172a2 2 0 0 0-.586-1.414L12 12l-4.414 4.414A2 2 0 0 0 7 17.828V22", "M7 2v4.172a2 2 0 0 0 .586 1.414L12 12l4.414-4.414A2 2 0 0 0 17 6.172V2"];
     };
-    lucky: {
-        game: string;
+    readonly laurel: {
+        readonly name: "laurel";
+        readonly paths: readonly ["m15.477 12.89 1.515 8.526a.5.5 0 0 1-.81.47l-3.58-2.687a1 1 0 0 0-1.197 0l-3.586 2.686a.5.5 0 0 1-.81-.469l1.514-8.526", "M6 8a6 6 0 1 0 12 0a6 6 0 1 0 -12 0"];
     };
-    mail: {
-        game: string;
-        line: string;
+    readonly lock: {
+        readonly name: "lock";
+        readonly paths: readonly ["M5 11H19a2 2 0 0 1 2 2V20a2 2 0 0 1 -2 2H5a2 2 0 0 1 -2 -2V13a2 2 0 0 1 2 -2Z", "M7 11V7a5 5 0 0 1 10 0v4"];
     };
-    medal: {
-        game: string;
-        line: string;
+    readonly lucky: {
+        readonly name: "lucky";
+        readonly paths: readonly ["M16.17 7.83 2 22", "M4.02 12a2.827 2.827 0 1 1 3.81-4.17A2.827 2.827 0 1 1 12 4.02a2.827 2.827 0 1 1 4.17 3.81A2.827 2.827 0 1 1 19.98 12a2.827 2.827 0 1 1-3.81 4.17A2.827 2.827 0 1 1 12 19.98a2.827 2.827 0 1 1-4.17-3.81A1 1 0 1 1 4 12", "m7.83 7.83 8.34 8.34"];
     };
-    mission: {
-        game: string;
+    readonly mail: {
+        readonly name: "mail";
+        readonly paths: readonly ["m22 7-8.991 5.727a2 2 0 0 1-2.009 0L2 7", "M4 4H20a2 2 0 0 1 2 2V18a2 2 0 0 1 -2 2H4a2 2 0 0 1 -2 -2V6a2 2 0 0 1 2 -2Z"];
     };
-    mobile: {
-        line: string;
+    readonly medal: {
+        readonly name: "medal";
+        readonly paths: readonly ["M7.21 15 2.66 7.14a2 2 0 0 1 .13-2.2L4.4 2.8A2 2 0 0 1 6 2h12a2 2 0 0 1 1.6.8l1.6 2.14a2 2 0 0 1 .14 2.2L16.79 15", "M11 12 5.12 2.2", "m13 12 5.88-9.8", "M8 7h8", "M7 17a5 5 0 1 0 10 0a5 5 0 1 0 -10 0", "M12 18v-2h-.5"];
     };
-    portal: {
-        game: string;
-        line: string;
+    readonly mission: {
+        readonly name: "mission";
+        readonly paths: readonly ["M4 22V4a1 1 0 0 1 .4-.8A6 6 0 0 1 8 2c3 0 5 2 7.333 2q2 0 3.067-.8A1 1 0 0 1 20 4v10a1 1 0 0 1-.4.8A6 6 0 0 1 16 16c-3 0-5-2-8-2a6 6 0 0 0-4 1.528"];
     };
-    scroll: {
-        game: string;
-        line: string;
+    readonly mobile: {
+        readonly name: "mobile";
+        readonly paths: readonly ["M7 2H17a2 2 0 0 1 2 2V20a2 2 0 0 1 -2 2H7a2 2 0 0 1 -2 -2V4a2 2 0 0 1 2 -2Z", "M12 18h.01"];
     };
-    settings: {
-        game: string;
-        line: string;
+    readonly portal: {
+        readonly name: "portal";
+        readonly paths: readonly ["M20.341 6.484A10 10 0 0 1 10.266 21.85", "M3.659 17.516A10 10 0 0 1 13.74 2.152", "M9 12a3 3 0 1 0 6 0a3 3 0 1 0 -6 0", "M17 5a2 2 0 1 0 4 0a2 2 0 1 0 -4 0", "M3 19a2 2 0 1 0 4 0a2 2 0 1 0 -4 0"];
     };
-    shirt: {
-        line: string;
+    readonly scroll: {
+        readonly name: "scroll";
+        readonly paths: readonly ["M19 17V5a2 2 0 0 0-2-2H4", "M8 21h12a2 2 0 0 0 2-2v-1a1 1 0 0 0-1-1H11a1 1 0 0 0-1 1v1a2 2 0 1 1-4 0V5a2 2 0 1 0-4 0v2a1 1 0 0 0 1 1h3"];
     };
-    shop: {
-        game: string;
-        line: string;
+    readonly settings: {
+        readonly name: "settings";
+        readonly paths: readonly ["M9.671 4.136a2.34 2.34 0 0 1 4.659 0 2.34 2.34 0 0 0 3.319 1.915 2.34 2.34 0 0 1 2.33 4.033 2.34 2.34 0 0 0 0 3.831 2.34 2.34 0 0 1-2.33 4.033 2.34 2.34 0 0 0-3.319 1.915 2.34 2.34 0 0 1-4.659 0 2.34 2.34 0 0 0-3.32-1.915 2.34 2.34 0 0 1-2.33-4.033 2.34 2.34 0 0 0 0-3.831A2.34 2.34 0 0 1 6.35 6.051a2.34 2.34 0 0 0 3.319-1.915", "M9 12a3 3 0 1 0 6 0a3 3 0 1 0 -6 0"];
     };
-    smile: {
-        line: string;
+    readonly shirt: {
+        readonly name: "shirt";
+        readonly paths: readonly ["M20.38 3.46 16 2a4 4 0 0 1-8 0L3.62 3.46a2 2 0 0 0-1.34 2.23l.58 3.47a1 1 0 0 0 .99.84H6v10c0 1.1.9 2 2 2h8a2 2 0 0 0 2-2V10h2.15a1 1 0 0 0 .99-.84l.58-3.47a2 2 0 0 0-1.34-2.23z"];
     };
-    timer: {
-        game: string;
-        line: string;
+    readonly shop: {
+        readonly name: "shop";
+        readonly paths: readonly ["M15 21v-5a1 1 0 0 0-1-1h-4a1 1 0 0 0-1 1v5", "M17.774 10.31a1.12 1.12 0 0 0-1.549 0 2.5 2.5 0 0 1-3.451 0 1.12 1.12 0 0 0-1.548 0 2.5 2.5 0 0 1-3.452 0 1.12 1.12 0 0 0-1.549 0 2.5 2.5 0 0 1-3.77-3.248l2.889-4.184A2 2 0 0 1 7 2h10a2 2 0 0 1 1.653.873l2.895 4.192a2.5 2.5 0 0 1-3.774 3.244", "M4 10.95V19a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2v-8.05"];
     };
-    trophy: {
-        game: string;
-        line: string;
+    readonly smile: {
+        readonly name: "smile";
+        readonly paths: readonly ["M15 10V9", "M16.472 15a6 6 0 01-8.943 0", "M9 10V9", "M2 12a10 10 0 1 0 20 0a10 10 0 1 0 -20 0"];
     };
-    undo: {
-        line: string;
+    readonly timer: {
+        readonly name: "timer";
+        readonly paths: readonly ["M10 2L14 2", "M12 14L15 11", "M4 14a8 8 0 1 0 16 0a8 8 0 1 0 -16 0"];
     };
-    redo: {
-        line: string;
+    readonly trophy: {
+        readonly name: "trophy";
+        readonly paths: readonly ["M10 14.66V17a1 1 0 0 1-1 1 2 2 0 0 0-2 2v2", "M14 14.66V17a1 1 0 0 0 1 1 2 2 0 0 1 2 2v2", "M17.916 10H19.5A2.5 2.5 0 0 0 22 7.5V5a1 1 0 0 0-1-1h-3", "M4 22h16", "M6 9a6 6 0 0 0 12 0V3a1 1 0 0 0-1-1H7a1 1 0 0 0-1 1z", "M6.084 10H4.5A2.5 2.5 0 0 1 2 7.5V5a1 1 0 0 1 1-1h3"];
     };
-    vote: {
-        game: string;
-        line: string;
-    };
-};
-
-export declare const CLAY_LAYER_TOKENS: {
-    readonly playfield: "var(--game-ui-z-playfield)";
-    readonly hud: "var(--game-ui-z-hud)";
-    readonly sidebar: "var(--game-ui-z-sidebar)";
-    readonly overlay: "var(--game-ui-z-overlay)";
-    readonly modal: "var(--game-ui-z-modal)";
-    readonly toast: "var(--game-ui-z-toast)";
-};
-
-/**
- * Token references for the adopted liquid-gooey Move physics. The values are
- * deliberately numeric custom properties so a host theme can tune the feel
- * without putting physics constants in the engine.
- */
-declare const CLAY_LIQUID_GOOEY_TOKENS: {
-    readonly morphShape: "var(--game-ui-liquid-gooey-morph-shape)";
-    readonly morphSpeed: "var(--game-ui-liquid-gooey-morph-speed)";
-    readonly morphBounce: "var(--game-ui-liquid-gooey-morph-bounce)";
-    readonly evolveMassStiffness: "var(--game-ui-liquid-gooey-evolve-mass-stiffness)";
-    readonly evolveMassDamping: "var(--game-ui-liquid-gooey-evolve-mass-damping)";
-    readonly evolveSizeStiffness: "var(--game-ui-liquid-gooey-evolve-size-stiffness)";
-    readonly evolveSizeDamping: "var(--game-ui-liquid-gooey-evolve-size-damping)";
-    readonly evolveRadiusStiffness: "var(--game-ui-liquid-gooey-evolve-radius-stiffness)";
-    readonly evolveRadiusDamping: "var(--game-ui-liquid-gooey-evolve-radius-damping)";
-    readonly evolveContentBlur: "var(--game-ui-liquid-gooey-evolve-content-blur)";
-    readonly evolveRoundness: "var(--game-ui-liquid-gooey-evolve-roundness)";
-    readonly evolveCornerDuration: "var(--game-ui-liquid-gooey-evolve-corner-duration)";
-    readonly evolveCornerDelay: "var(--game-ui-liquid-gooey-evolve-corner-delay)";
-    readonly evolveCornerEase: "var(--game-ui-liquid-gooey-evolve-corner-ease)";
-    readonly evolveAnticipation: "var(--game-ui-liquid-gooey-evolve-anticipation)";
-    readonly evolveTravel: "var(--game-ui-liquid-gooey-evolve-travel)";
-    readonly contentBlurAreaMultiplier: "var(--game-ui-liquid-gooey-content-blur-area-multiplier)";
-    readonly bendVertical: "var(--game-ui-liquid-gooey-bend-vertical)";
-    readonly bendHorizontal: "var(--game-ui-liquid-gooey-bend-horizontal)";
-    readonly bendVelocityVertical: "var(--game-ui-liquid-gooey-bend-velocity-vertical)";
-    readonly bendVelocityHorizontal: "var(--game-ui-liquid-gooey-bend-velocity-horizontal)";
-    readonly bendSmoothing: "var(--game-ui-liquid-gooey-bend-smoothing)";
-    readonly bendActiveThreshold: "var(--game-ui-liquid-gooey-bend-active-threshold)";
-    readonly bendVerticalCap: "var(--game-ui-liquid-gooey-bend-vertical-cap)";
-    readonly bendHorizontalCap: "var(--game-ui-liquid-gooey-bend-horizontal-cap)";
-    readonly bendRadiusMin: "var(--game-ui-liquid-gooey-bend-radius-min)";
-    readonly bendRadiusMax: "var(--game-ui-liquid-gooey-bend-radius-max)";
-    readonly bendLeadingCapFactor: "var(--game-ui-liquid-gooey-bend-leading-cap-factor)";
-    readonly bendTrailingCapFactor: "var(--game-ui-liquid-gooey-bend-trailing-cap-factor)";
-    readonly moveStiffness: "var(--game-ui-liquid-gooey-move-stiffness)";
-    readonly moveDamping: "var(--game-ui-liquid-gooey-move-damping)";
-    readonly moveStretch: "var(--game-ui-liquid-gooey-move-stretch)";
-    readonly moveTail: "var(--game-ui-liquid-gooey-move-tail)";
-    readonly moveForce: "var(--game-ui-liquid-gooey-move-force)";
-    readonly moveTailSpringStiffness: "var(--game-ui-liquid-gooey-move-tail-spring-stiffness)";
-    readonly moveTailSpringDamping: "var(--game-ui-liquid-gooey-move-tail-spring-damping)";
-    readonly moveStretchSpeed: "var(--game-ui-liquid-gooey-move-stretch-speed)";
-    readonly moveStretchSquash: "var(--game-ui-liquid-gooey-move-stretch-squash)";
-    readonly moveSpeedThreshold: "var(--game-ui-liquid-gooey-move-speed-threshold)";
-    readonly moveTailOnsetSpeed: "var(--game-ui-liquid-gooey-move-tail-onset-speed)";
-    readonly moveTailOnsetRange: "var(--game-ui-liquid-gooey-move-tail-onset-range)";
-    readonly moveTailRamp: "var(--game-ui-liquid-gooey-move-tail-ramp)";
-    readonly moveTailMinRadius: "var(--game-ui-liquid-gooey-move-tail-min-radius)";
-    readonly moveTailWobble: "var(--game-ui-liquid-gooey-move-tail-wobble)";
-    readonly moveTailPhaseSpeed: "var(--game-ui-liquid-gooey-move-tail-phase-speed)";
-    readonly moveTailMidpointA: "var(--game-ui-liquid-gooey-move-tail-midpoint-a)";
-    readonly moveTailMidpointB: "var(--game-ui-liquid-gooey-move-tail-midpoint-b)";
-    readonly moveTailMidRadiusA: "var(--game-ui-liquid-gooey-move-tail-mid-radius-a)";
-    readonly moveTailMidRadiusB: "var(--game-ui-liquid-gooey-move-tail-mid-radius-b)";
-    readonly moveTailWobblePhase: "var(--game-ui-liquid-gooey-move-tail-wobble-phase)";
-    readonly moveMinPerpendicular: "var(--game-ui-liquid-gooey-move-min-perpendicular)";
-    readonly moveLagBase: "var(--game-ui-liquid-gooey-move-lag-base)";
-    readonly moveLagForce: "var(--game-ui-liquid-gooey-move-lag-force)";
-    readonly moveSettleDistance: "var(--game-ui-liquid-gooey-move-settle-distance)";
-    readonly moveSettleSpeed: "var(--game-ui-liquid-gooey-move-settle-speed)";
-    readonly moveIntegrationRate: "var(--game-ui-liquid-gooey-move-integration-rate)";
-    readonly waviness: "var(--game-ui-liquid-gooey-waviness)";
-    readonly wavinessFreq: "var(--game-ui-liquid-gooey-waviness-freq)";
-    readonly meltBlur: "var(--game-ui-liquid-gooey-melt-blur)";
-    readonly meltContrast: "var(--game-ui-liquid-gooey-melt-contrast)";
-    readonly meltReach: "var(--game-ui-liquid-gooey-melt-reach)";
-    readonly meltFade: "var(--game-ui-liquid-gooey-melt-fade)";
-    readonly meltWarp: "var(--game-ui-liquid-gooey-melt-warp)";
-    readonly meltMix: "var(--game-ui-liquid-gooey-melt-mix)";
-    readonly meltMixBlur: "var(--game-ui-liquid-gooey-melt-mix-blur)";
-    readonly meltGravity: "var(--game-ui-liquid-gooey-melt-gravity)";
-    readonly meltWaviness: "var(--game-ui-liquid-gooey-melt-waviness)";
-    readonly dissolveBlur: "var(--game-ui-liquid-gooey-dissolve-blur)";
-    readonly dissolveWarp: "var(--game-ui-liquid-gooey-dissolve-warp)";
-    readonly dissolvePull: "var(--game-ui-liquid-gooey-dissolve-pull)";
-    readonly dissolveRange: "var(--game-ui-liquid-gooey-dissolve-range)";
-    readonly dissolveZone: "var(--game-ui-liquid-gooey-dissolve-zone)";
-    readonly dissolveMix: "var(--game-ui-liquid-gooey-dissolve-mix)";
-    readonly dissolveGravity: "var(--game-ui-liquid-gooey-dissolve-gravity)";
-    readonly dissolveTaper: "var(--game-ui-liquid-gooey-dissolve-taper)";
-    readonly dissolveWarpFreq: "var(--game-ui-liquid-gooey-dissolve-warp-freq)";
-    readonly dissolveFlowSpeed: "var(--game-ui-liquid-gooey-dissolve-flow-speed)";
-    readonly dissolveDetail: "var(--game-ui-liquid-gooey-dissolve-detail)";
-    readonly dissolveReleaseMs: "var(--game-ui-liquid-gooey-dissolve-release-ms)";
-    readonly dissolveFadeMs: "var(--game-ui-liquid-gooey-dissolve-fade-ms)";
-    readonly dissolveStrength: "var(--game-ui-liquid-gooey-dissolve-strength)";
-    readonly dissolveSink: "var(--game-ui-liquid-gooey-dissolve-sink)";
-    readonly dissolveSeamBlur: "var(--game-ui-liquid-gooey-dissolve-seam-blur)";
-};
-export { CLAY_LIQUID_GOOEY_TOKENS }
-export { CLAY_LIQUID_GOOEY_TOKENS as GAME_UI_LIQUID_GOOEY_TOKENS }
-
-/**
- * Effect knobs for `<LiquidMetalButton>`. Face/ink are real colours (both
- * themes must set them); accent aliases `--game-ui-accent` so a host can
- * retint just this button without rebranding every primary.
- */
-declare const CLAY_LIQUID_METAL_TOKENS: {
-    readonly face: "var(--game-ui-liquid-metal-face)";
-    readonly ink: "var(--game-ui-liquid-metal-ink)";
-    readonly accent: "var(--game-ui-liquid-metal-accent)";
-    readonly dispersion: "var(--game-ui-liquid-metal-dispersion)";
-    readonly sweepSpeed: "var(--game-ui-liquid-metal-sweep-speed)";
-    readonly rest: "var(--game-ui-liquid-metal-rest)";
-    readonly bloom: "var(--game-ui-liquid-metal-bloom)";
-};
-export { CLAY_LIQUID_METAL_TOKENS }
-export { CLAY_LIQUID_METAL_TOKENS as GAME_UI_LIQUID_METAL_TOKENS }
-
-export declare const CLAY_MOTION_TOKENS: {
-    readonly fast: "var(--game-ui-motion-fast)";
-    readonly base: "var(--game-ui-motion-base)";
-    readonly slow: "var(--game-ui-motion-slow)";
-    readonly easingPop: "var(--game-ui-ease-pop)";
-    readonly easingSoft: "var(--game-ui-ease-soft)";
-    readonly reducedMotion: "var(--game-ui-reduced-motion-policy)";
-};
-
-/**
- * Semantic CSS vars for the official overlay-glass HUD tone
- * (`data-game-ui-tone="glass"` / `.game-ui-overlay-scope`).
- */
-declare const CLAY_OVERLAY_GLASS_TOKENS: {
-    readonly bg: "var(--game-ui-overlay-glass-bg)";
-    readonly bgHover: "var(--game-ui-overlay-glass-bg-hover)";
-    readonly bgStrong: "var(--game-ui-overlay-glass-bg-strong)";
-    readonly bgPanel: "var(--game-ui-overlay-glass-bg-panel)";
-    readonly border: "var(--game-ui-overlay-glass-border)";
-    readonly borderHover: "var(--game-ui-overlay-glass-border-hover)";
-    readonly text: "var(--game-ui-overlay-glass-text)";
-    readonly textMuted: "var(--game-ui-overlay-glass-text-muted)";
-    readonly blur: "var(--game-ui-overlay-glass-blur)";
-    readonly focusRing: "var(--game-ui-overlay-glass-focus-ring)";
-    readonly primaryFill: "var(--game-ui-overlay-glass-primary-fill)";
-};
-export { CLAY_OVERLAY_GLASS_TOKENS }
-export { CLAY_OVERLAY_GLASS_TOKENS as GAME_UI_OVERLAY_GLASS_TOKENS }
-
-export declare const CLAY_RADIUS_TOKENS: {
-    readonly bead: "var(--game-ui-radius-bead)";
-    readonly control: "var(--game-ui-radius-control)";
-    readonly card: "var(--game-ui-radius-card)";
-    readonly panel: "var(--game-ui-radius-panel)";
-    readonly modal: "var(--game-ui-radius-modal)";
-};
-
-export declare const CLAY_SCROLLBAR_TOKENS: {
-    readonly size: "var(--game-ui-scrollbar-size)";
-    readonly track: "var(--game-ui-scrollbar-track)";
-    readonly thumb: "var(--game-ui-scrollbar-thumb)";
-    readonly thumbHover: "var(--game-ui-scrollbar-thumb-hover)";
-};
-
-export declare const CLAY_SEMANTIC_TOKENS: {
-    readonly background: "var(--game-ui-bg)";
-    readonly playfieldScrim: "var(--game-ui-playfield-scrim)";
-    readonly surface: "var(--game-ui-surface)";
-    readonly surfaceRaised: "var(--game-ui-surface-raised)";
-    readonly panel: "var(--game-ui-panel)";
-    readonly panelStrong: "var(--game-ui-panel-strong)";
-    readonly text: "var(--game-ui-text)";
-    readonly textMuted: "var(--game-ui-text-muted)";
-    readonly accent: "var(--game-ui-accent)";
-    readonly accentContrast: "var(--game-ui-accent-contrast)";
-    readonly secondary: "var(--game-ui-secondary)";
-    readonly success: "var(--game-ui-success)";
-    readonly danger: "var(--game-ui-danger)";
-    readonly warning: "var(--game-ui-warning)";
-    readonly focusRing: "var(--game-ui-focus-ring)";
-    readonly borderSubtle: "var(--game-ui-border-subtle)";
-    readonly borderStrong: "var(--game-ui-border-strong)";
-    readonly disabled: "var(--game-ui-disabled)";
-};
-
-export declare const CLAY_SPACE_TOKENS: {
-    readonly px2: "var(--game-ui-space-2)";
-    readonly px4: "var(--game-ui-space-4)";
-    readonly px6: "var(--game-ui-space-6)";
-    readonly px8: "var(--game-ui-space-8)";
-    readonly px10: "var(--game-ui-space-10)";
-    readonly px12: "var(--game-ui-space-12)";
-    readonly px16: "var(--game-ui-space-16)";
-    readonly px20: "var(--game-ui-space-20)";
-    readonly px24: "var(--game-ui-space-24)";
-    readonly px32: "var(--game-ui-space-32)";
-    readonly safeTop: "var(--game-ui-safe-top)";
-    readonly safeRight: "var(--game-ui-safe-right)";
-    readonly safeBottom: "var(--game-ui-safe-bottom)";
-    readonly safeLeft: "var(--game-ui-safe-left)";
-};
-
-export declare const CLAY_TARGET_TOKENS: {
-    readonly touchMinimumPx: 44;
-    readonly touchPrimaryPx: 52;
-    readonly touchIconPx: 48;
-    readonly touchRowPx: 46;
-    readonly adjacentSpacingPx: 8;
-    readonly mobileLandscapeMinHeightPx: 390;
-    readonly desktopProofWidthPx: 1440;
-    readonly desktopProofHeightPx: 900;
-    readonly mobileLandscapeProofWidthPx: 844;
-    readonly mobileLandscapeProofHeightPx: 390;
-};
-
-export declare const CLAY_TYPE_TOKENS: {
-    readonly familyDisplay: "var(--game-ui-font-display)";
-    readonly familyBody: "var(--game-ui-font-body)";
-    readonly familyMono: "var(--game-ui-font-mono)";
-    readonly xs: "var(--game-ui-font-xs)";
-    readonly sm: "var(--game-ui-font-sm)";
-    readonly md: "var(--game-ui-font-md)";
-    readonly lg: "var(--game-ui-font-lg)";
-    readonly xl: "var(--game-ui-font-xl)";
-    readonly xxl: "var(--game-ui-font-xxl)";
-    readonly lineTight: "var(--game-ui-line-tight)";
-    readonly lineBody: "var(--game-ui-line-body)";
-    readonly reading: "var(--game-ui-font-reading)";
-    readonly lineReading: "var(--game-ui-line-reading)";
-    readonly measureReading: "var(--game-ui-measure-reading)";
-    readonly weightBody: "var(--game-ui-weight-body)";
-    readonly weightStrong: "var(--game-ui-weight-strong)";
-    readonly weightTitle: "var(--game-ui-weight-title)";
-};
-
-export declare const CLAY_UI_TOKENS: {
-    readonly colors: {
-        readonly ink: "#3b2d23";
-        readonly inkMuted: "#786250";
-        readonly parchment: "#fff8ec";
-        readonly parchmentDeep: "#f4e2c6";
-        readonly cream: "#f3e8d8";
-        readonly wood: "#6c4f38";
-        readonly woodDeep: "#3a2518";
-        readonly honey: "#f2b35c";
-        readonly orange: "#e8743b";
-        readonly teal: "#1d9a8b";
-        readonly green: "#4f9d6b";
-        readonly mint: "#7ee0b6";
-        readonly berry: "#9b6dd6";
-        readonly red: "#d85a45";
-        readonly sky: "#5ca6d8";
-        readonly shadow: "rgba(76, 52, 28, 0.24)";
-        readonly glass: "rgba(255, 248, 236, 0.82)";
-        readonly nightGlass: "rgba(31, 24, 18, 0.76)";
-        /** Official HUD-on-scene glass fill (matches SupaLuv stage chrome). */
-        readonly overlayGlass: "rgba(12, 14, 20, 0.72)";
-        readonly overlayGlassText: "#fff6ee";
-        /** Liquid-metal plate fill (light). Dedicated so it cannot inherit ink-deep, which inverts on night. */
-        readonly liquidMetalFace: "#3a2518";
-        readonly liquidMetalInk: "#fff8ec";
+    readonly vote: {
+        readonly name: "vote";
+        readonly paths: readonly ["m9 12 2 2 4-4", "M5 7c0-1.1.9-2 2-2h10a2 2 0 0 1 2 2v12H5V7Z", "M22 19H2"];
     };
-    readonly semantic: {
-        readonly background: "var(--game-ui-bg)";
-        readonly playfieldScrim: "var(--game-ui-playfield-scrim)";
-        readonly surface: "var(--game-ui-surface)";
-        readonly surfaceRaised: "var(--game-ui-surface-raised)";
-        readonly panel: "var(--game-ui-panel)";
-        readonly panelStrong: "var(--game-ui-panel-strong)";
-        readonly text: "var(--game-ui-text)";
-        readonly textMuted: "var(--game-ui-text-muted)";
-        readonly accent: "var(--game-ui-accent)";
-        readonly accentContrast: "var(--game-ui-accent-contrast)";
-        readonly secondary: "var(--game-ui-secondary)";
-        readonly success: "var(--game-ui-success)";
-        readonly danger: "var(--game-ui-danger)";
-        readonly warning: "var(--game-ui-warning)";
-        readonly focusRing: "var(--game-ui-focus-ring)";
-        readonly borderSubtle: "var(--game-ui-border-subtle)";
-        readonly borderStrong: "var(--game-ui-border-strong)";
-        readonly disabled: "var(--game-ui-disabled)";
+    readonly 'arrow-left': {
+        readonly name: "arrow-left";
+        readonly paths: readonly ["m12 19-7-7 7-7", "M19 12H5"];
     };
-    readonly typography: {
-        readonly familyDisplay: "var(--game-ui-font-display)";
-        readonly familyBody: "var(--game-ui-font-body)";
-        readonly familyMono: "var(--game-ui-font-mono)";
-        readonly xs: "var(--game-ui-font-xs)";
-        readonly sm: "var(--game-ui-font-sm)";
-        readonly md: "var(--game-ui-font-md)";
-        readonly lg: "var(--game-ui-font-lg)";
-        readonly xl: "var(--game-ui-font-xl)";
-        readonly xxl: "var(--game-ui-font-xxl)";
-        readonly lineTight: "var(--game-ui-line-tight)";
-        readonly lineBody: "var(--game-ui-line-body)";
-        readonly reading: "var(--game-ui-font-reading)";
-        readonly lineReading: "var(--game-ui-line-reading)";
-        readonly measureReading: "var(--game-ui-measure-reading)";
-        readonly weightBody: "var(--game-ui-weight-body)";
-        readonly weightStrong: "var(--game-ui-weight-strong)";
-        readonly weightTitle: "var(--game-ui-weight-title)";
+    readonly 'arrow-right': {
+        readonly name: "arrow-right";
+        readonly paths: readonly ["M5 12h14", "m12 5 7 7-7 7"];
     };
-    readonly spacing: {
-        readonly px2: "var(--game-ui-space-2)";
-        readonly px4: "var(--game-ui-space-4)";
-        readonly px6: "var(--game-ui-space-6)";
-        readonly px8: "var(--game-ui-space-8)";
-        readonly px10: "var(--game-ui-space-10)";
-        readonly px12: "var(--game-ui-space-12)";
-        readonly px16: "var(--game-ui-space-16)";
-        readonly px20: "var(--game-ui-space-20)";
-        readonly px24: "var(--game-ui-space-24)";
-        readonly px32: "var(--game-ui-space-32)";
-        readonly safeTop: "var(--game-ui-safe-top)";
-        readonly safeRight: "var(--game-ui-safe-right)";
-        readonly safeBottom: "var(--game-ui-safe-bottom)";
-        readonly safeLeft: "var(--game-ui-safe-left)";
+    readonly 'chevron-down': {
+        readonly name: "chevron-down";
+        readonly paths: readonly ["m6 9 6 6 6-6"];
     };
-    readonly radius: {
-        readonly bead: "var(--game-ui-radius-bead)";
-        readonly control: "var(--game-ui-radius-control)";
-        readonly card: "var(--game-ui-radius-card)";
-        readonly panel: "var(--game-ui-radius-panel)";
-        readonly modal: "var(--game-ui-radius-modal)";
+    readonly 'chevron-up': {
+        readonly name: "chevron-up";
+        readonly paths: readonly ["m18 15-6-6-6 6"];
     };
-    readonly scrollbars: {
-        readonly size: "var(--game-ui-scrollbar-size)";
-        readonly track: "var(--game-ui-scrollbar-track)";
-        readonly thumb: "var(--game-ui-scrollbar-thumb)";
-        readonly thumbHover: "var(--game-ui-scrollbar-thumb-hover)";
+    readonly download: {
+        readonly name: "download";
+        readonly paths: readonly ["M12 15V3", "M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4", "m7 10 5 5 5-5"];
     };
-    readonly elevation: {
-        readonly button: "var(--game-ui-shadow-button)";
-        readonly panel: "var(--game-ui-shadow-panel)";
-        readonly modal: "var(--game-ui-shadow-modal)";
-        readonly inset: "var(--game-ui-shadow-inset)";
-        readonly stroke: "var(--game-ui-stroke)";
+    readonly external: {
+        readonly name: "external";
+        readonly paths: readonly ["M15 3h6v6", "M10 14 21 3", "M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6"];
     };
-    readonly motion: {
-        readonly fast: "var(--game-ui-motion-fast)";
-        readonly base: "var(--game-ui-motion-base)";
-        readonly slow: "var(--game-ui-motion-slow)";
-        readonly easingPop: "var(--game-ui-ease-pop)";
-        readonly easingSoft: "var(--game-ui-ease-soft)";
-        readonly reducedMotion: "var(--game-ui-reduced-motion-policy)";
+    readonly menu: {
+        readonly name: "menu";
+        readonly paths: readonly ["M4 5h16", "M4 12h16", "M4 19h16"];
     };
-    readonly layers: {
-        readonly playfield: "var(--game-ui-z-playfield)";
-        readonly hud: "var(--game-ui-z-hud)";
-        readonly sidebar: "var(--game-ui-z-sidebar)";
-        readonly overlay: "var(--game-ui-z-overlay)";
-        readonly modal: "var(--game-ui-z-modal)";
-        readonly toast: "var(--game-ui-z-toast)";
+    readonly minus: {
+        readonly name: "minus";
+        readonly paths: readonly ["M5 12h14"];
     };
-    readonly targets: {
-        readonly touchMinimumPx: 44;
-        readonly touchPrimaryPx: 52;
-        readonly touchIconPx: 48;
-        readonly touchRowPx: 46;
-        readonly adjacentSpacingPx: 8;
-        readonly mobileLandscapeMinHeightPx: 390;
-        readonly desktopProofWidthPx: 1440;
-        readonly desktopProofHeightPx: 900;
-        readonly mobileLandscapeProofWidthPx: 844;
-        readonly mobileLandscapeProofHeightPx: 390;
+    readonly moon: {
+        readonly name: "moon";
+        readonly paths: readonly ["M20.985 12.486a9 9 0 1 1-9.473-9.472c.405-.022.617.46.402.803a6 6 0 0 0 8.268 8.268c.344-.215.825-.004.803.401"];
     };
-    readonly assetSizing: {
-        readonly iconSm: "var(--game-ui-asset-icon-sm)";
-        readonly iconMd: "var(--game-ui-asset-icon-md)";
-        readonly iconLg: "var(--game-ui-asset-icon-lg)";
-        readonly iconXl: "var(--game-ui-asset-icon-xl)";
-        readonly buttonSkinMinWidth: "var(--game-ui-asset-button-min-width)";
-        readonly cardFanWidth: "var(--game-ui-asset-card-fan-width)";
-        readonly stageTileMinHeight: "var(--game-ui-stage-tile-min-height)";
-        readonly terrainSwatchSize: "var(--game-ui-terrain-swatch-size)";
-        readonly terrainToolHitSize: "var(--game-ui-terrain-tool-hit-size)";
-        readonly buildRailCardSize: "var(--game-ui-build-rail-card-size)";
-        readonly brushNumberWidth: "var(--game-ui-brush-number-width)";
+    readonly plus: {
+        readonly name: "plus";
+        readonly paths: readonly ["M5 12h14", "M12 5v14"];
     };
-    readonly overlayGlass: {
-        readonly bg: "var(--game-ui-overlay-glass-bg)";
-        readonly bgHover: "var(--game-ui-overlay-glass-bg-hover)";
-        readonly bgStrong: "var(--game-ui-overlay-glass-bg-strong)";
-        readonly bgPanel: "var(--game-ui-overlay-glass-bg-panel)";
-        readonly border: "var(--game-ui-overlay-glass-border)";
-        readonly borderHover: "var(--game-ui-overlay-glass-border-hover)";
-        readonly text: "var(--game-ui-overlay-glass-text)";
-        readonly textMuted: "var(--game-ui-overlay-glass-text-muted)";
-        readonly blur: "var(--game-ui-overlay-glass-blur)";
-        readonly focusRing: "var(--game-ui-overlay-glass-focus-ring)";
-        readonly primaryFill: "var(--game-ui-overlay-glass-primary-fill)";
+    readonly search: {
+        readonly name: "search";
+        readonly paths: readonly ["m21 21-4.34-4.34", "M3 11a8 8 0 1 0 16 0a8 8 0 1 0 -16 0"];
     };
-    readonly liquidMetal: {
-        readonly face: "var(--game-ui-liquid-metal-face)";
-        readonly ink: "var(--game-ui-liquid-metal-ink)";
-        readonly accent: "var(--game-ui-liquid-metal-accent)";
-        readonly dispersion: "var(--game-ui-liquid-metal-dispersion)";
-        readonly sweepSpeed: "var(--game-ui-liquid-metal-sweep-speed)";
-        readonly rest: "var(--game-ui-liquid-metal-rest)";
-        readonly bloom: "var(--game-ui-liquid-metal-bloom)";
+    readonly sun: {
+        readonly name: "sun";
+        readonly paths: readonly ["M8 12a4 4 0 1 0 8 0a4 4 0 1 0 -8 0", "M12 2v2", "M12 20v2", "m4.93 4.93 1.41 1.41", "m17.66 17.66 1.41 1.41", "M2 12h2", "M20 12h2", "m6.34 17.66-1.41 1.41", "m19.07 4.93-1.41 1.41"];
     };
-    readonly liquidGooey: {
-        readonly morphShape: "var(--game-ui-liquid-gooey-morph-shape)";
-        readonly morphSpeed: "var(--game-ui-liquid-gooey-morph-speed)";
-        readonly morphBounce: "var(--game-ui-liquid-gooey-morph-bounce)";
-        readonly evolveMassStiffness: "var(--game-ui-liquid-gooey-evolve-mass-stiffness)";
-        readonly evolveMassDamping: "var(--game-ui-liquid-gooey-evolve-mass-damping)";
-        readonly evolveSizeStiffness: "var(--game-ui-liquid-gooey-evolve-size-stiffness)";
-        readonly evolveSizeDamping: "var(--game-ui-liquid-gooey-evolve-size-damping)";
-        readonly evolveRadiusStiffness: "var(--game-ui-liquid-gooey-evolve-radius-stiffness)";
-        readonly evolveRadiusDamping: "var(--game-ui-liquid-gooey-evolve-radius-damping)";
-        readonly evolveContentBlur: "var(--game-ui-liquid-gooey-evolve-content-blur)";
-        readonly evolveRoundness: "var(--game-ui-liquid-gooey-evolve-roundness)";
-        readonly evolveCornerDuration: "var(--game-ui-liquid-gooey-evolve-corner-duration)";
-        readonly evolveCornerDelay: "var(--game-ui-liquid-gooey-evolve-corner-delay)";
-        readonly evolveCornerEase: "var(--game-ui-liquid-gooey-evolve-corner-ease)";
-        readonly evolveAnticipation: "var(--game-ui-liquid-gooey-evolve-anticipation)";
-        readonly evolveTravel: "var(--game-ui-liquid-gooey-evolve-travel)";
-        readonly contentBlurAreaMultiplier: "var(--game-ui-liquid-gooey-content-blur-area-multiplier)";
-        readonly bendVertical: "var(--game-ui-liquid-gooey-bend-vertical)";
-        readonly bendHorizontal: "var(--game-ui-liquid-gooey-bend-horizontal)";
-        readonly bendVelocityVertical: "var(--game-ui-liquid-gooey-bend-velocity-vertical)";
-        readonly bendVelocityHorizontal: "var(--game-ui-liquid-gooey-bend-velocity-horizontal)";
-        readonly bendSmoothing: "var(--game-ui-liquid-gooey-bend-smoothing)";
-        readonly bendActiveThreshold: "var(--game-ui-liquid-gooey-bend-active-threshold)";
-        readonly bendVerticalCap: "var(--game-ui-liquid-gooey-bend-vertical-cap)";
-        readonly bendHorizontalCap: "var(--game-ui-liquid-gooey-bend-horizontal-cap)";
-        readonly bendRadiusMin: "var(--game-ui-liquid-gooey-bend-radius-min)";
-        readonly bendRadiusMax: "var(--game-ui-liquid-gooey-bend-radius-max)";
-        readonly bendLeadingCapFactor: "var(--game-ui-liquid-gooey-bend-leading-cap-factor)";
-        readonly bendTrailingCapFactor: "var(--game-ui-liquid-gooey-bend-trailing-cap-factor)";
-        readonly moveStiffness: "var(--game-ui-liquid-gooey-move-stiffness)";
-        readonly moveDamping: "var(--game-ui-liquid-gooey-move-damping)";
-        readonly moveStretch: "var(--game-ui-liquid-gooey-move-stretch)";
-        readonly moveTail: "var(--game-ui-liquid-gooey-move-tail)";
-        readonly moveForce: "var(--game-ui-liquid-gooey-move-force)";
-        readonly moveTailSpringStiffness: "var(--game-ui-liquid-gooey-move-tail-spring-stiffness)";
-        readonly moveTailSpringDamping: "var(--game-ui-liquid-gooey-move-tail-spring-damping)";
-        readonly moveStretchSpeed: "var(--game-ui-liquid-gooey-move-stretch-speed)";
-        readonly moveStretchSquash: "var(--game-ui-liquid-gooey-move-stretch-squash)";
-        readonly moveSpeedThreshold: "var(--game-ui-liquid-gooey-move-speed-threshold)";
-        readonly moveTailOnsetSpeed: "var(--game-ui-liquid-gooey-move-tail-onset-speed)";
-        readonly moveTailOnsetRange: "var(--game-ui-liquid-gooey-move-tail-onset-range)";
-        readonly moveTailRamp: "var(--game-ui-liquid-gooey-move-tail-ramp)";
-        readonly moveTailMinRadius: "var(--game-ui-liquid-gooey-move-tail-min-radius)";
-        readonly moveTailWobble: "var(--game-ui-liquid-gooey-move-tail-wobble)";
-        readonly moveTailPhaseSpeed: "var(--game-ui-liquid-gooey-move-tail-phase-speed)";
-        readonly moveTailMidpointA: "var(--game-ui-liquid-gooey-move-tail-midpoint-a)";
-        readonly moveTailMidpointB: "var(--game-ui-liquid-gooey-move-tail-midpoint-b)";
-        readonly moveTailMidRadiusA: "var(--game-ui-liquid-gooey-move-tail-mid-radius-a)";
-        readonly moveTailMidRadiusB: "var(--game-ui-liquid-gooey-move-tail-mid-radius-b)";
-        readonly moveTailWobblePhase: "var(--game-ui-liquid-gooey-move-tail-wobble-phase)";
-        readonly moveMinPerpendicular: "var(--game-ui-liquid-gooey-move-min-perpendicular)";
-        readonly moveLagBase: "var(--game-ui-liquid-gooey-move-lag-base)";
-        readonly moveLagForce: "var(--game-ui-liquid-gooey-move-lag-force)";
-        readonly moveSettleDistance: "var(--game-ui-liquid-gooey-move-settle-distance)";
-        readonly moveSettleSpeed: "var(--game-ui-liquid-gooey-move-settle-speed)";
-        readonly moveIntegrationRate: "var(--game-ui-liquid-gooey-move-integration-rate)";
-        readonly waviness: "var(--game-ui-liquid-gooey-waviness)";
-        readonly wavinessFreq: "var(--game-ui-liquid-gooey-waviness-freq)";
-        readonly meltBlur: "var(--game-ui-liquid-gooey-melt-blur)";
-        readonly meltContrast: "var(--game-ui-liquid-gooey-melt-contrast)";
-        readonly meltReach: "var(--game-ui-liquid-gooey-melt-reach)";
-        readonly meltFade: "var(--game-ui-liquid-gooey-melt-fade)";
-        readonly meltWarp: "var(--game-ui-liquid-gooey-melt-warp)";
-        readonly meltMix: "var(--game-ui-liquid-gooey-melt-mix)";
-        readonly meltMixBlur: "var(--game-ui-liquid-gooey-melt-mix-blur)";
-        readonly meltGravity: "var(--game-ui-liquid-gooey-melt-gravity)";
-        readonly meltWaviness: "var(--game-ui-liquid-gooey-melt-waviness)";
-        readonly dissolveBlur: "var(--game-ui-liquid-gooey-dissolve-blur)";
-        readonly dissolveWarp: "var(--game-ui-liquid-gooey-dissolve-warp)";
-        readonly dissolvePull: "var(--game-ui-liquid-gooey-dissolve-pull)";
-        readonly dissolveRange: "var(--game-ui-liquid-gooey-dissolve-range)";
-        readonly dissolveZone: "var(--game-ui-liquid-gooey-dissolve-zone)";
-        readonly dissolveMix: "var(--game-ui-liquid-gooey-dissolve-mix)";
-        readonly dissolveGravity: "var(--game-ui-liquid-gooey-dissolve-gravity)";
-        readonly dissolveTaper: "var(--game-ui-liquid-gooey-dissolve-taper)";
-        readonly dissolveWarpFreq: "var(--game-ui-liquid-gooey-dissolve-warp-freq)";
-        readonly dissolveFlowSpeed: "var(--game-ui-liquid-gooey-dissolve-flow-speed)";
-        readonly dissolveDetail: "var(--game-ui-liquid-gooey-dissolve-detail)";
-        readonly dissolveReleaseMs: "var(--game-ui-liquid-gooey-dissolve-release-ms)";
-        readonly dissolveFadeMs: "var(--game-ui-liquid-gooey-dissolve-fade-ms)";
-        readonly dissolveStrength: "var(--game-ui-liquid-gooey-dissolve-strength)";
-        readonly dissolveSink: "var(--game-ui-liquid-gooey-dissolve-sink)";
-        readonly dissolveSeamBlur: "var(--game-ui-liquid-gooey-dissolve-seam-blur)";
+    readonly user: {
+        readonly name: "user";
+        readonly paths: readonly ["M19 21v-2a4 4 0 0 0-4-4H9a4 4 0 0 0-4 4v2", "M8 7a4 4 0 1 0 8 0a4 4 0 1 0 -8 0"];
     };
 };
 
-export declare type ClayAssetGroup = keyof typeof CLAY_ASSETS;
-
-export declare type ClayAssetMode = 'inline' | 'source';
+export declare const GAME_UI_DEFAULT_STYLE: GameUiStyle;
 
-export declare type ClayGameSpriteName = keyof typeof CLAY_GAME_SPRITES;
-
-export declare type ClayIconName = keyof typeof CLAY_ICON_VARIANTS;
-
-export declare interface ClayIconResolveOptions {
-    /** Force a specific visual family. Defaults to game-preferred resolution. */
-    style?: ClayIconStyle;
-    /** Force inline SVG placeholder (true) or real PNG path (false). */
-    inline?: boolean;
-}
-
-/**
- * Clay icons ship in two visual families, and which one you use is a deliberate
- * design choice:
- *
- * - 'game'  — the colorful, sculpted clay objects under `icons/common/*`
- *             (crown, scroll, trophy, key…). This is the primary, on-brand look
- *             and the default everywhere. Use it for anything the player sees.
- * - 'line'  — the flat, white, monochrome glyphs under `icons/function/*`
- *             (home, compass, chat…). This is the alternate/utility family for
- *             dense toolbars or places a sculpted object would feel too heavy.
- *
- * Not every semantic icon exists in both families: the game family is a curated
- * set of ~45 sculpted objects, while the line family covers ~230 generic UI
- * concepts. `getClayIconStyles()` reports which families a given icon has, and
- * resolution always prefers 'game' so cards get the on-brand look by default.
- */
-export declare type ClayIconStyle = 'game' | 'line';
-
-export declare type ClayTokenCategory = keyof typeof CLAY_UI_TOKENS;
-
-declare type CornerRadii = [number, number, number, number];
-
-/**
- * Process-wide budget for animated liquid-gooey groups.
- *
- * SVG filters do not consume WebGL contexts, but they can still be expensive
- * to repaint. The default allows two animated groups and rejects regions
- * larger than the configured filter-area ceiling. A rejected group keeps its
- * SVG filter and snaps its content to each new state without animating.
- */
-export declare const DEFAULT_LIQUID_GOOEY_ANIMATION_BUDGET = 2;
-
-export declare const DEFAULT_LIQUID_GOOEY_FILTER_AREA_BUDGET = 480000;
-
-/**
- * Process-wide ledger for liquid-metal WebGL2 contexts.
- *
- * Chrome gives a tab about 16 contexts (Android about 8) and silently
- * kills the oldest when the cap is hit. In University that oldest context
- * is the 3D world map. These buttons are allowed to light up a shader,
- * but they are not allowed to evict the map — so the default budget is
- * 2, hosts can raise or lower it, and a button that cannot get a slot
- * stays on the CSS renderer without throwing.
- */
-export declare const DEFAULT_LIQUID_METAL_CONTEXT_BUDGET = 2;
-
-export declare const DISSOLVE_DEFAULTS: ResolvedDissolveOptions;
-
-export declare interface DissolveOptions {
-    /** Melt blur in px. */
-    blur?: number;
-    /** Displacement strength of the liquid warp. */
-    warp?: number;
-    /** Magnetic drift toward the contact, in px. */
-    pull?: number;
-    /** Distance at which melting starts. */
-    range?: number;
-    /** Size of the melt zone around the contact, in px. */
-    zone?: number;
-    /** 0..1 two-liquid erosion strength. */
-    mix?: number;
-    /** Px the melt is drawn toward the neighbour's centre. */
-    gravity?: number;
-    /** 0..1 pointiness of the directional flow. */
-    taper?: number;
-    /** Noise frequency multiplier. */
-    warpFreq?: number;
-    /** Px/s the noise field may drift while the item is moving. */
-    flowSpeed?: number;
-    /** Noise style. */
-    warpStyle?: 'fractalNoise' | 'turbulence';
-    /** Noise octaves. */
-    detail?: number;
-    /** Whether the dissolve is currently allowed to grow. */
-    active?: boolean;
-    /** Structural release time in ms. */
-    releaseMs?: number;
-    /** Opacity fade time in ms. */
-    fadeMs?: number;
-    /** 0..1 overall dissolve ceiling. */
-    strength?: number;
-    /** Fraction of the smaller body at which the seam has been swallowed. */
-    sink?: number;
-    /** Plain blur radius for the guaranteed-smooth seam wash. */
-    seamBlur?: number;
-}
-
-export declare type DissolveValue = boolean | number | DissolveOptions;
-
-declare interface EvolveOptions {
-    /** Spring driving the liquid mass's centre. */
-    massStiffness?: number;
-    massDamping?: number;
-    /** Spring driving width and height. */
-    sizeStiffness?: number;
-    sizeDamping?: number;
-    /** Spring driving the corner radius. */
-    radiusStiffness?: number;
-    radiusDamping?: number;
-    /** Maximum content cross-blur during the morph, in px. */
-    contentBlur?: number;
-    /** 0..1 droplet roundness during a shape transition. */
-    roundness?: number;
-    /** Corner-forming timeline. */
-    cornerDuration?: number;
-    cornerDelay?: number;
-    cornerEase?: string;
-    /** Ramp-in time for the droplet lead, in ms. */
-    anticipation?: number;
-    /** Maximum droplet lead toward the destination, in px. */
-    travel?: number;
-}
-
-export declare function FirstSessionHud({ authenticated, batteryCount, className, dailyStreak, iconSlots, labels, onHistory, onSettings, onWardrobe, playerName, }: FirstSessionHudProps): ReactNode;
-
-export declare interface FirstSessionHudIconSlots {
-    history?: ReactNode;
-    input?: ReactNode;
-    settings?: ReactNode;
-    wardrobe?: ReactNode;
-    emote?: ReactNode;
-}
-
-export declare interface FirstSessionHudLabels {
-    controls: string;
-    emote: string;
-    goalLabel: string;
-    goalValue: string;
-    /** Streak prefix, e.g. "Daily" → "Daily 3". Defaults to "Daily". */
-    streak?: string;
-    /** Resource meta shown for guests (unauthenticated). Defaults to "guest". */
-    guest?: string;
-    history: string;
-    hud: string;
-    input: string;
-    moveBadge: string;
-    move: string;
-    roomLabel: string;
-    roomValue: string;
-    roleLabel: string;
-    roleValue: string;
-    settings: string;
-    shell: string;
-    timerLabel: string;
-    timerValue: string;
-    tools: string;
-    wardrobe: string;
-}
-
-export declare interface FirstSessionHudProps {
-    authenticated: boolean;
-    batteryCount: number | string;
-    className?: string;
-    dailyStreak: number;
-    iconSlots?: FirstSessionHudIconSlots;
-    labels: FirstSessionHudLabels;
-    onHistory: () => void;
-    onSettings: () => void;
-    onWardrobe: () => void;
-    playerName: string;
-}
-
-export declare function FirstSessionOnboarding({ labels, onDismiss, open, }: FirstSessionOnboardingProps): ReactNode;
-
-export declare interface FirstSessionOnboardingLabels {
-    badge: string;
-    body: string;
-    skip: string;
-    start: string;
-    steps: readonly FirstSessionOnboardingStep[];
-    title: string;
-}
-
-export declare interface FirstSessionOnboardingProps {
-    labels: FirstSessionOnboardingLabels;
-    onDismiss: () => void;
-    open: boolean;
-}
-
-export declare interface FirstSessionOnboardingStep {
-    body: string;
-    title: string;
-}
-
-/** Opt-in attribute values for the official overlay-glass HUD scope. */
-export declare const GAME_UI_OVERLAY: {
-    readonly toneAttr: "data-game-ui-tone";
-    readonly toneGlass: "glass";
-    readonly densityAttr: "data-game-ui-density";
-    readonly densityCompact: "compact";
-    readonly scopeClass: "game-ui-overlay-scope";
-};
-
-export declare const GAME_UI_PREVIEW_MESSAGES: readonly GameUiHistoryEntry[];
+/** Appearance and illumination are independent host choices, not component variants. */
+export declare const GAME_UI_STYLES: readonly ["candy", "pastel", "mist", "grey", "outline", "ink"];
 
 export declare const GAME_UI_TARGETS: {
     readonly touchMinimumPx: 44;
@@ -991,13 +302,13 @@ export declare const GAME_UI_TARGETS: {
 /**
  * The semantic `--game-ui-*` custom properties a *complete* theme must
  * override for full fidelity — this is the same list the official
- * `[data-game-ui-theme='night']` block in theme.css satisfies, enforced by
+ * `[data-game-ui-theme='dark']` block in theme.css satisfies, enforced by
  * a guard test in src/tokens.test.ts. A downstream product building its own
  * full theme (e.g. `[data-game-ui-theme='abyss']`) can reuse this constant
  * to check its own CSS for the same completeness instead of eyeballing it —
  * see "自定义第三主题" in design-system-guide.md for a usage example.
  */
-export declare const GAME_UI_THEME_CONTRACT: readonly ["--game-ui-bg", "--game-ui-surface", "--game-ui-surface-raised", "--game-ui-panel", "--game-ui-panel-strong", "--game-ui-panel-deep", "--game-ui-text", "--game-ui-text-muted", "--game-ui-accent", "--game-ui-accent-bright", "--game-ui-secondary", "--game-ui-success", "--game-ui-success-bright", "--game-ui-danger", "--game-ui-danger-bright", "--game-ui-warning", "--game-ui-focus-ring", "--game-ui-border-subtle", "--game-ui-border-strong", "--game-ui-disabled", "--game-ui-ink-deep", "--game-ui-border-ink", "--game-ui-wood", "--game-ui-ink-title", "--game-ui-ink-heading", "--game-ui-liquid-metal-face", "--game-ui-liquid-metal-ink"];
+export declare const GAME_UI_THEME_CONTRACT: readonly ["--game-ui-bg", "--game-ui-surface", "--game-ui-surface-raised", "--game-ui-surface-sunken", "--game-ui-text", "--game-ui-text-muted", "--game-ui-accent", "--game-ui-accent-bright", "--game-ui-secondary", "--game-ui-success", "--game-ui-success-bright", "--game-ui-danger", "--game-ui-danger-bright", "--game-ui-warning", "--game-ui-focus-ring", "--game-ui-border-subtle", "--game-ui-border-strong", "--game-ui-disabled", "--game-ui-ink-deep", "--game-ui-border-ink", "--game-ui-wood", "--game-ui-ink-title", "--game-ui-ink-heading"];
 
 export declare const GAME_UI_TOKENS: {
     readonly morphShape: "var(--game-ui-liquid-gooey-morph-shape)";
@@ -1083,12 +394,10 @@ export declare const GAME_UI_TOKENS: {
     readonly dissolveStrength: "var(--game-ui-liquid-gooey-dissolve-strength)";
     readonly dissolveSink: "var(--game-ui-liquid-gooey-dissolve-sink)";
     readonly dissolveSeamBlur: "var(--game-ui-liquid-gooey-dissolve-seam-blur)";
-    readonly iconSm: "var(--game-ui-asset-icon-sm)";
-    readonly iconMd: "var(--game-ui-asset-icon-md)";
-    readonly iconLg: "var(--game-ui-asset-icon-lg)";
-    readonly iconXl: "var(--game-ui-asset-icon-xl)";
+    readonly iconSm: "var(--game-ui-icon-sm)";
+    readonly iconMd: "var(--game-ui-icon-md)";
+    readonly iconLg: "var(--game-ui-icon-lg)";
     readonly buttonSkinMinWidth: "var(--game-ui-asset-button-min-width)";
-    readonly cardFanWidth: "var(--game-ui-asset-card-fan-width)";
     readonly stageTileMinHeight: "var(--game-ui-stage-tile-min-height)";
     readonly terrainSwatchSize: "var(--game-ui-terrain-swatch-size)";
     readonly terrainToolHitSize: "var(--game-ui-terrain-tool-hit-size)";
@@ -1098,7 +407,7 @@ export declare const GAME_UI_TOKENS: {
     readonly hud: "var(--game-ui-z-hud)";
     readonly sidebar: "var(--game-ui-z-sidebar)";
     readonly overlay: "var(--game-ui-z-overlay)";
-    readonly modal: "var(--game-ui-z-modal)";
+    readonly zModal: "var(--game-ui-z-modal)";
     readonly toast: "var(--game-ui-z-toast)";
     readonly fast: "var(--game-ui-motion-fast)";
     readonly base: "var(--game-ui-motion-base)";
@@ -1106,9 +415,7 @@ export declare const GAME_UI_TOKENS: {
     readonly easingPop: "var(--game-ui-ease-pop)";
     readonly easingSoft: "var(--game-ui-ease-soft)";
     readonly reducedMotion: "var(--game-ui-reduced-motion-policy)";
-    readonly button: "var(--game-ui-shadow-button)";
-    readonly panel: "var(--game-ui-shadow-panel)";
-    readonly inset: "var(--game-ui-shadow-inset)";
+    readonly shadowRaised: "var(--game-ui-shadow-raised)";
     readonly stroke: "var(--game-ui-stroke)";
     readonly scrollbarSize: "var(--game-ui-scrollbar-size)";
     readonly scrollbarTrack: "var(--game-ui-scrollbar-track)";
@@ -1117,6 +424,8 @@ export declare const GAME_UI_TOKENS: {
     readonly bead: "var(--game-ui-radius-bead)";
     readonly control: "var(--game-ui-radius-control)";
     readonly card: "var(--game-ui-radius-card)";
+    readonly radiusPanel: "var(--game-ui-radius-panel)";
+    readonly radiusModal: "var(--game-ui-radius-modal)";
     readonly px2: "var(--game-ui-space-2)";
     readonly px4: "var(--game-ui-space-4)";
     readonly px6: "var(--game-ui-space-6)";
@@ -1152,7 +461,7 @@ export declare const GAME_UI_TOKENS: {
     readonly playfieldScrim: "var(--game-ui-playfield-scrim)";
     readonly surface: "var(--game-ui-surface)";
     readonly surfaceRaised: "var(--game-ui-surface-raised)";
-    readonly panelStrong: "var(--game-ui-panel-strong)";
+    readonly surfaceSunken: "var(--game-ui-surface-sunken)";
     readonly text: "var(--game-ui-text)";
     readonly textMuted: "var(--game-ui-text-muted)";
     readonly accent: "var(--game-ui-accent)";
@@ -1167,98 +476,6 @@ export declare const GAME_UI_TOKENS: {
     readonly disabled: "var(--game-ui-disabled)";
 };
 
-export declare function GameActionGrid({ actions, className, density, iconLabelMode, label, style, }: GameActionGridProps): ReactNode;
-
-export declare interface GameActionGridProps {
-    actions: readonly GameUiAction[];
-    className?: string;
-    density?: GameSurfaceDensity;
-    iconLabelMode?: GameActionIconLabelMode;
-    label: string;
-    style?: GameActionStyle;
-}
-
-export declare type GameActionIconLabelMode = 'hidden' | 'caption';
-
-export declare type GameActionStyle = 'button' | 'icon';
-
-export declare interface GameAssetBadge {
-    label: string;
-    tone?: GameBadgeTone;
-}
-
-export declare function GameAssetCard({ assetId, badges, cardLayout, className, description, disabled, facts, icon, onClick, onSelect, selected, source, sourceLabel, status, statusLabel, thumbnailAlt, thumbnailSrc, title, type, ...props }: GameAssetCardProps): ReactNode;
-
-export declare type GameAssetCardLayout = 'auto' | 'list' | 'rail';
-
-export declare interface GameAssetCardProps extends Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'children' | 'onSelect'> {
-    assetId: string;
-    badges?: readonly GameAssetBadge[];
-    cardLayout?: Exclude<GameAssetCardLayout, 'auto'>;
-    description?: string;
-    facts?: readonly GameAssetFact[];
-    icon?: ClayIconName;
-    onSelect?: (assetId: string) => void;
-    selected?: boolean;
-    source: GameAssetSource;
-    sourceLabel?: string;
-    status?: GameAssetStatus;
-    statusLabel?: string;
-    thumbnailAlt?: string;
-    thumbnailSrc?: string;
-    title: string;
-}
-
-export declare interface GameAssetFact {
-    id: string;
-    label: string;
-    value: string;
-}
-
-export declare interface GameAssetGroup {
-    assets: readonly Omit<GameAssetCardProps, 'onSelect' | 'selected'>[];
-    id: string;
-    label: string;
-    source?: GameAssetSource;
-}
-
-export declare function GameAssetIcon({ className, icon, label, size, style, useSourceAsset, }: GameAssetIconProps): ReactNode;
-
-export declare interface GameAssetIconProps {
-    className?: string;
-    icon: ClayIconName;
-    label?: string;
-    size?: 'sm' | 'md' | 'lg' | 'xl';
-    /**
-     * Visual family. 'game' (default) is the colorful sculpted clay object;
-     * 'line' is the flat white glyph alternate. Falls back automatically when an
-     * icon only ships one family.
-     */
-    style?: ClayIconStyle;
-    useSourceAsset?: boolean;
-}
-
-export declare function GameAssetLibrary({ cardLayout, className, density, emptyAction, emptyDescription, emptyTitle, groups, label, onSelectAsset, selectedAssetId, subtitle, title, }: GameAssetLibraryProps): ReactNode;
-
-export declare interface GameAssetLibraryProps {
-    cardLayout?: GameAssetCardLayout;
-    className?: string;
-    density?: GameSurfaceDensity;
-    emptyAction?: ReactNode;
-    emptyDescription?: string;
-    emptyTitle?: string;
-    groups: readonly GameAssetGroup[];
-    label: string;
-    onSelectAsset?: (assetId: string) => void;
-    selectedAssetId?: string;
-    subtitle?: string;
-    title: string;
-}
-
-export declare type GameAssetSource = 'starter' | 'generated' | 'imported';
-
-export declare type GameAssetStatus = 'ready' | 'generating' | 'missing' | 'placed' | 'selected' | 'error';
-
 export declare function GameAvatar({ className, name, size, src, status, surface, }: GameAvatarProps): ReactNode;
 
 export declare interface GameAvatarProps {
@@ -1284,122 +501,17 @@ export declare interface GameBadgeProps {
 
 export declare type GameBadgeTone = 'neutral' | 'success' | 'warning' | 'danger' | 'ai';
 
-export declare function GameBeforeAfterToggle({ activeView, after, before, className, label, onViewChange, variant, 'data-testid': testId, }: GameBeforeAfterToggleProps): ReactNode;
-
-export declare interface GameBeforeAfterToggleProps {
-    activeView: GameBeforeAfterView;
-    after: GameConstructionPreviewPane;
-    before: GameConstructionPreviewPane;
-    className?: string | undefined;
-    label: string;
-    onViewChange?: ((view: GameBeforeAfterView) => void) | undefined;
-    variant?: GameConstructionVariant | undefined;
-    'data-testid'?: string | undefined;
-}
-
-export declare type GameBeforeAfterView = 'before' | 'after';
+export declare const GameButton: ForwardRefExoticComponent<GameButtonProps & RefAttributes<ActionElement>>;
 
-export declare interface GameBrushControlLabels {
-    radius?: string;
-    strength?: string;
-    radiusHint?: string;
-    strengthHint?: string;
-}
-
-export declare function GameBrushControls({ className, labels, onRadiusChange, onStrengthChange, state, variant, 'data-testid': testId, }: GameBrushControlsProps): ReactNode;
-
-export declare interface GameBrushControlsProps {
-    className?: string;
-    labels?: GameBrushControlLabels;
-    onRadiusChange?: ((radius: number) => void) | undefined;
-    onStrengthChange?: ((strength: number) => void) | undefined;
-    state: GameBrushControlState;
-    variant?: GameTerrainBuildVariant;
-    'data-testid'?: string | undefined;
-}
-
-export declare interface GameBrushControlState {
-    disabled?: boolean;
-    maxRadius?: number;
-    maxStrength?: number;
-    minRadius?: number;
-    minStrength?: number;
-    radius: number;
-    radiusStep?: number;
-    strength: number;
-    strengthStep?: number;
-}
-
-export declare interface GameBuildCategory {
-    compactLabel?: string;
-    disabled?: boolean;
-    icon?: ClayIconName;
-    id: GameBuildCategoryId;
-    items: readonly GameBuildItem[];
-    label: string;
-    meta?: string;
-}
-
-export declare type GameBuildCategoryId = 'foundation' | 'wall' | 'opening' | 'roof' | 'prop' | 'house' | string;
-
-export declare interface GameBuildItem {
-    badges?: readonly {
-        label: string;
-        tone?: GameBadgeTone;
-    }[];
-    compactLabel?: string;
-    description?: string;
-    disabled?: boolean;
-    icon?: ClayIconName;
-    id: string;
-    label: string;
-    meta?: string;
-    previewAlt?: string;
-    previewSrc?: string;
-    status?: GameBuildItemStatus;
-}
-
-export declare type GameBuildItemStatus = 'ready' | 'selected' | 'locked' | 'missing' | 'progress' | 'error';
-
-export declare function GameBuildLibrary({ activeCategoryId, categories, className, density, emptyDescription, emptyTitle, label, onCategoryChange, onSelectItem, selectedItemId, title, variant, 'data-testid': testId, }: GameBuildLibraryProps): ReactNode;
-
-export declare interface GameBuildLibraryProps {
-    activeCategoryId?: string | undefined;
-    categories: readonly GameBuildCategory[];
-    className?: string;
-    density?: GameSurfaceDensity;
-    emptyDescription?: string;
-    emptyTitle?: string;
-    label: string;
-    onCategoryChange?: ((categoryId: string) => void) | undefined;
-    onSelectItem?: ((itemId: string, categoryId: string) => void) | undefined;
-    selectedItemId?: string | undefined;
-    title: string;
-    variant?: GameTerrainBuildVariant;
-    'data-testid'?: string | undefined;
-}
-
-export declare function GameButton({ children, className, fullWidth, liquidFinish, onClick, sound, static: isStatic, surface, type, variant, ...props }: GameButtonProps): ReactNode;
-
-export declare interface GameButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {
+export declare type GameButtonProps = ActionProps & {
     children: ReactNode;
-    /** Fill the available row, including the liquid silhouette and hit target. */
     fullWidth?: boolean;
-    /** Named liquid material. Only used with surface="liquid"; omitted keeps the current look. */
-    liquidFinish?: LiquidFinish;
+    hue?: GameUiHue;
     sound?: GameInteractionSoundOptions | false;
-    /** Disable the scale-on-press feedback where the motion would distract. */
     static?: boolean;
-    /**
-     * Draw the button on a liquid body. The button itself is unchanged — same
-     * element, same classes, same hit target; a silhouette behind it does the
-     * deforming, so text stays crisp and the tap target never shrinks.
-     */
-    surface?: GameButtonSurface;
     variant?: GameButtonVariant;
-}
-
-export declare type GameButtonSurface = 'flat' | 'liquid' | 'plaque';
+    size?: 'md' | 'sm';
+};
 
 export declare type GameButtonVariant = 'primary' | 'secondary' | 'ghost' | 'danger' | 'success';
 
@@ -1407,7 +519,7 @@ export declare type GameButtonVariant = 'primary' | 'secondary' | 'ghost' | 'dan
  * Compact product notice (wallet pitch, soft warnings, onboarding hints).
  * Token-driven; products may still override cinema theme in host CSS.
  */
-export declare function GameCallout({ heading, children, tone, className, ...props }: GameCalloutProps): ReactNode;
+export declare function GameCallout({ heading, children, tone, className, style, ...props }: GameCalloutProps): ReactNode;
 
 export declare interface GameCalloutProps extends Omit<HTMLAttributes<HTMLDivElement>, 'title'> {
     /** Visible heading (not HTML title attribute). */
@@ -1418,21 +530,6 @@ export declare interface GameCalloutProps extends Omit<HTMLAttributes<HTMLDivEle
 
 export declare type GameCalloutTone = 'neutral' | 'info' | 'warning' | 'success' | 'danger';
 
-export declare function GameCardFan({ cards, className, label }: GameCardFanProps): ReactNode;
-
-export declare interface GameCardFanCard {
-    id: string;
-    icon?: ClayIconName;
-    kicker: string;
-    title: string;
-}
-
-export declare interface GameCardFanProps {
-    cards: readonly GameCardFanCard[];
-    className?: string;
-    label: string;
-}
-
 export declare type GameCardOrientationStatus = 'unavailable' | 'off' | 'requesting' | 'enabled' | 'denied';
 
 /** Normalized card tilt; zero is level, -1 and 1 are the bounded extremes. */
@@ -1441,11 +538,12 @@ export declare interface GameCardTilt {
     readonly y: number;
 }
 
-export declare function GameCheckbox({ className, label, ...props }: GameCheckboxProps): ReactNode;
+export declare function GameCheckbox({ className, label, hue, ...props }: GameCheckboxProps): ReactNode;
 
 export declare interface GameCheckboxProps extends Pick<InputHTMLAttributes<HTMLInputElement>, 'checked' | 'defaultChecked' | 'disabled' | 'name' | 'onChange' | 'required' | 'value'> {
     label: string;
     className?: string;
+    hue?: GameUiHue;
 }
 
 export declare function GameCollapsiblePanel({ actions, children, className, defaultOpen, labels, onOpenChange, open, title, tone, ...props }: GameCollapsiblePanelProps): ReactNode;
@@ -1534,191 +632,6 @@ export declare function GameCollectibleCardSlot({ label, className, }: {
     readonly className?: string;
 }): ReactNode;
 
-export declare function GameCompactGameDrawer({ children, className, closeIcon, closeLabel, disabled, label, onOpenChange, open, panelId: providedPanelId, title, triggerIcon, triggerLabel, variant, 'data-testid': testId, }: GameCompactGameDrawerProps): ReactNode;
-
-export declare interface GameCompactGameDrawerProps {
-    children: ReactNode;
-    className?: string;
-    closeIcon?: ClayIconName;
-    closeLabel?: string;
-    disabled?: boolean;
-    label: string;
-    onOpenChange?: ((open: boolean) => void) | undefined;
-    open: boolean;
-    panelId?: string;
-    title: string;
-    triggerIcon?: ClayIconName;
-    triggerLabel?: string;
-    variant?: GameTerrainBuildVariant;
-    'data-testid'?: string | undefined;
-}
-
-export declare function GameCompactJobDrawer({ children, className, closeLabel, disabled, jobs, label, onAction, onOpenChange, onSelectJob, open, panelId, selectedJobId, title, triggerLabel, variant, 'data-testid': testId, }: GameCompactJobDrawerProps): ReactNode;
-
-export declare interface GameCompactJobDrawerProps {
-    children?: ReactNode | undefined;
-    className?: string | undefined;
-    closeLabel?: string | undefined;
-    disabled?: boolean | undefined;
-    jobs?: readonly GameConstructionJob[] | undefined;
-    label: string;
-    onAction?: ((actionId: string, jobId: string) => void) | undefined;
-    onOpenChange?: ((open: boolean) => void) | undefined;
-    onSelectJob?: ((jobId: string) => void) | undefined;
-    open: boolean;
-    panelId?: string | undefined;
-    selectedJobId?: string | undefined;
-    title: string;
-    triggerLabel?: string | undefined;
-    variant?: Extract<GameConstructionVariant, 'mobile' | 'small-mobile'> | undefined;
-    'data-testid'?: string | undefined;
-}
-
-export declare interface GameConstructionAction {
-    ariaLabel?: string | undefined;
-    disabled?: boolean | undefined;
-    icon?: ClayIconName | undefined;
-    id: GameConstructionActionId;
-    label: string;
-    meta?: string | undefined;
-    tone?: GameButtonVariant | undefined;
-}
-
-export declare type GameConstructionActionId = 'approve' | 'cancel' | 'preview' | 'revise' | 'revert' | string;
-
-export declare function GameConstructionApprovalBar({ actions, className, disabled, label, localOnlyLabel, onAction, providerMode, status, validationWarnings, variant, 'data-testid': testId, }: GameConstructionApprovalBarProps): ReactNode;
-
-export declare interface GameConstructionApprovalBarProps {
-    actions?: readonly GameConstructionAction[] | undefined;
-    className?: string | undefined;
-    disabled?: boolean | undefined;
-    label: string;
-    localOnlyLabel?: string | undefined;
-    onAction?: ((actionId: string) => void) | undefined;
-    providerMode?: GameConstructionProviderMode | undefined;
-    status: GameConstructionJobStatus;
-    validationWarnings?: readonly GameConstructionValidationWarning[] | undefined;
-    variant?: GameConstructionVariant | undefined;
-    'data-testid'?: string | undefined;
-}
-
-export declare interface GameConstructionBadge {
-    label: string;
-    tone?: GameBadgeTone | undefined;
-}
-
-export declare interface GameConstructionFact {
-    id: string;
-    label: string;
-    value: ReactNode;
-}
-
-export declare interface GameConstructionJob {
-    actions?: readonly GameConstructionAction[] | undefined;
-    after?: GameConstructionPreviewPane | undefined;
-    badges?: readonly GameConstructionBadge[] | undefined;
-    before?: GameConstructionPreviewPane | undefined;
-    crew?: readonly GameRobotCrewMember[] | undefined;
-    description?: string | undefined;
-    estimate?: string | undefined;
-    facts?: readonly GameConstructionFact[] | undefined;
-    id: string;
-    location?: string | undefined;
-    progressLabel?: string | undefined;
-    progressMax?: number | undefined;
-    progressValue?: number | undefined;
-    providerMode?: GameConstructionProviderMode | undefined;
-    status: GameConstructionJobStatus;
-    statusLabel?: string | undefined;
-    steps?: readonly GameConstructionProgressStep[] | undefined;
-    title: string;
-    validationWarnings?: readonly GameConstructionValidationWarning[] | undefined;
-}
-
-export declare function GameConstructionJobCard({ className, density, job, onAction, onSelect, selected, showApprovalBar, showBeforeAfter, variant, 'data-testid': testId, }: GameConstructionJobCardProps): ReactNode;
-
-export declare interface GameConstructionJobCardProps {
-    className?: string | undefined;
-    density?: GameSurfaceDensity | undefined;
-    job: GameConstructionJob;
-    onAction?: ((actionId: string, jobId: string) => void) | undefined;
-    onSelect?: ((jobId: string) => void) | undefined;
-    selected?: boolean | undefined;
-    showApprovalBar?: boolean | undefined;
-    showBeforeAfter?: boolean | undefined;
-    variant?: GameConstructionVariant | undefined;
-    'data-testid'?: string | undefined;
-}
-
-export declare type GameConstructionJobStatus = 'draft' | 'preview' | 'queued' | 'working' | 'blocked' | 'readyForReview' | 'accepted' | 'cancelled';
-
-export declare interface GameConstructionPreviewPane {
-    caption?: string | undefined;
-    content?: ReactNode | undefined;
-    label: string;
-}
-
-export declare function GameConstructionProgress({ className, label, max, progressLabel, showStatusBadge, status, statusLabel: explicitStatusLabel, steps, validationWarnings, value, variant, 'data-testid': testId, }: GameConstructionProgressProps): ReactNode;
-
-export declare interface GameConstructionProgressProps {
-    className?: string | undefined;
-    label: string;
-    max?: number | undefined;
-    progressLabel?: string | undefined;
-    showStatusBadge?: boolean | undefined;
-    status: GameConstructionJobStatus;
-    statusLabel?: string | undefined;
-    steps?: readonly GameConstructionProgressStep[] | undefined;
-    validationWarnings?: readonly GameConstructionValidationWarning[] | undefined;
-    value?: number | undefined;
-    variant?: GameConstructionVariant | undefined;
-    'data-testid'?: string | undefined;
-}
-
-export declare interface GameConstructionProgressStep {
-    caption?: string | undefined;
-    id: string;
-    label: string;
-    status: GameConstructionProgressStepStatus;
-}
-
-export declare type GameConstructionProgressStepStatus = 'pending' | 'active' | 'complete' | 'blocked';
-
-export declare type GameConstructionProviderMode = 'local-only' | 'mock' | 'paid-disabled';
-
-export declare type GameConstructionValidationTone = Extract<GameBadgeTone, 'neutral' | 'success' | 'warning' | 'danger' | 'ai'>;
-
-export declare interface GameConstructionValidationWarning {
-    description?: string | undefined;
-    id: string;
-    label: string;
-    tone?: GameConstructionValidationTone | undefined;
-}
-
-export declare type GameConstructionVariant = 'desktop' | 'tablet' | 'mobile' | 'small-mobile';
-
-export declare function GameContractorPanel({ activePreviewView, className, density, drawerOpen, emptyDescription, emptyTitle, jobs, label, onAction, onDrawerOpenChange, onPreviewViewChange, onSelectJob, selectedJobId, subtitle, title, variant, 'data-testid': testId, }: GameContractorPanelProps): ReactNode;
-
-export declare interface GameContractorPanelProps {
-    activePreviewView?: GameBeforeAfterView | undefined;
-    className?: string | undefined;
-    density?: GameSurfaceDensity | undefined;
-    drawerOpen?: boolean | undefined;
-    emptyDescription?: string | undefined;
-    emptyTitle?: string | undefined;
-    jobs: readonly GameConstructionJob[];
-    label: string;
-    onAction?: ((actionId: string, jobId: string) => void) | undefined;
-    onDrawerOpenChange?: ((open: boolean) => void) | undefined;
-    onPreviewViewChange?: ((view: GameBeforeAfterView) => void) | undefined;
-    onSelectJob?: ((jobId: string) => void) | undefined;
-    selectedJobId?: string | undefined;
-    subtitle?: string | undefined;
-    title: string;
-    variant?: GameConstructionVariant | undefined;
-    'data-testid'?: string | undefined;
-}
-
 export declare function GameDialog({ children, className, title }: GameDialogProps): ReactNode;
 
 export declare interface GameDialogProps {
@@ -1730,8 +643,8 @@ export declare interface GameDialogProps {
 export declare function GameEmptyState({ action, className, description, icon, title, }: GameEmptyStateProps): ReactNode;
 
 export declare interface GameEmptyStateProps {
-    /** Optional clay icon shown above the title. */
-    icon?: ClayIconName;
+    /** Optional flat icon shown above the title. */
+    icon?: GameIconName;
     title: string;
     description?: string;
     /** Optional call-to-action node (e.g. a GameButton). */
@@ -1740,7 +653,7 @@ export declare interface GameEmptyStateProps {
 }
 
 export declare interface GameFactItem {
-    icon?: ClayIconName;
+    icon?: GameIconName;
     id: string;
     label: string;
     meta?: string;
@@ -1793,8 +706,6 @@ export declare interface GameHistoryPanelProps {
     label: string;
 }
 
-export declare function GameHud({ actions, className, items, label }: GameHudProps): ReactNode;
-
 export declare function GameHudActions({ children, className, label, ...props }: GameHudActionsProps): ReactNode;
 
 export declare interface GameHudActionsProps extends Omit<HTMLAttributes<HTMLElement>, 'children'> {
@@ -1803,39 +714,42 @@ export declare interface GameHudActionsProps extends Omit<HTMLAttributes<HTMLEle
     label: string;
 }
 
-export declare interface GameHudItem {
-    icon?: ClayIconName;
-    id: string;
-    label: string;
-    meta?: string;
-    value: string;
-}
-
-export declare interface GameHudProps {
-    actions?: ReactNode;
-    className?: string;
-    items: readonly GameHudItem[];
-    label: string;
-}
-
-export declare function GameIconButton({ children, className, label, surface, liquidFinish, type, ...props }: GameIconButtonProps): ReactNode;
+export declare function GameIcon({ icon, size, label, className, ...props }: GameIconProps): JSX.Element;
 
-export declare interface GameIconButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {
+export declare const GameIconButton: ForwardRefExoticComponent<GameIconButtonProps & RefAttributes<ActionElement>>;
+
+export declare type GameIconButtonProps = ActionProps & {
     children: ReactNode;
     label: string;
-    surface?: GameButtonSurface;
-    liquidFinish?: LiquidFinish;
+    hue?: GameUiHue;
+    size?: 'md' | 'sm';
+};
+
+/** Immutable path geometry on the brand's 24 × 24 grid. No URLs or scripts. */
+export declare interface GameIconData {
+    readonly name: string;
+    readonly paths: readonly string[];
+}
+
+export declare type GameIconName = keyof typeof GAME_ICONS;
+
+export declare interface GameIconProps extends Omit<SVGProps<SVGSVGElement>, 'children' | 'width' | 'height' | 'aria-label' | 'role'> {
+    icon: GameIconName | GameIconData;
+    size?: 'sm' | 'md' | 'lg';
+    /** A meaningful image needs a label; decorative icons remain hidden from AT. */
+    label?: string;
 }
 
 export declare const GameInput: ForwardRefExoticComponent<GameInputProps & RefAttributes<HTMLInputElement>>;
 
 /**
- * Clay form primitives. These are intentionally thin wrappers over the native
+ * Flat form primitives. These are intentionally thin wrappers over the native
  * <input>/<textarea>/checkbox so they stay fully accessible and uncontrolled-
- * or controlled-friendly; the clay look lives entirely in CSS. Text fields use
+ * or controlled-friendly; the flat look lives entirely in CSS. Text fields use
  * forwardRef so hosts can focus them (e.g. refocus a chat composer after send).
  */
 export declare interface GameInputProps extends InputHTMLAttributes<HTMLInputElement> {
+    hue?: GameUiHue;
     /** Paints the field in the danger tone for invalid values. */
     invalid?: boolean;
 }
@@ -1850,17 +764,17 @@ export declare interface GameInteractionAudioContext {
     suspend?: () => Promise<void>;
 }
 
-export declare interface GameInteractionAudioParam {
+declare interface GameInteractionAudioParam {
     exponentialRampToValueAtTime(value: number, endTime: number): void;
     setValueAtTime(value: number, startTime: number): void;
 }
 
-export declare interface GameInteractionGainNode {
+declare interface GameInteractionGainNode {
     connect(destination: unknown): void;
     gain: GameInteractionAudioParam;
 }
 
-export declare interface GameInteractionOscillatorNode {
+declare interface GameInteractionOscillatorNode {
     connect(destination: GameInteractionGainNode): void;
     frequency: GameInteractionAudioParam;
     start(when?: number): void;
@@ -1895,7 +809,7 @@ export declare interface GameLanguageMenuProps {
 }
 
 /** A quiet list surface, with sibling controls rather than buttons inside a button. */
-export declare function GameListRow({ title, description, thumbnail, current, selected, disabled, onSelect, selectLabel, actions, className, ...props }: GameListRowProps): ReactNode;
+export declare function GameListRow({ title, description, thumbnail, current, selected, disabled, onSelect, selectLabel, actions, className, hue, ...props }: GameListRowProps): ReactNode;
 
 export declare interface GameListRowProps extends Omit<HTMLAttributes<HTMLDivElement>, 'title' | 'onSelect' | 'children'> {
     title: string;
@@ -1908,6 +822,7 @@ export declare interface GameListRowProps extends Omit<HTMLAttributes<HTMLDivEle
     /** Optional name for the row's selection control, independent of its actions. */
     selectLabel?: string;
     actions?: ReactNode;
+    hue?: GameUiHue;
 }
 
 export declare function GameLoadingState({ label, tone }: GameLoadingStateProps): ReactNode;
@@ -1917,6 +832,21 @@ export declare interface GameLoadingStateProps {
     tone?: 'loading' | 'error';
 }
 
+export declare type GameMaterialLayout = 'desktop' | 'dense' | 'mobile' | 'small-mobile';
+
+export declare type GameMaterialPattern = 'solid' | 'speckled' | 'hatched' | 'grid';
+
+export declare interface GameMaterialSwatch {
+    color: string;
+    compactLabel?: string;
+    disabled?: boolean;
+    id: string;
+    label: string;
+    meta?: string;
+    pattern?: GameMaterialPattern;
+    secondaryColor?: string;
+}
+
 export declare function GameMaterialSwatches({ activeMaterialId, className, disabled, label, materials, onMaterialChange, variant, 'data-testid': testId, }: GameMaterialSwatchesProps): ReactNode;
 
 export declare interface GameMaterialSwatchesProps {
@@ -1924,9 +854,9 @@ export declare interface GameMaterialSwatchesProps {
     className?: string;
     disabled?: boolean;
     label: string;
-    materials: readonly GameTerrainMaterialSwatch[];
+    materials: readonly GameMaterialSwatch[];
     onMaterialChange?: ((materialId: string) => void) | undefined;
-    variant?: GameTerrainBuildVariant;
+    variant?: GameMaterialLayout;
     'data-testid'?: string | undefined;
 }
 
@@ -1958,7 +888,7 @@ export declare interface GameModalProps {
 export declare interface GameMovementAction {
     direction: GameMovementDirection;
     disabled?: boolean;
-    icon?: ClayIconName;
+    icon?: GameIconName;
     label: string;
     shortcut?: string;
     symbol?: string;
@@ -1979,23 +909,6 @@ export declare interface GameMovementPadProps {
     onMove?: (direction: GameMovementDirection) => void;
 }
 
-export declare const GameObjectToolbar: typeof GamePlacementToolbar;
-
-export declare type GameObjectToolbarProps = GamePlacementToolbarProps;
-
-export declare function GameOrientationGate({ body, cta, badgeLabel, manualHint, preview, title, }: GameOrientationGateProps): ReactNode;
-
-export declare interface GameOrientationGateProps {
-    body: string;
-    cta: string;
-    /** Warning badge text. Defaults to "Landscape only". */
-    badgeLabel?: string;
-    /** Hint shown when the browser blocks the automatic landscape lock. */
-    manualHint?: string;
-    preview?: boolean;
-    title: string;
-}
-
 /** Numeric entry only. Sending, expiry, validation and retries belong to the host. */
 export declare function GameOtpInput({ length, value, onChange, onComplete, invalid, disabled, readOnly, getSlotLabel, getSlotDescription, className, 'aria-describedby': describedBy, ...props }: GameOtpInputProps): ReactNode;
 
@@ -2023,42 +936,14 @@ export declare interface GamePanelProps extends HTMLAttributes<HTMLElement> {
     tone?: 'default' | 'strong';
 }
 
-export declare function GamePlacementToolbar({ actions, capacityLabel, className, density, maxObjects, objectActions, placedObjects, selectedLabel, selectedTitle, statusLabel, statusTone, statusValue, title, }: GamePlacementToolbarProps): ReactNode;
-
-export declare interface GamePlacementToolbarProps {
-    actions?: readonly GameUiAction[];
-    capacityLabel?: string;
-    className?: string;
-    density?: GameSurfaceDensity;
-    maxObjects?: number;
-    objectActions?: readonly GameUiAction[];
-    placedObjects?: number;
-    selectedLabel?: string;
-    selectedTitle?: string;
-    statusLabel?: string;
-    statusTone?: GameBadgeTone;
-    statusValue?: string;
-    title: string;
-}
-
-export declare function GameProgress({ className, label, max, showValue, tone, value, valueLabel, surface, liquidFinish, }: GameProgressProps): ReactNode;
+/** Native progress semantics; only a finite, unfiltered tide meniscus moves. */
+export declare function GameProgress({ value, max, label, showValue, valueLabel, className, }: GameProgressProps): ReactNode;
 
 export declare interface GameProgressProps {
-    /** Defaults to the existing liquid leading edge. Flat adds no SVG filter. */
-    surface?: Exclude<GameButtonSurface, 'plaque'>;
-    liquidFinish?: LiquidFinish;
-    /** Current value, between 0 and `max`. */
     value: number;
     max?: number;
-    /** Accessible label for the progress bar. */
     label: string;
-    tone?: 'accent' | 'success' | 'danger' | 'warning';
-    /** Show the rounded percentage next to the bar. */
     showValue?: boolean;
-    /**
-     * Text shown next to the bar in place of the percentage, for progress that
-     * is more meaningful as a count than a ratio (e.g. "3 / 21").
-     */
     valueLabel?: string;
     className?: string;
 }
@@ -2084,64 +969,32 @@ export declare interface GameRadialMenuProps {
     onSelect?: (id: string) => void;
 }
 
-export declare interface GameRobotCrewMember {
-    icon?: ClayIconName | undefined;
-    id: string;
-    name: string;
-    role: string;
-    status: GameRobotCrewMemberStatus;
-    task?: string | undefined;
-}
-
-export declare type GameRobotCrewMemberStatus = 'idle' | 'queued' | 'working' | 'blocked' | 'done';
-
-export declare function GameRobotCrewStatus({ className, crew, emptyDescription, emptyTitle, label, title, variant, 'data-testid': testId, }: GameRobotCrewStatusProps): ReactNode;
-
-export declare interface GameRobotCrewStatusProps {
-    className?: string | undefined;
-    crew: readonly GameRobotCrewMember[];
-    emptyDescription?: string | undefined;
-    emptyTitle?: string | undefined;
-    label: string;
-    title?: string | undefined;
-    variant?: GameConstructionVariant | undefined;
-    'data-testid'?: string | undefined;
-}
-
-export declare const GameSceneHudLayout: typeof GameShell;
-
-export declare type GameSceneHudLayoutProps = GameShellProps;
-
-export declare function GameSegmentedControl({ activeId, label, onSelect, options, surface, liquidFinish, disabled, }: GameSegmentedControlProps): ReactNode;
+/** Selection belongs to the host. Each segment reserves the same checkmark
+ * cell, so changing selection does not resize the row or its native targets. */
+export declare function GameSegmentedControl({ activeId, label, onSelect, options, disabled, hue, }: GameSegmentedControlProps): ReactNode;
 
 export declare interface GameSegmentedControlProps {
     activeId: string;
     label: string;
     onSelect?: (id: string) => void;
     options: readonly GameSegmentedOption[];
-    /** Existing default is liquid. Flat provides a quiet, filter-free option. */
-    surface?: Exclude<GameButtonSurface, 'plaque'>;
-    liquidFinish?: LiquidFinish;
     disabled?: boolean;
+    hue?: GameUiHue;
 }
 
 declare interface GameSegmentedOption {
     id: string;
     label: string;
+    hue?: GameUiHue;
 }
 
-/**
- * Native select, not a custom listbox state machine. Options/optgroups, form
- * submission, reset, keyboard and the mobile picker remain browser-owned.
- * Liquid paints only the closed single-select field. Disabled/multiple/list
- * modes use the ordinary surface; we do not pretend to animate an OS popup.
- */
+/** Native options, form reset, focus, mobile popup and multiple-selection stay
+ * browser-owned. A field changes only its flat edge/fill, never its geometry. */
 export declare const GameSelect: ForwardRefExoticComponent<GameSelectProps & RefAttributes<HTMLSelectElement>>;
 
 export declare interface GameSelectProps extends SelectHTMLAttributes<HTMLSelectElement> {
     invalid?: boolean;
-    surface?: Exclude<GameButtonSurface, 'plaque'>;
-    liquidFinish?: LiquidFinish;
+    hue?: GameUiHue;
 }
 
 export declare function GameShell({ assetLibrary, bottomBar, children, className, density, hud, layout, movementPad, overlay, sidePanel, title, }: GameShellProps): ReactNode;
@@ -2226,7 +1079,7 @@ export declare function GameStageTile({ badge, className, icon, kicker, selected
 
 export declare interface GameStageTileProps extends ButtonHTMLAttributes<HTMLButtonElement> {
     badge?: string;
-    icon?: ClayIconName;
+    icon?: GameIconName;
     kicker: string;
     selected?: boolean;
     summary: string;
@@ -2234,10 +1087,6 @@ export declare interface GameStageTileProps extends ButtonHTMLAttributes<HTMLBut
     tone?: 'daily' | 'portal' | 'host' | 'danger';
 }
 
-export declare const GameStatList: typeof GameFactList;
-
-export declare type GameStatListProps = GameFactListProps;
-
 export declare type GameSurfaceDensity = 'comfortable' | 'dense';
 
 export declare type GameSurfaceLayout = 'auto' | 'desktop' | 'mobile';
@@ -2247,11 +1096,13 @@ export declare interface GameTabItem {
     label: string;
     /** id of the tabpanel this tab controls; wires aria-controls when set. */
     panelId?: string;
+    hue?: GameUiHue;
 }
 
-export declare function GameTabs({ activeId, id, onSelect, tabs, orientation, 'aria-label': label, 'aria-labelledby': labelledBy, }: GameTabsProps): ReactNode;
+export declare function GameTabs({ activeId, id, onSelect, tabs, hue, orientation, 'aria-label': label, 'aria-labelledby': labelledBy, }: GameTabsProps): ReactNode;
 
 export declare interface GameTabsProps {
+    hue?: GameUiHue;
     orientation?: 'horizontal' | 'vertical';
     'aria-label'?: string;
     'aria-labelledby'?: string;
@@ -2267,129 +1118,10 @@ export declare interface GameTabsProps {
     tabs: readonly GameTabItem[];
 }
 
-export declare type GameTerrainBuildModeId = 'terrain' | 'build' | 'place' | 'inspect';
-
-export declare interface GameTerrainBuildModeOption {
-    /** Accessible label override when compact labels are used visually. */
-    ariaLabel?: string;
-    compactLabel?: string;
-    disabled?: boolean;
-    icon?: ClayIconName;
-    id: GameTerrainBuildModeId | string;
-    label: string;
-    meta?: string;
-}
-
-export declare function GameTerrainBuildToolbox({ className, drawerOpen, drawerTitle, label, onDrawerOpenChange, title, variant, 'data-testid': testId, ...bodyProps }: GameTerrainBuildToolboxProps): ReactNode;
-
-export declare interface GameTerrainBuildToolboxProps {
-    activeBuildCategoryId?: string | undefined;
-    activeMaterialId?: string | undefined;
-    activeModeId: string;
-    activeToolId: string;
-    brush: GameBrushControlState;
-    buildCategories?: readonly GameBuildCategory[] | undefined;
-    className?: string;
-    density?: GameSurfaceDensity;
-    disabled?: boolean;
-    drawerOpen?: boolean;
-    drawerTitle?: string;
-    label: string;
-    materials?: readonly GameTerrainMaterialSwatch[] | undefined;
-    modes: readonly GameTerrainBuildModeOption[];
-    onBrushRadiusChange?: ((radius: number) => void) | undefined;
-    onBrushStrengthChange?: ((strength: number) => void) | undefined;
-    onBuildCategoryChange?: ((categoryId: string) => void) | undefined;
-    onDrawerOpenChange?: ((open: boolean) => void) | undefined;
-    onMaterialChange?: ((materialId: string) => void) | undefined;
-    onModeChange?: ((modeId: string) => void) | undefined;
-    onRedo?: (() => void) | undefined;
-    onSelectBuildItem?: ((itemId: string, categoryId: string) => void) | undefined;
-    onToolChange?: ((toolId: string) => void) | undefined;
-    onUndo?: (() => void) | undefined;
-    selectedBuildItemId?: string | undefined;
-    status?: GameTerrainStatusState | undefined;
-    title: string;
-    toolCompactLabelMode?: GameTerrainToolCompactLabelMode;
-    tools: readonly GameTerrainToolOption[];
-    undoRedo?: GameUndoRedoState | undefined;
-    variant?: GameTerrainBuildVariant;
-    'data-testid'?: string | undefined;
-}
-
-export declare type GameTerrainBuildVariant = 'desktop' | 'dense' | 'mobile' | 'small-mobile';
-
-export declare type GameTerrainMaterialPattern = 'solid' | 'speckled' | 'hatched' | 'grid';
-
-export declare interface GameTerrainMaterialSwatch {
-    color: string;
-    compactLabel?: string;
-    disabled?: boolean;
-    id: string;
-    label: string;
-    meta?: string;
-    pattern?: GameTerrainMaterialPattern;
-    secondaryColor?: string;
-}
-
-export declare function GameTerrainModeControl({ activeModeId, className, disabled, label, modes, onModeChange, variant, 'data-testid': testId, }: GameTerrainModeControlProps): ReactNode;
-
-export declare interface GameTerrainModeControlProps {
-    activeModeId: string;
-    className?: string;
-    disabled?: boolean;
-    label: string;
-    modes: readonly GameTerrainBuildModeOption[];
-    onModeChange?: ((modeId: string) => void) | undefined;
-    variant?: GameTerrainBuildVariant;
-    'data-testid'?: string | undefined;
-}
-
-export declare interface GameTerrainStatusState {
-    description?: string;
-    label: string;
-    progressLabel?: string;
-    progressMax?: number;
-    progressValue?: number;
-    tone?: GameTerrainStatusTone;
-}
-
-export declare type GameTerrainStatusTone = Extract<GameBadgeTone, 'neutral' | 'success' | 'warning' | 'danger' | 'ai'>;
-
-export declare type GameTerrainToolCompactLabelMode = 'auto' | GameActionIconLabelMode;
-
-export declare type GameTerrainToolId = 'raise' | 'lower' | 'flatten' | 'smooth' | 'paint';
-
-export declare interface GameTerrainToolOption {
-    /** Accessible label override when icon/caption controls use short copy. */
-    ariaLabel?: string;
-    compactLabel?: string;
-    disabled?: boolean;
-    icon?: ClayIconName;
-    id: GameTerrainToolId | string;
-    label: string;
-    meta?: string;
-    shortcut?: string;
-}
-
-export declare function GameTerrainToolStrip({ activeToolId, className, compactLabelMode, density, disabled, label, onToolChange, tools, variant, 'data-testid': testId, }: GameTerrainToolStripProps): ReactNode;
-
-export declare interface GameTerrainToolStripProps {
-    activeToolId: string;
-    className?: string;
-    compactLabelMode?: GameTerrainToolCompactLabelMode;
-    density?: GameSurfaceDensity;
-    disabled?: boolean;
-    label: string;
-    onToolChange?: ((toolId: string) => void) | undefined;
-    tools: readonly GameTerrainToolOption[];
-    variant?: GameTerrainBuildVariant;
-    'data-testid'?: string | undefined;
-}
-
 export declare const GameTextArea: ForwardRefExoticComponent<GameTextAreaProps & RefAttributes<HTMLTextAreaElement>>;
 
 export declare interface GameTextAreaProps extends TextareaHTMLAttributes<HTMLTextAreaElement> {
+    hue?: GameUiHue;
     invalid?: boolean;
 }
 
@@ -2400,13 +1132,12 @@ export declare interface GameToastProps {
     tone?: 'info' | 'success' | 'danger';
 }
 
-export declare function GameToggle({ checked, disabled, label, onClick, surface, liquidFinish, }: GameToggleProps): ReactNode;
+export declare function GameToggle({ checked, disabled, label, onClick, hue }: GameToggleProps): ReactNode;
 
 export declare interface GameToggleProps extends Pick<ButtonHTMLAttributes<HTMLButtonElement>, 'disabled' | 'onClick'> {
     checked: boolean;
     label: string;
-    surface?: Exclude<GameButtonSurface, 'plaque'>;
-    liquidFinish?: LiquidFinish;
+    hue?: GameUiHue;
 }
 
 export declare function GameTooltip({ children, label }: GameTooltipProps): ReactNode;
@@ -2417,23 +1148,6 @@ export declare interface GameTooltipProps {
     label: string;
 }
 
-export declare interface GameUiAction {
-    /** Accessible label override when the visible label is intentionally compact. */
-    ariaLabel?: string;
-    badge?: string;
-    /** Short visual caption for dense/icon tool strips. Falls back to `label`. */
-    compactLabel?: string;
-    disabled?: boolean;
-    icon?: ClayIconName;
-    id: string;
-    label: string;
-    meta?: string;
-    onAction?: (id: string) => void;
-    selected?: boolean;
-    shortcut?: string;
-    tone?: GameButtonVariant;
-}
-
 export declare interface GameUiHistoryEntry {
     id: string;
     kind: GameUiHistoryKind;
@@ -2444,254 +1158,81 @@ export declare interface GameUiHistoryEntry {
 
 export declare type GameUiHistoryKind = 'human' | 'mystery' | 'system';
 
-export declare function GameUiPreview({ title, body }: GameUiPreviewProps): ReactNode;
+/** Palette meaning, independent of the host's visual style and light/dark mode. */
+export declare type GameUiHue = 'coral' | 'sun' | 'leaf' | 'sky' | 'grape' | 'pink';
 
-export declare interface GameUiPreviewProps {
-    title?: string;
-    body?: string;
-}
+export declare type GameUiStyle = (typeof GAME_UI_STYLES)[number];
 
-export declare function GameUndoRedoActions({ canRedo, canUndo, className, disabled, label, onRedo, onUndo, redoLabel, undoLabel, variant, 'data-testid': testId, }: GameUndoRedoActionsProps): ReactNode;
+export declare type GameUiTheme = 'light' | 'dark';
 
-export declare interface GameUndoRedoActionsProps extends GameUndoRedoState {
-    className?: string;
+declare type LinkAction = Omit<LinkAttributes, 'ref'> & {
     disabled?: boolean;
-    label: string;
-    onRedo?: (() => void) | undefined;
-    onUndo?: (() => void) | undefined;
-    variant?: GameTerrainBuildVariant;
-    'data-testid'?: string | undefined;
-}
-
-export declare interface GameUndoRedoState {
-    canRedo?: boolean | undefined;
-    canUndo?: boolean | undefined;
-    redoLabel?: string | undefined;
-    undoLabel?: string | undefined;
-}
-
-export declare function GameWindowPanel({ allowMaximize, allowMinimize, children, className, defaultState, footer, icon, labels, onClose, onStateChange, state, title, ...props }: GameWindowPanelProps): ReactNode;
-
-export declare interface GameWindowPanelLabels {
-    close: string;
-    maximize: string;
-    minimize: string;
-    restore: string;
-}
-
-export declare interface GameWindowPanelProps extends Omit<HTMLAttributes<HTMLElement>, 'title'> {
-    /** Allow the maximize button. Defaults to true. */
-    allowMaximize?: boolean;
-    /** Allow the minimize button. Defaults to true. */
-    allowMinimize?: boolean;
-    children: ReactNode;
-    className?: string;
-    /** Uncontrolled initial state. Defaults to 'normal'. */
-    defaultState?: GameWindowState;
-    footer?: ReactNode;
-    icon?: ReactNode;
-    labels?: Partial<GameWindowPanelLabels>;
-    /** Rendering a close button requires an onClose handler. */
-    onClose?: () => void;
-    onStateChange?: (state: GameWindowState) => void;
-    /** Controlled window state. Leave undefined for uncontrolled usage. */
-    state?: GameWindowState;
-    title: string;
-}
-
-export declare type GameWindowState = 'normal' | 'minimized' | 'maximized';
-
-export declare function getClayAssetBasePath(): string;
-
-export declare function getClayAssetMode(): ClayAssetMode;
-
-export declare function getClayCatalogPaths(): typeof CLAY_ASSETS.catalog;
-
-export declare function getClayIconPath(icon: ClayIconName, options?: ClayIconResolveOptions): string;
-
-/** Which visual families exist for an icon (in display order: game, then line). */
-export declare function getClayIconStyles(icon: ClayIconName): ClayIconStyle[];
-
-export declare function getClaySourceAssetPath(icon: ClayIconName, style?: ClayIconStyle): string;
-
-export declare function getLiquidGooeyBudget(): LiquidGooeyBudgetState;
-
-export declare function getLiquidMetalContextBudget(): {
-    limit: number;
-    used: number;
+    type?: never;
+    linkComponent?: LinkComponent;
 };
 
-export declare const IMAGE_MELT_DEFAULTS: Required<ImageMeltOptions>;
-
-export declare interface ImageMeltOptions {
-    /** Goo sigma: how far the bodies reach for each other and how wide colour averaging runs. */
-    blur?: number;
-    /** Alpha-contrast slope of the liquid boundary. */
-    contrast?: number;
-    /** How far each crisp face dissolves back before its neighbour. */
-    reach?: number;
-    /** Softness of the crisp-face dissolve mask. */
-    fade?: number;
-    /** Turbulence displacement of the molten layer, in px. */
-    warp?: number;
-    /** 0..1 two-liquid marbling strength in the touch area. */
-    mix?: number;
-    /** Blur of the marble pass's source colours. */
-    mixBlur?: number;
-    /** How deep the marble zone reaches into each card. */
-    gravity?: number;
-    /** Wavelength control of the warp noise. */
-    waviness?: number;
-}
-
-/** Every form name, for shelves, docs and exhaustiveness checks. */
-export declare const LIQUID_FORM_NAMES: readonly LiquidForm[];
-
-export declare const LIQUID_FORMS: Readonly<Record<LiquidForm, LiquidFormSpec>>;
-
-/**
- * The default fraction is intentionally derived from the rendered surface,
- * not from the requested waviness token. A fixed pixel displacement is safe
- * on a large blob but can consume a thin control's whole visual height.
- */
-export declare const LIQUID_GOOEY_WAVINESS_MAX_FRACTION = 0.3;
+declare type LinkAttributes = Omit<AnchorHTMLAttributes<HTMLAnchorElement>, 'type' | 'download'> & {
+    href: string;
+    download?: string | boolean;
+    ref?: Ref<HTMLAnchorElement>;
+};
 
-/** Material is independent of a widget's meaning and a form's motion. */
-export declare type LiquidFinish = 'matte' | 'glossy';
+declare type LinkComponent = ComponentType<LinkAttributes>;
 
 /**
- * The named looks.
+ * A shared liquid silhouette behind crisp item content.
+ *
+ * Put the visual treatment on the group: `fill`, `stroke`, and `shadow` are
+ * rebuilt on the merged silhouette. Do NOT add border, outline, or box-shadow
+ * to children directly; those styles live on the content layer and cannot
+ * merge with the liquid shape.
+ *
+ * Its motion vocabulary is intentionally small and semantic:
  *
- * Bodies first, then the forms that only mean something between siblings, and
- * within each run they are ordered by how much cohesion the liquid is losing:
- * `set` stops being liquid at all, `press` barely deforms, `drain` stops being
- * a shape.
+ * | gesture | meaning |
+ * | --- | --- |
+ * | **merge** (Morph) | two things become one: reward settling, collecting, confirming |
+ * | **follow** (Move) | selection, progress, dragging |
+ * | **shape** (Morph shape) | the liquid changes size and corners like jelly |
+ * | **bend** | speed bows the surface while content stays glued to it |
+ * | **dissolve** | replacement, transition |
+ * | **still** | THE DEFAULT |
  *
- * Six of these were the whole vocabulary until the brand needed more of it,
- * and six is worth saying out loud as *where it got to* rather than as a
- * complete set. A form earns its place by having something to say that none of
- * the others says. That is the only entry requirement — and it is also why a
- * form existing here is not permission to put it on a screen: the recorded
- * finding is that gooey on a static solid block reads as damage, and that one
- * screen wants one liquid element carrying one layer of intent.
+ * Liquid appears only on a state change the user caused. There is no ambient,
+ * idle, or decorative liquid; keep the filter-area budget visible when more
+ * than one group is on a screen.
  */
-export declare type LiquidForm = 'set' | 'press' | 'swell' | 'settle' | 'fill' | 'reach' | 'ripple' | 'drain' | 'follow' | 'merge' | 'split' | 'bead';
-
-/** Filter-level knobs a form fixes on the group. */
-export declare interface LiquidFormGroup {
-    readonly blur: number;
-    readonly contrast: number;
-    /**
-     * How far the outline swells outward from the control's box, in px. The
-     * bulge is outward-only, so this never eats into a label's padding, and it
-     * is clamped to 18% of the shorter side so one number suits a 44px button
-     * and a 14px meter.
-     */
-    readonly blob: number;
-    /** How many swells go round the outline. 2 is lazy, 5 is busy. */
-    readonly lobes: number;
-    /**
-     * Volume. The edge says 「liquid」 only as an outline; this is what makes the
-     * inside of the body look like a material instead of a flat sticker.
-     */
-    readonly gloss: number;
-    readonly filterPadding: number;
-    /**
-     * What the body casts on the ground at rest, in CSS box-shadow syntax.
-     *
-     * Every liquid button floated before this existed: the flat button has a lip
-     * *and* `--game-ui-shadow-button`, and the liquid one had neither, which is
-     * most of why it read flatter than its own flat twin. A form is where this
-     * belongs rather than a call site, because how far a body sits off the
-     * surface is part of what the form means.
-     *
-     * Keep it to outer layers with no spread. `liquidGooeyShadow` compiles those
-     * to a CSS `drop-shadow()` on the silhouette — the compositor does the blur,
-     * the shadow hugs the poured outline rather than a rounded rectangle, and it
-     * is allowed to paint outside the filter region. Inset and spread are legal
-     * but stay inside the SVG filter and are charged against the filter-area
-     * budget, so they are a deliberate purchase, not a default.
-     */
-    readonly shadow?: string;
-    /**
-     * What it casts while the form is engaged, when that differs.
-     *
-     * A body that squashes toward the surface gets *closer* to it, and a real
-     * contact shadow answers by tightening and darkening rather than staying
-     * put. Leaving this out is fine; the rest shadow then holds through the
-     * whole gesture, which is what a form with no vertical travel wants.
-     */
-    readonly shadowEngaged?: string;
-}
-
 /**
- * Resolve a form into group props, letting a caller override single knobs.
+ * A liquid body's paint.
  *
- * Overrides are merged rather than replacing the bundle, so a surface that
- * needs one different value does not have to restate the other three and
- * silently drift from the form it claims to be using.
+ * A colour paints the body flat. `{ top, bottom }` is the light the coloured
+ * liquid theme settled on (University, 2026-09-30): a narrow brighter band at
+ * the top, the colour falling from `top` to `bottom`, and the foot a touch
+ * deeper, so a body reads as having thickness without a white rim. `sheen` is
+ * how far the top band leans to white (0–1, default 0.3). Colours may be tokens:
+ * the bands are mixed with CSS `color-mix`, not computed here.
  */
-export declare function liquidFormGroup(form: LiquidForm, overrides?: Partial<LiquidFormGroup>): LiquidFormGroup;
+export declare type LiquidFill = string | {
+    readonly top: string;
+    readonly bottom?: string;
+    readonly sheen?: number;
+};
 
-/** Item-level behaviour a form fixes on each participating item. */
-export declare interface LiquidFormItem {
-    readonly effect?: 'morph' | 'melt' | 'bend';
+export declare type LiquidForm = 'set' | 'press' | 'swell' | 'settle' | 'fill' | 'reach' | 'ripple' | 'drain' | 'follow' | 'merge' | 'split' | 'bead';
+
+declare interface LiquidFormItem {
+    readonly effect?: 'morph';
     readonly morph?: MorphTuning;
     readonly transition?: Transition;
-    readonly dissolve?: boolean;
 }
 
-/** Resolve a form into item props, with the same merge-don't-replace rule. */
 export declare function liquidFormItem(form: LiquidForm, overrides?: LiquidFormItem): LiquidFormItem;
 
-/**
- * Whether a form describes one body or a relationship between siblings.
- *
- * `LiquidSurface` draws one silhouette, so it can only honour a `body` form;
- * a `group` form says something about the space *between* items and needs a
- * `LiquidGroup` the caller arranges. That distinction used to live in a
- * parenthetical — `ENGAGED` carried two entries marked 「present for
- * exhaustiveness」 — which meant picking the wrong one failed silently, by
- * rendering a body that never moves. Naming it lets a shelf group itself, lets
- * a caller check, and lets the kit say so out loud in development.
- */
-export declare type LiquidFormKind = 'body' | 'group';
-
-export declare interface LiquidFormSpec {
-    /** One sentence on what a viewer sees, for docs and for picking. */
-    readonly summary: string;
-    /** One body, or a relationship between siblings the caller arranges. */
-    readonly kind: LiquidFormKind;
-    readonly group: LiquidFormGroup;
-    /**
-     * Group knobs that change while the form is engaged.
-     *
-     * Only `set` uses this, and only because `set` is the one form whose subject
-     * is *stopping* being liquid — without it the vocabulary can say a dozen
-     * degrees of liquid and never say 「solid」. Be careful with it: `blob` is
-     * path data and `gloss` is a filter pass, so neither tweens. They snap. For
-     * `set` that snap is the gesture — a thing clicking into place — and for
-     * anything continuous it would be a flicker, which is why this is not a
-     * general-purpose second bundle.
-     */
-    readonly groupEngaged?: Partial<LiquidFormGroup>;
-    readonly item: LiquidFormItem;
-}
-
-/** The one-line description of each form, for pickers and documentation. */
-export declare function liquidFormSummary(form: LiquidForm): string;
-
 declare interface LiquidGooeyBudgetOptions {
     maxAnimatedGroups?: number;
     maxFilterArea?: number;
 }
 
-declare interface LiquidGooeyBudgetState {
-    maxAnimatedGroups: number;
-    maxFilterArea: number;
-    activeGroups: number;
-}
-
 /**
  * Merges nearby item silhouettes into one shape while leaving their content
  * accessible and separately filtered. Morph content may cross-blur while it
@@ -2700,32 +1241,9 @@ declare interface LiquidGooeyBudgetState {
  * shared treatment to <LiquidGroup>.
  */
 export declare const LiquidGroup: ForwardRefExoticComponent<LiquidGroupProps & RefAttributes<HTMLDivElement>> & {
-    Item: ForwardRefExoticComponent<LiquidItemProps & RefAttributes<HTMLDivElement>>;
+    Item: ForwardRefExoticComponent< LiquidItemProps & RefAttributes<HTMLDivElement>>;
 };
 
-/**
- * A shared liquid silhouette behind crisp item content.
- *
- * Put the visual treatment on the group: `fill`, `stroke`, and `shadow` are
- * rebuilt on the merged silhouette. Do NOT add border, outline, or box-shadow
- * to children directly; those styles live on the content layer and cannot
- * merge with the liquid shape.
- *
- * Its motion vocabulary is intentionally small and semantic:
- *
- * | gesture | meaning |
- * | --- | --- |
- * | **merge** (Morph) | two things become one: reward settling, collecting, confirming |
- * | **follow** (Move) | selection, progress, dragging |
- * | **shape** (Morph shape) | the liquid changes size and corners like jelly |
- * | **bend** | speed bows the surface while content stays glued to it |
- * | **dissolve** | replacement, transition |
- * | **still** | THE DEFAULT |
- *
- * Liquid appears only on a state change the user caused. There is no ambient,
- * idle, or decorative liquid; keep the filter-area budget visible when more
- * than one group is on a screen.
- */
 export declare interface LiquidGroupProps extends Omit<HTMLAttributes<HTMLDivElement>, 'children'> {
     children: ReactNode;
     /** Goo blur sigma in px. Larger values bridge larger gaps. */
@@ -2737,10 +1255,11 @@ export declare interface LiquidGroupProps extends Omit<HTMLAttributes<HTMLDivEle
      * curved surface so it reads as a material rather than as a silhouette.
      */
     gloss?: number;
-    /** Optional named finish. An explicit raw gloss wins; omitted preserves the old rendering. */
-    liquidFinish?: LiquidFinish;
-    /** Surface fill. Defaults to the kit's theme surface token. */
-    fill?: string;
+    /**
+     * Surface fill. Defaults to the kit's theme surface token. A colour paints
+     * the body flat; `{ top, bottom }` gives it light (see `LiquidFill`).
+     */
+    fill?: LiquidFill;
     /** Extra filter-region slack in px for the silhouette's painted edges. */
     filterPadding?: number;
     /** Optional token-based box-shadow syntax rebuilt on the merged silhouette. */
@@ -2764,8 +1283,6 @@ export declare interface LiquidGroupProps extends Omit<HTMLAttributes<HTMLDivEle
     motion?: 'auto' | 'follow' | 'reduced';
 }
 
-export declare const LiquidItem: ForwardRefExoticComponent<LiquidItemProps & RefAttributes<HTMLDivElement>>;
-
 export declare interface LiquidItemProps extends Omit<HTMLAttributes<HTMLDivElement>, 'children'> {
     /**
      * Crisp content rendered above the merged silhouette. Do NOT add border,
@@ -2796,48 +1313,21 @@ export declare interface LiquidItemProps extends Omit<HTMLAttributes<HTMLDivElem
      */
     blob?: BlobShape;
     /**
-     * Select the adopted item surface behavior. Bend follows child geometry.
+     * Select the core Morph behavior. Optional deformation belongs to liquid-effects.
      * Move is a group gesture (`motion="follow"`), not an item effect.
      */
-    effect?: 'morph' | 'melt' | 'bend';
+    effect?: 'morph';
     /** Morph shape, tempo, bounce, and content cross-blur tuning. */
     morph?: MorphTuning;
-    /** Bend strengths for vertical bow and horizontal cap deformation. */
-    bend?: BendTuning;
-    /** Follow a child moved by external code; Bend implies this automatically. */
+    /** Follow a child moved by external code. */
     observe?: boolean;
-    /** Numeric knobs for the pairwise image Melt surface, plus an optional source URL. */
-    melt?: ImageMeltOptions & {
-        src?: string;
-    };
-    /** Contact image modifier. Text and other DOM content remain on the crisp layer. */
-    dissolve?: boolean | number | DissolveOptions;
-}
-
-export declare function LiquidMetalButton({ children, className, onClick, sound, type, renderer, ...props }: LiquidMetalButtonProps): ReactNode;
-
-export declare interface LiquidMetalButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {
-    children: ReactNode;
-    sound?: GameInteractionSoundOptions | false;
-    /**
-     * `auto` (default) starts on CSS and upgrades to WebGL when the four
-     * gates pass. `css` never spends a context — needed so a side-by-side
-     * demo can show the fallback without the CSS column taking the slot
-     * the WebGL column needs. `webgl` still respects the gates; it is not
-     * a way to bypass reduced-motion or the budget.
-     */
-    renderer?: LiquidMetalRendererMode;
 }
 
-export declare type LiquidMetalRendererMode = 'auto' | 'css' | 'webgl';
-
-export declare function LiquidSurface({ children, liquidFinish, form, active, fill, stroke, shadow: shadowOverride, radius, className, style, }: LiquidSurfaceProps): ReactNode;
+export declare function LiquidSurface({ children, form, active, fill, stroke, shadow: shadowOverride, gloss: glossOverride, outline, radius, className, style, }: LiquidSurfaceProps): ReactNode;
 
 export declare interface LiquidSurfaceProps {
     children: ReactNode;
-    /** Omitted keeps the form's existing lighting; matte and glossy share the same motion. */
-    liquidFinish?: LiquidFinish;
-    /** Which named look. Defaults to the press form, the one a control wants. */
+    /** Which motion. All forms share one thin liquid material. */
     form?: LiquidForm;
     /**
      * Whether the form is engaged: pressed for `press`, landed for `settle`,
@@ -2845,7 +1335,20 @@ export declare interface LiquidSurfaceProps {
      */
     active?: boolean;
     /** Silhouette paint. Defaults to the kit's raised surface token. */
-    fill?: string;
+    fill?: LiquidFill;
+    /**
+     * Advanced primitive override. Defaults to the shared thin material;
+     * ordinary controls do not expose a second material selector.
+     */
+    gloss?: number;
+    /**
+     * The rest outline's lobing, overriding the form's own: `amplitude` in px
+     * swells outward, `lobes` is how many go round (2 lazy, 5 busy).
+     */
+    outline?: {
+        readonly amplitude: number;
+        readonly lobes?: number;
+    };
     stroke?: string;
     /** Overrides the form's own cast shadow. `none` removes it. */
     shadow?: string;
@@ -2870,65 +1373,13 @@ export declare interface MorphTuning {
 
 export declare function playGameCardRevealSound(rarity: 'common' | 'rare' | 'legendary', options?: GameInteractionSoundOptions): boolean;
 
-/**
- * A card turning over: a short falling sweep, and for a rarer card one or two
- * bell notes after it. Synthesized, so nothing is downloaded; like every kit
- * sound, the browser lets it play only once the page has been interacted with.
- */
-export declare function playGameCardRevealSoundForContext(audioContext: GameInteractionAudioContext, rarity: 'common' | 'rare' | 'legendary', options?: GameInteractionSoundOptions): boolean;
-
 export declare function playGameInteractionSound(options?: GameInteractionSoundOptions): boolean;
 
 export declare function playGameInteractionSoundForContext(audioContext: GameInteractionAudioContext, options?: GameInteractionSoundOptions): boolean;
 
-declare interface ResolvedDissolveOptions {
-    blur: number;
-    warp: number;
-    pull: number;
-    range: number;
-    zone: number;
-    mix: number;
-    gravity: number;
-    taper: number;
-    warpFreq: number;
-    flowSpeed: number;
-    warpStyle: 'fractalNoise' | 'turbulence';
-    detail: number;
-    active: boolean;
-    releaseMs: number;
-    fadeMs: number;
-    strength: number;
-    sink: number;
-    seamBlur: number;
-}
-
-export declare function resolveDissolveOptions(element: HTMLElement | null, input: DissolveValue): ResolvedDissolveOptions;
-
-/**
- * Point the sculpted set at somewhere other than the default path — a CDN, a
- * sub-path deploy, a host whose static root is not `/`. Pass no trailing slash.
- *
- * The copy command mirrors the default layout, so a consumer that runs
- * `swimmer-ui-assets public` never needs this.
- */
-export declare function setClayAssetBasePath(basePath: string): void;
-
-/**
- * Switch how clay icons resolve globally.
- * - 'inline' (default): lettered placeholders. They are not the icon set —
- *   every one is the same rounded square with a different glyph and colour.
- *   They exist so a fresh install renders *something* rather than a broken
- *   image, and shipping them is a bug.
- * - 'source': the real sculpted PNGs under the base path. Get the files there
- *   with `npx swimmer-ui-assets <publicDir>`.
- */
-export declare function setClayAssetMode(mode: ClayAssetMode): void;
-
 /** Update one or both host-side performance limits. */
 export declare function setLiquidGooeyBudget(next: number | LiquidGooeyBudgetOptions): void;
 
-export declare function setLiquidMetalContextBudget(nextLimit: number): void;
-
 /** Small spring-to-easing compiler used by the shared group clock. */
 declare interface SpringConfig {
     stiffness?: number;
@@ -2956,11 +1407,4 @@ export declare function useGameCardOrientation(): {
     reducedMotion: boolean;
 };
 
-/**
- * Whether a waiting screen should appear yet: only once `waiting` has stayed
- * true for `delayMs` without a break. A scene change that finishes inside the
- * delay never shows the screen at all.
- */
-export declare function useGameSplashDelay(waiting: boolean, delayMs?: number): boolean;
-
 export { }