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

package/dist/paths-B7D0h7Mh.js

@@ -0,0 +1,255 @@
+//#region src/icons/paths.ts
+var e = {
+	name: "ai",
+	paths: [
+		"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"
+	]
+}, t = {
+	name: "alert",
+	paths: [
+		"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"
+	]
+}, n = {
+	name: "card",
+	paths: [
+		"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"
+	]
+}, r = {
+	name: "chat",
+	paths: ["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"]
+}, i = {
+	name: "check",
+	paths: ["M20 6 9 17l-5-5"]
+}, a = {
+	name: "close",
+	paths: ["M18 6 6 18", "m6 6 12 12"]
+}, o = {
+	name: "coin",
+	paths: [
+		"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"
+	]
+}, s = {
+	name: "compass",
+	paths: ["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"]
+}, c = {
+	name: "copy",
+	paths: ["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"]
+}, l = {
+	name: "crown",
+	paths: ["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"]
+}, u = {
+	name: "energy",
+	paths: ["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"]
+}, d = {
+	name: "gem",
+	paths: [
+		"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"
+	]
+}, f = {
+	name: "gift",
+	paths: [
+		"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"
+	]
+}, p = {
+	name: "globe",
+	paths: [
+		"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"
+	]
+}, m = {
+	name: "history",
+	paths: [
+		"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"
+	]
+}, h = {
+	name: "redo",
+	paths: ["M21 7v6h-6", "M3 17a9 9 0 0 1 9-9 9 9 0 0 1 6 2.3l3 2.7"]
+}, g = {
+	name: "undo",
+	paths: ["M3 7v6h6", "M21 17a9 9 0 0 0-9-9 9 9 0 0 0-6 2.3L3 13"]
+}, _ = {
+	name: "home",
+	paths: ["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"]
+}, v = {
+	name: "hourglass",
+	paths: [
+		"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"
+	]
+}, y = {
+	name: "laurel",
+	paths: ["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"]
+}, b = {
+	name: "lock",
+	paths: ["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"]
+}, x = {
+	name: "lucky",
+	paths: [
+		"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"
+	]
+}, S = {
+	name: "mail",
+	paths: ["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"]
+}, C = {
+	name: "medal",
+	paths: [
+		"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"
+	]
+}, w = {
+	name: "mission",
+	paths: ["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"]
+}, T = {
+	name: "mobile",
+	paths: ["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"]
+}, E = {
+	name: "portal",
+	paths: [
+		"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"
+	]
+}, D = {
+	name: "scroll",
+	paths: ["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"]
+}, O = {
+	name: "settings",
+	paths: ["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"]
+}, k = {
+	name: "shirt",
+	paths: ["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"]
+}, A = {
+	name: "shop",
+	paths: [
+		"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"
+	]
+}, j = {
+	name: "smile",
+	paths: [
+		"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"
+	]
+}, M = {
+	name: "timer",
+	paths: [
+		"M10 2L14 2",
+		"M12 14L15 11",
+		"M4 14a8 8 0 1 0 16 0a8 8 0 1 0 -16 0"
+	]
+}, N = {
+	name: "trophy",
+	paths: [
+		"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"
+	]
+}, P = {
+	name: "vote",
+	paths: [
+		"m9 12 2 2 4-4",
+		"M5 7c0-1.1.9-2 2-2h10a2 2 0 0 1 2 2v12H5V7Z",
+		"M22 19H2"
+	]
+}, F = {
+	name: "arrow-left",
+	paths: ["m12 19-7-7 7-7", "M19 12H5"]
+}, I = {
+	name: "arrow-right",
+	paths: ["M5 12h14", "m12 5 7 7-7 7"]
+}, L = {
+	name: "chevron-down",
+	paths: ["m6 9 6 6 6-6"]
+}, R = {
+	name: "chevron-up",
+	paths: ["m18 15-6-6-6 6"]
+}, z = {
+	name: "download",
+	paths: [
+		"M12 15V3",
+		"M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4",
+		"m7 10 5 5 5-5"
+	]
+}, B = {
+	name: "external",
+	paths: [
+		"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"
+	]
+}, V = {
+	name: "menu",
+	paths: [
+		"M4 5h16",
+		"M4 12h16",
+		"M4 19h16"
+	]
+}, H = {
+	name: "minus",
+	paths: ["M5 12h14"]
+}, U = {
+	name: "moon",
+	paths: ["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"]
+}, W = {
+	name: "plus",
+	paths: ["M5 12h14", "M12 5v14"]
+}, G = {
+	name: "search",
+	paths: ["m21 21-4.34-4.34", "M3 11a8 8 0 1 0 16 0a8 8 0 1 0 -16 0"]
+}, K = {
+	name: "sun",
+	paths: [
+		"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"
+	]
+}, q = {
+	name: "user",
+	paths: ["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"]
+};
+//#endregion
+export { H as A, k as B, v as C, S as D, x as E, E as F, N as G, j as H, h as I, P as J, g as K, D as L, T as M, U as N, C as O, W as P, G as R, _ as S, b as T, K as U, A as V, M as W, B as _, n as a, p as b, L as c, o as d, s as f, u as g, z as h, I as i, w as j, V as k, R as l, l as m, t as n, r as o, c as p, q, F as r, i as s, e as t, a as u, d as v, y as w, m as x, f as y, O as z };

package/dist/preview.css

@@ -1 +1 @@
-@layer swimmer-ui{html[data-game-ui-preview=clay],html[data-game-ui-preview=clay] body,html[data-game-ui-preview=clay] #root{min-height:100%;margin:0}.game-ui-clay-preview{min-height:100dvh;color:var(--game-ui-text);font-family:var(--game-ui-font-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:radial-gradient(circle at 12% 4%, var(--game-ui-preview-glow-warm), transparent 27rem), radial-gradient(circle at 86% 8%, var(--game-ui-preview-glow-mint), transparent 26rem), linear-gradient(160deg, var(--game-ui-preview-canvas-1) 0%, var(--game-ui-preview-canvas-2) 52%, var(--game-ui-preview-canvas-3) 100%);padding:24px}.game-ui-clay-preview *,.game-ui-clay-preview :before,.game-ui-clay-preview :after{box-sizing:border-box}.game-ui-clay-preview code{background:color-mix(in srgb, var(--game-ui-ink-deep) 8%, transparent);color:var(--game-ui-border-ink);border-radius:8px;padding:1px 6px;font-size:.74em}.game-ui-clay-preview h1,.game-ui-clay-preview h2,.game-ui-clay-preview h3{text-wrap:balance}.game-ui-preview-hero,.game-ui-preview-section{width:min(100%,1180px);margin:0 auto}.game-ui-preview-hero{grid-template-columns:auto 1fr auto;align-items:start;gap:14px;padding:18px 0 22px;display:grid}.game-ui-preview-hero h1{max-width:13ch;color:var(--game-ui-ink-title);font-family:var(--game-ui-font-display);font-size:var(--game-ui-font-xxl);font-weight:var(--game-ui-weight-title);text-shadow:0 3px 0 color-mix(in srgb, var(--game-ui-panel-strong) 72%, transparent);grid-column:1/-1;margin:0;line-height:.9}.game-ui-preview-hero p{max-width:72ch;color:var(--game-ui-text-muted);font-size:var(--game-ui-font-lg);line-height:var(--game-ui-line-body);text-wrap:pretty;grid-column:1/-1;margin:0}.game-ui-preview-section{border:var(--game-ui-stroke);border-radius:var(--game-ui-radius-modal);background:color-mix(in srgb, var(--game-ui-panel-strong) 50%, transparent);box-shadow:var(--game-ui-shadow-panel);grid-template-columns:minmax(0,1fr);gap:16px;margin-top:22px;padding:clamp(16px,2vw,24px);display:grid}.game-ui-preview-section>h2,.game-ui-token-card h3{color:var(--game-ui-ink-heading);font-family:var(--game-ui-font-display);margin:0;font-weight:900}.game-ui-preview-section>h2{font-size:clamp(1.35rem,2.2vw,2rem)}.game-ui-preview-section [id]{scroll-margin-block-start:8rem}.game-ui-preview-section>*,.game-ui-preview-two-up>*,.game-ui-preview-section .game-ui-panel>*{min-width:0}.game-ui-preview-start pre{white-space:pre-wrap;overflow-wrap:anywhere;max-width:100%}.game-ui-clay-preview .game-ui-construction-progress{grid-template-columns:minmax(0,1fr)}.game-ui-clay-preview .game-ui-construction-progress-header{flex-wrap:wrap}.game-ui-swatch-grid,.game-ui-token-ledger{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));align-items:start;gap:10px;display:grid}.game-ui-swatch,.game-ui-token-card,.game-ui-type-scale,.game-ui-stage-world,.game-ui-stage-sidecar,.game-ui-proof-frame{border:var(--game-ui-stroke);border-radius:var(--game-ui-radius-panel);background:var(--game-ui-panel);box-shadow:var(--game-ui-shadow-panel)}.game-ui-swatch{align-items:center;gap:10px;margin:0;padding:10px;display:flex}.game-ui-swatch>span{border:1px solid color-mix(in srgb, var(--game-ui-ink-deep) 16%, transparent);width:46px;height:46px;box-shadow:var(--game-ui-shadow-inset);border-radius:15px;flex:none}.game-ui-swatch figcaption,.game-ui-token-row,.game-ui-type-scale{gap:2px;display:grid}.game-ui-token-card{gap:12px;padding:14px;display:grid}.game-ui-token-grid{gap:6px;display:grid}.game-ui-token-row{background:color-mix(in srgb, var(--game-ui-wood) 6%, transparent);border-radius:10px;grid-template-columns:1fr;align-items:start;padding:7px 8px}.game-ui-token-row span,.game-ui-small-copy,.game-ui-type-kicker{color:var(--game-ui-text-muted);font-size:var(--game-ui-font-xs);letter-spacing:.08em;text-transform:uppercase;font-style:normal;font-weight:820}.game-ui-token-row code{overflow-wrap:anywhere;white-space:normal}.game-ui-token-row>span:first-child{overflow-wrap:anywhere;letter-spacing:.04em;min-width:0;line-height:1.15}.game-ui-small-copy{text-wrap:pretty}.game-ui-type-scale{gap:9px;padding:clamp(18px,3vw,30px)}.game-ui-type-scale h1,.game-ui-type-scale h2,.game-ui-type-scale p,.game-ui-type-scale small{margin:0}.game-ui-type-scale h1{color:var(--game-ui-ink-title);font-family:var(--game-ui-font-display);font-size:var(--game-ui-font-xxl);font-weight:var(--game-ui-weight-title);line-height:var(--game-ui-line-tight)}.game-ui-type-scale h2{font-size:var(--game-ui-font-xl);font-weight:880}.game-ui-type-scale p{max-width:62ch;color:var(--game-ui-text-muted);font-size:var(--game-ui-font-md);line-height:var(--game-ui-line-body)}.game-ui-component-row,.game-ui-asset-path-grid,.game-ui-input-strip{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.game-ui-asset-path-grid code{overflow-wrap:anywhere;white-space:normal;min-width:0;max-width:100%}.game-ui-icon-gallery{gap:18px;display:grid}.game-ui-icon-family{gap:10px;display:grid}.game-ui-icon-family-head{gap:6px;display:grid}.game-ui-icon-grid{grid-template-columns:repeat(auto-fill,minmax(94px,1fr));gap:10px;display:grid}.game-ui-icon-cell{border:var(--game-ui-stroke);border-radius:var(--game-ui-radius-panel);background:var(--game-ui-panel);box-shadow:var(--game-ui-shadow-panel);justify-items:center;gap:7px;margin:0;padding:12px 6px;display:grid}.game-ui-icon-cell figcaption{overflow-wrap:anywhere;min-width:0;max-width:100%;color:var(--game-ui-text-muted);font-size:var(--game-ui-font-xs);letter-spacing:.03em;text-align:center;font-weight:760}.game-ui-stage-demo,.game-ui-preview-two-up,.game-ui-proof-frames{grid-template-columns:minmax(0,1.35fr) minmax(280px,.65fr);gap:14px;display:grid}.game-ui-first-session-preview{grid-template-columns:1fr;gap:14px;display:grid}.game-ui-stage-world{background:radial-gradient(ellipse at 50% 66%, var(--game-ui-scenery-clearing) 0 18%, transparent 18.5%), radial-gradient(circle at 25% 32%, color-mix(in srgb, var(--game-ui-secondary) 38%, transparent), transparent 11rem), radial-gradient(circle at 74% 28%, color-mix(in srgb, var(--game-ui-accent) 34%, transparent), transparent 12rem), linear-gradient(160deg, var(--game-ui-scenery-canopy), var(--game-ui-scenery-moss) 48%, var(--game-ui-scenery-soil) 100%);min-height:430px;padding:16px;position:relative;overflow:hidden}.game-ui-stage-world:before{background:linear-gradient(90deg, var(--game-ui-scenery-grid-strong) 1px, transparent 1px), linear-gradient(0deg, var(--game-ui-scenery-grid-soft) 1px, transparent 1px);content:"";opacity:.28;background-size:56px 56px;position:absolute;inset:0}.game-ui-table-prop{aspect-ratio:1.9;border:4px solid color-mix(in srgb, var(--game-ui-text-on-dark) 24%, transparent);background:radial-gradient(ellipse at 50% 38%, var(--game-ui-scenery-wood-hi), var(--game-ui-scenery-wood-lo) 72%);width:min(46%,360px);box-shadow:var(--game-ui-shadow-scenery);border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-42%)}.game-ui-seat{border:3px solid var(--game-ui-text-on-dark);background:radial-gradient(circle at 35% 28%, var(--game-ui-accent-pale), var(--game-ui-accent));width:36px;height:36px;box-shadow:var(--game-ui-shadow-seat);border-radius:50%;position:absolute}.game-ui-seat.is-host{top:-10px;left:46%}.game-ui-seat.is-guest-a{background:radial-gradient(circle at 35% 28%, var(--game-ui-secondary-pale), var(--game-ui-secondary));bottom:6%;right:7%}.game-ui-seat.is-guest-b{background:radial-gradient(circle at 35% 28%, var(--game-ui-berry-pale), var(--game-ui-berry));bottom:6%;left:7%}.game-ui-seat-callout{background:var(--game-ui-panel-strong);color:var(--game-ui-text);font-size:var(--game-ui-font-xs);box-shadow:var(--game-ui-shadow-callout);white-space:nowrap;border-radius:16px 16px 16px 5px;padding:6px 9px;font-weight:820;position:absolute}.game-ui-seat-callout.is-a{top:-44px;left:20%}.game-ui-seat-callout.is-b{top:-28px;right:8%}.game-ui-input-strip{z-index:var(--game-ui-z-hud);justify-content:flex-end;position:absolute;bottom:16px;left:16px;right:16px}.game-ui-stage-sidecar{align-content:start;gap:10px;padding:12px;display:grid}.game-ui-proof-frames{grid-template-columns:1fr}.game-ui-proof-frame{padding:12px;overflow:hidden}.game-ui-proof-frame>header{justify-content:space-between;align-items:center;gap:10px;margin-bottom:10px;display:flex}.game-ui-proof-frame.is-desktop .game-ui-stage-demo{width:min(100%,1440px);min-height:min(900px,64dvh)}.game-ui-proof-frame.is-mobile-landscape .game-ui-stage-demo{grid-template-columns:minmax(0,1fr) minmax(220px,.54fr);width:min(100%,844px);min-height:390px}.game-ui-proof-frame.is-mobile-landscape .game-ui-stage-world{min-height:390px}.game-ui-proof-frame.is-mobile-landscape .game-ui-hud-chip{min-height:44px;padding:4px 8px 4px 5px}.game-ui-proof-frame.is-mobile-landscape .game-ui-hud-chip:nth-child(3),.game-ui-proof-frame.is-mobile-landscape .game-ui-hud-tools{display:none}.game-ui-overlay-glass-compare{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:14px;display:grid}.game-ui-overlay-glass-column{gap:8px;display:grid}.game-ui-overlay-glass-column>header{gap:2px;display:grid}.game-ui-overlay-glass-proof{align-content:space-between;gap:12px;min-height:360px;display:grid}.game-ui-overlay-glass-proof .game-ui-panel{margin-top:auto}.game-ui-liquid-showcase{gap:16px;display:grid}.game-ui-liquid-showcase__grid{grid-template-columns:repeat(auto-fit,minmax(190px,1fr));align-items:start;gap:20px 16px;display:grid}.game-ui-liquid-showcase__pair{justify-items:center;gap:16px;padding:12px 8px 4px;display:grid}.game-ui-liquid-showcase__pair small{color:var(--game-ui-text-muted);font-size:var(--game-ui-font-xs);text-align:center;line-height:1.4}.game-ui-liquid-showcase__link{color:var(--game-ui-accent-ink);font-weight:700}.game-ui-liquid-metal-compare{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px;display:grid}.game-ui-liquid-metal-stage{place-items:center;padding:28px 16px 36px;display:grid}.game-ui-preview-hero>*{animation:game-ui-rise var(--game-ui-motion-slow) var(--game-ui-ease-soft) both}.game-ui-preview-hero>:nth-child(2){animation-delay:60ms}.game-ui-preview-hero>:nth-child(3){animation-delay:.12s}.game-ui-preview-hero>:nth-child(4){animation-delay:.18s}@media (prefers-reduced-motion:reduce){.game-ui-preview-hero>*{animation:none}.game-ui-clay-preview *,.game-ui-clay-preview :before,.game-ui-clay-preview :after{scroll-behavior:auto!important;transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}}.game-ui-first-session-world{border-radius:var(--game-ui-radius-modal);background:linear-gradient(145deg, var(--game-ui-scenery-dusk-1) 0%, var(--game-ui-scenery-dusk-2) 48%, var(--game-ui-scenery-dusk-3) 100%);min-height:360px;box-shadow:var(--game-ui-shadow-modal);position:relative;overflow:hidden}.game-ui-first-session-world:before{border:4px solid color-mix(in srgb, var(--game-ui-text-on-dark) 22%, transparent);background:radial-gradient(ellipse at 50% 38%, var(--game-ui-scenery-wood-hi), var(--game-ui-scenery-wood-lo) 72%);content:"";border-radius:50%;position:absolute;inset:18% 22% 30%}.game-ui-first-session-modal-slot{border-radius:var(--game-ui-radius-modal);background:color-mix(in srgb, var(--game-ui-ink-deep) 18%, transparent);min-height:360px;position:relative;overflow:hidden}.game-ui-first-session-modal-slot .swimmer-first-session-onboarding-card{width:min(100%,360px);padding:18px}.game-ui-first-session-modal-slot .swimmer-first-session-onboarding-card h2{max-width:none;font-size:clamp(1.55rem,3vw,2.25rem)}.game-ui-first-session-modal-slot .swimmer-first-session-onboarding-steps{grid-template-columns:1fr}@media (width<=900px){.game-ui-clay-preview{padding:14px}.game-ui-preview-hero,.game-ui-stage-demo,.game-ui-preview-two-up,.game-ui-proof-frame.is-mobile-landscape .game-ui-stage-demo,.game-ui-first-session-preview{grid-template-columns:minmax(0,1fr)}.game-ui-preview-hero h1,.game-ui-preview-hero p{grid-column:auto}.game-ui-stage-world{min-height:390px}}@media (width<=900px) and (height<=500px) and (orientation:landscape){.game-ui-first-session-modal-slot .swimmer-first-session-onboarding-card{grid-template-columns:1fr;width:min(100%,360px);max-height:330px}.game-ui-first-session-modal-slot .swimmer-first-session-onboarding-steps{grid-area:auto;grid-template-columns:1fr}}.game-ui-asset-compression-repro{grid-template-columns:repeat(3,minmax(0,auto));align-items:start;gap:14px;display:grid;overflow-x:auto}.game-ui-asset-compression-repro-surface{width:var(--repro-width);min-width:var(--repro-width);border:var(--game-ui-stroke);border-radius:var(--game-ui-radius-panel);background:color-mix(in srgb, var(--game-ui-panel-strong) 42%, transparent);gap:8px;padding:10px;display:grid;overflow:hidden}.game-ui-asset-compression-repro-surface .game-ui-asset-library{width:100%}.game-ui-asset-compression-repro-surface[data-repro-surface=rail] .game-ui-asset-library{max-height:330px;overflow:auto}.game-ui-surface-pack-demo-scene{color:color-mix(in srgb, var(--game-ui-text-on-dark) 72%, transparent);letter-spacing:.08em;text-transform:uppercase;place-items:center;font-weight:900;display:grid;position:absolute;inset:0}.game-ui-surface-pack-demo-scene:before{aspect-ratio:1.7;border:4px solid color-mix(in srgb, var(--game-ui-text-on-dark) 22%, transparent);background:radial-gradient(ellipse at 50% 42%, var(--game-ui-scenery-wood-hi), var(--game-ui-scenery-wood-lo) 72%);width:min(46%,360px);box-shadow:var(--game-ui-shadow-scenery);content:"";border-radius:50%;position:absolute}.game-ui-surface-pack-demo-scene span{z-index:1;position:relative}.game-ui-construction-preview-card{text-align:center;place-items:center;gap:6px;width:100%;height:100%;padding:18px;display:grid}.game-ui-construction-preview-card strong{color:var(--game-ui-text);font-family:var(--game-ui-font-display);font-size:var(--game-ui-font-lg)}.game-ui-construction-preview-card small{color:var(--game-ui-text-muted);font-size:var(--game-ui-font-xs);text-transform:uppercase;font-weight:820}.game-ui-construction-preview-card[data-preview=after]{background:radial-gradient(circle at 50% 58%, color-mix(in srgb, var(--game-ui-success) 30%, transparent), transparent 7rem)}.game-ui-construction-preview-card[data-preview=before]{background:radial-gradient(circle at 50% 58%, color-mix(in srgb, var(--game-ui-accent) 22%, transparent), transparent 7rem)}.game-ui-liquid-gooey-card{border:var(--game-ui-stroke);border-radius:var(--game-ui-radius-modal);background:color-mix(in srgb, var(--game-ui-panel-strong) 82%, transparent);width:min(100%,720px);box-shadow:var(--game-ui-shadow-panel);gap:16px;margin:0 auto;padding:clamp(16px,3vw,28px);display:grid}.game-ui-liquid-demo-header{gap:5px;display:grid}.game-ui-liquid-demo-header h2{color:var(--game-ui-ink-heading);font-family:var(--game-ui-font-display);font-size:clamp(1.5rem,4vw,2.15rem);font-weight:var(--game-ui-weight-title);margin:0;line-height:.95}.game-ui-liquid-demo-header p{max-width:58ch;color:var(--game-ui-text-muted);font-size:var(--game-ui-font-md);line-height:var(--game-ui-line-body);margin:0}.game-ui-liquid-demo-kicker,.game-ui-liquid-demo-status{color:var(--game-ui-secondary);font-size:var(--game-ui-font-xs);letter-spacing:.08em;text-transform:uppercase;font-weight:850}.game-ui-liquid-demo-stage{border:var(--game-ui-stroke);border-radius:var(--game-ui-radius-panel);background:color-mix(in srgb, var(--game-ui-secondary-pale) 28%, var(--game-ui-bg));place-items:center;min-height:220px;padding:8px;display:grid;overflow:visible}.game-ui-liquid-demo-group{max-width:100%}.game-ui-liquid-image-stage{min-height:250px}.game-ui-liquid-image-group{overflow:visible}.game-ui-liquid-image-group .game-ui-liquid-item>img,.game-ui-liquid-dissolve-card>img{object-fit:cover;border-radius:30px;width:100%;height:100%;display:block}.game-ui-liquid-image-label{z-index:1;color:var(--game-ui-text-on-dark);font-family:var(--game-ui-font-mono);letter-spacing:.06em;text-align:center;text-shadow:0 1px 3px color-mix(in srgb, var(--game-ui-ink-deep) 65%, transparent);font-size:.62rem;font-weight:850;line-height:1.1;position:absolute;bottom:10px;left:12px;right:12px}.game-ui-liquid-dissolve-card{border-radius:30px;width:100%;height:100%;position:relative;overflow:hidden}.game-ui-liquid-demo-orb,.game-ui-liquid-demo-capsule{border-radius:var(--game-ui-radius-bead);box-shadow:none;color:var(--game-ui-text);appearance:none;font-family:var(--game-ui-font-display);font-size:var(--game-ui-font-lg);font-weight:var(--game-ui-weight-title);cursor:pointer;background:0 0;border:0;place-items:center;padding:0;display:grid}.game-ui-liquid-demo-orb{width:76px;height:76px}.game-ui-liquid-demo-capsule{width:120px;height:76px}.game-ui-liquid-demo-orb:hover,.game-ui-liquid-demo-capsule:hover{color:var(--game-ui-ink-heading)}.game-ui-liquid-demo-morph-card,.game-ui-liquid-demo-bend-card{border-radius:var(--game-ui-radius-bead);width:100%;height:100%;box-shadow:none;color:var(--game-ui-text);appearance:none;font-family:var(--game-ui-font-display);font-size:var(--game-ui-font-md);font-weight:var(--game-ui-weight-title);cursor:pointer;background:0 0;border:0;place-items:center;padding:0;display:grid}.game-ui-liquid-demo-morph-card:hover,.game-ui-liquid-demo-bend-card:hover{color:var(--game-ui-ink-heading)}.game-ui-liquid-demo-bend-card{will-change:transform;width:144px;height:64px}.game-ui-liquid-demo-badge{width:100%;height:100%;color:var(--game-ui-text);font-family:var(--game-ui-font-display);font-size:var(--game-ui-font-sm);font-weight:var(--game-ui-weight-title);place-items:center;display:grid}.game-ui-liquid-demo-controls{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.game-ui-liquid-waviness-comparison{width:min(100%,980px)}.game-ui-liquid-waviness-grid{gap:10px;display:grid}.game-ui-liquid-waviness-grid-heading{color:var(--game-ui-text-muted);font-size:var(--game-ui-font-xs);letter-spacing:.08em;text-transform:uppercase;font-weight:850}.game-ui-liquid-waviness-row{border-top:var(--game-ui-stroke);grid-template-columns:minmax(112px,.62fr) repeat(2,minmax(0,1fr));align-items:center;gap:10px;padding-top:10px;display:grid}.game-ui-liquid-waviness-heading-row{border-top:0;padding-top:0}.game-ui-liquid-waviness-size{color:var(--game-ui-ink-heading);font-family:var(--game-ui-font-display);font-size:var(--game-ui-font-sm);font-weight:var(--game-ui-weight-title)}.game-ui-liquid-waviness-cell{justify-items:center;gap:7px;min-width:0;display:grid}.game-ui-liquid-waviness-label{color:var(--game-ui-text-muted);font-family:var(--game-ui-font-mono);text-align:center;font-size:.68rem;font-weight:760}.game-ui-liquid-waviness-surface{max-width:100%;overflow:visible}.game-ui-liquid-waviness-surface .game-ui-liquid-content{position:absolute;inset:0}@media (width<=480px){.game-ui-liquid-gooey-card{padding:14px}.game-ui-liquid-demo-controls{flex-direction:column;align-items:stretch}.game-ui-liquid-demo-controls .game-ui-button{width:100%}.game-ui-liquid-waviness-row{grid-template-columns:1fr;justify-items:start}.game-ui-liquid-waviness-cell{justify-items:start}}.game-ui-liquid-page__rule{border-left:3px solid var(--game-ui-accent);border-radius:var(--game-ui-radius-card);background:var(--game-ui-panel);max-width:62ch;color:var(--game-ui-text-muted);font-size:var(--game-ui-font-sm);padding:12px 16px;line-height:1.55}.game-ui-liquid-page__tone-picker{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.game-ui-liquid-page__tone-picker>span{color:var(--game-ui-text-muted);font-family:var(--game-ui-font-mono);font-size:var(--game-ui-font-xs)}.game-ui-liquid-page__shelf,.game-ui-liquid-page__sizes,.game-ui-liquid-page__tones,.game-ui-liquid-page__states{gap:16px;display:grid}.game-ui-liquid-page__shelf{grid-template-columns:repeat(auto-fit,minmax(248px,1fr))}.game-ui-liquid-page__sizes{grid-template-columns:repeat(auto-fit,minmax(420px,1fr))}.game-ui-liquid-page__tones{grid-template-columns:repeat(auto-fit,minmax(190px,1fr))}.game-ui-liquid-page__states{grid-template-columns:repeat(auto-fit,minmax(230px,1fr))}.game-ui-liquid-page__tile,.game-ui-liquid-page__tone,.game-ui-liquid-page__state{text-align:center;justify-items:center;gap:10px;display:grid}.game-ui-liquid-page__tile h4,.game-ui-liquid-page__tone h4,.game-ui-liquid-page__state h4,.game-ui-liquid-page__size-row h4{font-family:var(--game-ui-font-mono);font-size:var(--game-ui-font-sm);letter-spacing:.04em;margin:0}.game-ui-liquid-page__tile{grid-template-rows:auto auto 1fr auto auto}.game-ui-liquid-page__tile p{min-height:2.8em;margin:0}.game-ui-liquid-page__prose{max-width:74ch;color:var(--game-ui-text-muted);font-size:var(--game-ui-font-sm);margin:0;line-height:1.6}.game-ui-liquid-page__tile .game-ui-liquid-page__prose{font-size:var(--game-ui-font-xs)}.game-ui-liquid-page__hint{color:var(--game-ui-text-muted);font-size:var(--game-ui-font-sm);font-weight:400}.game-ui-liquid-page__rail{place-items:center;display:grid}.game-ui-liquid-page__rail>*{grid-area:1/1}.game-ui-liquid-page__rail-slots{z-index:1;color:var(--game-ui-text-muted);font-family:var(--game-ui-font-mono);font-size:var(--game-ui-font-xs);display:flex;position:relative}.game-ui-liquid-page__rail-slots span{text-align:center;width:62px}.game-ui-liquid-page__rail-slots [data-on=true]{color:var(--game-ui-accent-contrast);font-weight:700}.game-ui-liquid-page__stage-slot{place-items:center;width:100%;min-height:104px;display:grid}.game-ui-liquid-page__stage-slot--thin{min-height:72px}.game-ui-liquid-page__body{display:block}.game-ui-liquid-page__stage{justify-content:center;align-items:center;gap:0;min-width:220px;display:flex}.game-ui-liquid-page__knobs{border-top:1px solid var(--game-ui-border-subtle);text-align:left;grid-template-columns:auto 1fr;gap:2px 10px;width:100%;margin:0;padding-top:8px;display:grid}.game-ui-liquid-page__knobs dt{color:var(--game-ui-text-muted);font-family:var(--game-ui-font-mono);font-size:var(--game-ui-font-xs)}.game-ui-liquid-page__knobs dd{font-size:var(--game-ui-font-xs);overflow-wrap:anywhere;margin:0}.game-ui-liquid-page__derived{color:var(--game-ui-text-muted)}.game-ui-liquid-page__size-row{gap:12px;display:grid}.game-ui-liquid-page__size-row header{justify-content:space-between;align-items:center;gap:12px;display:flex}.game-ui-liquid-page__size-pair{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));align-items:end;gap:12px;display:grid}.game-ui-liquid-page__size-pair small,.game-ui-liquid-page__state small{color:var(--game-ui-text-muted);font-size:var(--game-ui-font-xs);text-align:center;line-height:1.45;display:block}.game-ui-liquid-page__pinned-press .game-ui-button{--game-ui-button-lip-depth:1px;translate:0 3px}.game-ui-liquid-page__glossary{gap:12px;max-width:78ch;margin:0;display:grid}.game-ui-liquid-page__glossary dt{color:var(--game-ui-accent-ink);font-family:var(--game-ui-font-mono);font-size:var(--game-ui-font-sm)}.game-ui-liquid-page__glossary dd{color:var(--game-ui-text-muted);font-size:var(--game-ui-font-sm);margin:2px 0 0;line-height:1.6}@media (width<=560px){.game-ui-liquid-page__sizes{grid-template-columns:1fr}}}
+@layer swimmer-ui{html[data-game-ui-preview=reference],html[data-game-ui-preview=reference] body,html[data-game-ui-preview=reference] #root{min-height:100%;margin:0}.game-ui-preview-canvas{min-height:100dvh;color:var(--game-ui-text);font-family:var(--game-ui-font-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:radial-gradient(circle at 12% 4%, var(--game-ui-preview-glow-warm), transparent 27rem), radial-gradient(circle at 86% 8%, var(--game-ui-preview-glow-mint), transparent 26rem), linear-gradient(160deg, var(--game-ui-preview-canvas-1) 0%, var(--game-ui-preview-canvas-2) 52%, var(--game-ui-preview-canvas-3) 100%);padding:24px}.game-ui-preview-canvas *,.game-ui-preview-canvas :before,.game-ui-preview-canvas :after{box-sizing:border-box}.game-ui-preview-canvas code{background:color-mix(in srgb, var(--game-ui-ink-deep) 8%, transparent);color:var(--game-ui-border-ink);border-radius:8px;padding:1px 6px;font-size:.74em}.game-ui-preview-canvas h1,.game-ui-preview-canvas h2,.game-ui-preview-canvas h3{text-wrap:balance}.game-ui-preview-hero,.game-ui-preview-section{width:min(100%,1180px);margin:0 auto}.game-ui-preview-hero{grid-template-columns:auto 1fr auto;align-items:start;gap:14px;padding:18px 0 22px;display:grid}.game-ui-preview-hero h1{max-width:13ch;color:var(--game-ui-ink-title);font-family:var(--game-ui-font-display);font-size:var(--game-ui-font-xxl);font-weight:var(--game-ui-weight-title);text-shadow:0 3px 0 color-mix(in srgb, var(--game-ui-surface) 72%, transparent);grid-column:1/-1;margin:0;line-height:.9}.game-ui-preview-hero p{max-width:72ch;color:var(--game-ui-text-muted);font-size:var(--game-ui-font-lg);line-height:var(--game-ui-line-body);text-wrap:pretty;grid-column:1/-1;margin:0}.game-ui-preview-section{border:var(--game-ui-stroke);border-radius:var(--game-ui-radius-modal);background:color-mix(in srgb, var(--game-ui-surface) 50%, transparent);box-shadow:none;grid-template-columns:minmax(0,1fr);gap:16px;margin-top:22px;padding:clamp(16px,2vw,24px);display:grid}.game-ui-preview-section>h2,.game-ui-token-card h3{color:var(--game-ui-ink-heading);font-family:var(--game-ui-font-display);margin:0;font-weight:900}.game-ui-preview-section>h2{font-size:clamp(1.35rem,2.2vw,2rem)}.game-ui-preview-section [id]{scroll-margin-block-start:8rem}.game-ui-preview-section>*,.game-ui-preview-two-up>*,.game-ui-preview-section .game-ui-panel>*{min-width:0}.game-ui-preview-start pre{white-space:pre-wrap;overflow-wrap:anywhere;max-width:100%}.game-ui-swatch-grid,.game-ui-token-ledger{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));align-items:start;gap:10px;display:grid}.game-ui-swatch,.game-ui-token-card,.game-ui-type-scale,.game-ui-stage-world,.game-ui-stage-sidecar,.game-ui-proof-frame{border:var(--game-ui-stroke);border-radius:var(--game-ui-radius-panel);background:var(--game-ui-surface);box-shadow:none}.game-ui-swatch{align-items:center;gap:10px;margin:0;padding:10px;display:flex}.game-ui-swatch>span{border:1px solid color-mix(in srgb, var(--game-ui-ink-deep) 16%, transparent);width:46px;height:46px;box-shadow:none;border-radius:15px;flex:none}.game-ui-swatch figcaption,.game-ui-token-row,.game-ui-type-scale{gap:2px;display:grid}.game-ui-token-card{gap:12px;padding:14px;display:grid}.game-ui-token-grid{gap:6px;display:grid}.game-ui-token-row{background:color-mix(in srgb, var(--game-ui-wood) 6%, transparent);border-radius:10px;grid-template-columns:1fr;align-items:start;padding:7px 8px}.game-ui-token-row span,.game-ui-small-copy,.game-ui-type-kicker{color:var(--game-ui-text-muted);font-size:var(--game-ui-font-xs);letter-spacing:.08em;text-transform:uppercase;font-style:normal;font-weight:820}.game-ui-token-row code{overflow-wrap:anywhere;white-space:normal}.game-ui-token-row>span:first-child{overflow-wrap:anywhere;letter-spacing:.04em;min-width:0;line-height:1.15}.game-ui-small-copy{text-wrap:pretty}.game-ui-type-scale{gap:9px;padding:clamp(18px,3vw,30px)}.game-ui-type-scale h1,.game-ui-type-scale h2,.game-ui-type-scale p,.game-ui-type-scale small{margin:0}.game-ui-type-scale h1{color:var(--game-ui-ink-title);font-family:var(--game-ui-font-display);font-size:var(--game-ui-font-xxl);font-weight:var(--game-ui-weight-title);line-height:var(--game-ui-line-tight)}.game-ui-type-scale h2{font-size:var(--game-ui-font-xl);font-weight:880}.game-ui-type-scale p{max-width:62ch;color:var(--game-ui-text-muted);font-size:var(--game-ui-font-md);line-height:var(--game-ui-line-body)}.game-ui-component-row,.game-ui-asset-path-grid,.game-ui-input-strip{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.game-ui-asset-path-grid code{overflow-wrap:anywhere;white-space:normal;min-width:0;max-width:100%}.game-ui-icon-gallery{gap:18px;display:grid}.game-ui-icon-family{gap:10px;display:grid}.game-ui-icon-family-head{gap:6px;display:grid}.game-ui-icon-grid{grid-template-columns:repeat(auto-fill,minmax(94px,1fr));gap:10px;display:grid}.game-ui-icon-cell{border:var(--game-ui-stroke);border-radius:var(--game-ui-radius-panel);background:var(--game-ui-surface);box-shadow:none;justify-items:center;gap:7px;margin:0;padding:12px 6px;display:grid}.game-ui-icon-cell figcaption{overflow-wrap:anywhere;min-width:0;max-width:100%;color:var(--game-ui-text-muted);font-size:var(--game-ui-font-xs);letter-spacing:.03em;text-align:center;font-weight:760}.game-ui-stage-demo,.game-ui-preview-two-up,.game-ui-proof-frames{grid-template-columns:minmax(0,1.35fr) minmax(280px,.65fr);gap:14px;display:grid}.game-ui-first-session-preview{grid-template-columns:1fr;gap:14px;display:grid}.game-ui-stage-world{background:radial-gradient(ellipse at 50% 66%, var(--game-ui-scenery-clearing) 0 18%, transparent 18.5%), radial-gradient(circle at 25% 32%, color-mix(in srgb, var(--game-ui-secondary) 38%, transparent), transparent 11rem), radial-gradient(circle at 74% 28%, color-mix(in srgb, var(--game-ui-accent) 34%, transparent), transparent 12rem), linear-gradient(160deg, var(--game-ui-scenery-canopy), var(--game-ui-scenery-moss) 48%, var(--game-ui-scenery-soil) 100%);min-height:430px;padding:16px;position:relative;overflow:hidden}.game-ui-stage-world:before{background:linear-gradient(90deg, var(--game-ui-scenery-grid-strong) 1px, transparent 1px), linear-gradient(0deg, var(--game-ui-scenery-grid-soft) 1px, transparent 1px);content:"";opacity:.28;background-size:56px 56px;position:absolute;inset:0}.game-ui-table-prop{aspect-ratio:1.9;border:4px solid color-mix(in srgb, var(--game-ui-text-on-dark) 24%, transparent);background:radial-gradient(ellipse at 50% 38%, var(--game-ui-scenery-wood-hi), var(--game-ui-scenery-wood-lo) 72%);width:min(46%,360px);box-shadow:var(--game-ui-shadow-scenery);border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-42%)}.game-ui-seat{border:3px solid var(--game-ui-text-on-dark);background:radial-gradient(circle at 35% 28%, var(--game-ui-accent-pale), var(--game-ui-accent));width:36px;height:36px;box-shadow:var(--game-ui-shadow-seat);border-radius:50%;position:absolute}.game-ui-seat.is-host{top:-10px;left:46%}.game-ui-seat.is-guest-a{background:radial-gradient(circle at 35% 28%, var(--game-ui-secondary-pale), var(--game-ui-secondary));bottom:6%;right:7%}.game-ui-seat.is-guest-b{background:radial-gradient(circle at 35% 28%, var(--game-ui-berry-pale), var(--game-ui-berry));bottom:6%;left:7%}.game-ui-seat-callout{background:var(--game-ui-surface);color:var(--game-ui-text);font-size:var(--game-ui-font-xs);box-shadow:var(--game-ui-shadow-callout);white-space:nowrap;border-radius:16px 16px 16px 5px;padding:6px 9px;font-weight:820;position:absolute}.game-ui-seat-callout.is-a{top:-44px;left:20%}.game-ui-seat-callout.is-b{top:-28px;right:8%}.game-ui-input-strip{z-index:var(--game-ui-z-hud);justify-content:flex-end;position:absolute;bottom:16px;left:16px;right:16px}.game-ui-stage-sidecar{align-content:start;gap:10px;padding:12px;display:grid}.game-ui-proof-frames{grid-template-columns:1fr}.game-ui-proof-frame{padding:12px;overflow:hidden}.game-ui-proof-frame>header{justify-content:space-between;align-items:center;gap:10px;margin-bottom:10px;display:flex}.game-ui-proof-frame.is-desktop .game-ui-stage-demo{width:min(100%,1440px);min-height:min(900px,64dvh)}.game-ui-proof-frame.is-mobile-landscape .game-ui-stage-demo{grid-template-columns:minmax(0,1fr) minmax(220px,.54fr);width:min(100%,844px);min-height:390px}.game-ui-proof-frame.is-mobile-landscape .game-ui-stage-world{min-height:390px}.game-ui-proof-frame.is-mobile-landscape .game-ui-hud-tools{display:none}.game-ui-overlay-glass-compare{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:14px;display:grid}.game-ui-overlay-glass-column{gap:8px;display:grid}.game-ui-overlay-glass-column>header{gap:2px;display:grid}.game-ui-overlay-glass-proof{align-content:space-between;gap:12px;min-height:360px;display:grid}.game-ui-overlay-glass-proof .game-ui-panel{margin-top:auto}.game-ui-liquid-showcase{gap:16px;display:grid}.game-ui-liquid-showcase__grid{grid-template-columns:repeat(auto-fit,minmax(190px,1fr));align-items:start;gap:20px 16px;display:grid}.game-ui-liquid-showcase__pair{justify-items:center;gap:16px;padding:12px 8px 4px;display:grid}.game-ui-liquid-showcase__pair small{color:var(--game-ui-text-muted);font-size:var(--game-ui-font-xs);text-align:center;line-height:1.4}.game-ui-liquid-showcase__link{color:var(--game-ui-accent-ink);font-weight:700}.game-ui-liquid-metal-compare{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px;display:grid}.game-ui-liquid-metal-stage{place-items:center;padding:28px 16px 36px;display:grid}.game-ui-preview-hero>*{animation:game-ui-rise var(--game-ui-motion-slow) var(--game-ui-ease-soft) both}.game-ui-preview-hero>:nth-child(2){animation-delay:60ms}.game-ui-preview-hero>:nth-child(3){animation-delay:.12s}.game-ui-preview-hero>:nth-child(4){animation-delay:.18s}@media (prefers-reduced-motion:reduce){.game-ui-preview-hero>*{animation:none}.game-ui-preview-canvas *,.game-ui-preview-canvas :before,.game-ui-preview-canvas :after{scroll-behavior:auto!important;transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}}.game-ui-first-session-world{border-radius:var(--game-ui-radius-modal);background:linear-gradient(145deg, var(--game-ui-scenery-dusk-1) 0%, var(--game-ui-scenery-dusk-2) 48%, var(--game-ui-scenery-dusk-3) 100%);min-height:360px;box-shadow:var(--game-ui-shadow-raised);position:relative;overflow:hidden}.game-ui-first-session-world:before{border:4px solid color-mix(in srgb, var(--game-ui-text-on-dark) 22%, transparent);background:radial-gradient(ellipse at 50% 38%, var(--game-ui-scenery-wood-hi), var(--game-ui-scenery-wood-lo) 72%);content:"";border-radius:50%;position:absolute;inset:18% 22% 30%}.game-ui-first-session-modal-slot{border-radius:var(--game-ui-radius-modal);background:color-mix(in srgb, var(--game-ui-ink-deep) 18%, transparent);min-height:360px;position:relative;overflow:hidden}.game-ui-first-session-modal-slot .swimmer-first-session-onboarding-card{width:min(100%,360px);padding:18px}.game-ui-first-session-modal-slot .swimmer-first-session-onboarding-card h2{max-width:none;font-size:clamp(1.55rem,3vw,2.25rem)}.game-ui-first-session-modal-slot .swimmer-first-session-onboarding-steps{grid-template-columns:1fr}@media (width<=900px){.game-ui-preview-canvas{padding:14px}.game-ui-preview-hero,.game-ui-stage-demo,.game-ui-preview-two-up,.game-ui-proof-frame.is-mobile-landscape .game-ui-stage-demo,.game-ui-first-session-preview{grid-template-columns:minmax(0,1fr)}.game-ui-preview-hero h1,.game-ui-preview-hero p{grid-column:auto}.game-ui-stage-world{min-height:390px}}@media (width<=900px) and (height<=500px) and (orientation:landscape){.game-ui-first-session-modal-slot .swimmer-first-session-onboarding-card{grid-template-columns:1fr;width:min(100%,360px);max-height:330px}.game-ui-first-session-modal-slot .swimmer-first-session-onboarding-steps{grid-area:auto;grid-template-columns:1fr}}.game-ui-asset-compression-repro{grid-template-columns:repeat(3,minmax(0,auto));align-items:start;gap:14px;display:grid;overflow-x:auto}.game-ui-asset-compression-repro-surface{width:var(--repro-width);min-width:var(--repro-width);border:var(--game-ui-stroke);border-radius:var(--game-ui-radius-panel);background:color-mix(in srgb, var(--game-ui-surface) 42%, transparent);gap:8px;padding:10px;display:grid;overflow:hidden}.game-ui-surface-pack-demo-scene{color:color-mix(in srgb, var(--game-ui-text-on-dark) 72%, transparent);letter-spacing:.08em;text-transform:uppercase;place-items:center;font-weight:900;display:grid;position:absolute;inset:0}.game-ui-surface-pack-demo-scene:before{aspect-ratio:1.7;border:4px solid color-mix(in srgb, var(--game-ui-text-on-dark) 22%, transparent);background:radial-gradient(ellipse at 50% 42%, var(--game-ui-scenery-wood-hi), var(--game-ui-scenery-wood-lo) 72%);width:min(46%,360px);box-shadow:var(--game-ui-shadow-scenery);content:"";border-radius:50%;position:absolute}.game-ui-surface-pack-demo-scene span{z-index:1;position:relative}.game-ui-construction-preview-card{text-align:center;place-items:center;gap:6px;width:100%;height:100%;padding:18px;display:grid}.game-ui-construction-preview-card strong{color:var(--game-ui-text);font-family:var(--game-ui-font-display);font-size:var(--game-ui-font-lg)}.game-ui-construction-preview-card small{color:var(--game-ui-text-muted);font-size:var(--game-ui-font-xs);text-transform:uppercase;font-weight:820}.game-ui-construction-preview-card[data-preview=after]{background:radial-gradient(circle at 50% 58%, color-mix(in srgb, var(--game-ui-success) 30%, transparent), transparent 7rem)}.game-ui-construction-preview-card[data-preview=before]{background:radial-gradient(circle at 50% 58%, color-mix(in srgb, var(--game-ui-accent) 22%, transparent), transparent 7rem)}.game-ui-liquid-gooey-card{border:var(--game-ui-stroke);border-radius:var(--game-ui-radius-modal);background:color-mix(in srgb, var(--game-ui-surface) 82%, transparent);width:min(100%,720px);box-shadow:none;gap:16px;margin:0 auto;padding:clamp(16px,3vw,28px);display:grid}.game-ui-liquid-demo-header{gap:5px;display:grid}.game-ui-liquid-demo-header h2{color:var(--game-ui-ink-heading);font-family:var(--game-ui-font-display);font-size:clamp(1.5rem,4vw,2.15rem);font-weight:var(--game-ui-weight-title);margin:0;line-height:.95}.game-ui-liquid-demo-header p{max-width:58ch;color:var(--game-ui-text-muted);font-size:var(--game-ui-font-md);line-height:var(--game-ui-line-body);margin:0}.game-ui-liquid-demo-kicker,.game-ui-liquid-demo-status{color:var(--game-ui-text-muted);font-size:var(--game-ui-font-xs);letter-spacing:.08em;text-transform:uppercase;font-weight:850}.game-ui-liquid-demo-stage{border:var(--game-ui-stroke);border-radius:var(--game-ui-radius-panel);background:color-mix(in srgb, var(--game-ui-secondary-pale) 28%, var(--game-ui-bg));place-items:center;min-height:220px;padding:8px;display:grid;overflow:visible}.game-ui-liquid-demo-group{max-width:100%}.game-ui-liquid-image-stage{min-height:250px}.game-ui-liquid-image-group{overflow:visible}.game-ui-liquid-image-group .game-ui-liquid-item>img,.game-ui-liquid-dissolve-card>img{object-fit:cover;border-radius:30px;width:100%;height:100%;display:block}.game-ui-liquid-image-label{z-index:1;color:var(--game-ui-text-on-dark);font-family:var(--game-ui-font-mono);letter-spacing:.06em;text-align:center;text-shadow:0 1px 3px color-mix(in srgb, var(--game-ui-ink-deep) 65%, transparent);font-size:.62rem;font-weight:850;line-height:1.1;position:absolute;bottom:10px;left:12px;right:12px}.game-ui-liquid-dissolve-card{border-radius:30px;width:100%;height:100%;position:relative;overflow:hidden}.game-ui-liquid-demo-orb,.game-ui-liquid-demo-capsule{border-radius:var(--game-ui-radius-bead);box-shadow:none;color:var(--game-ui-text);appearance:none;font-family:var(--game-ui-font-display);font-size:var(--game-ui-font-lg);font-weight:var(--game-ui-weight-title);cursor:pointer;background:0 0;border:0;place-items:center;padding:0;display:grid}.game-ui-liquid-demo-orb{width:76px;height:76px}.game-ui-liquid-demo-capsule{width:120px;height:76px}.game-ui-liquid-demo-orb:hover,.game-ui-liquid-demo-capsule:hover{color:var(--game-ui-ink-heading)}.game-ui-liquid-demo-morph-card,.game-ui-liquid-demo-bend-card{border-radius:var(--game-ui-radius-bead);width:100%;height:100%;box-shadow:none;color:var(--game-ui-text);appearance:none;font-family:var(--game-ui-font-display);font-size:var(--game-ui-font-md);font-weight:var(--game-ui-weight-title);cursor:pointer;background:0 0;border:0;place-items:center;padding:0;display:grid}.game-ui-liquid-demo-morph-card:hover,.game-ui-liquid-demo-bend-card:hover{color:var(--game-ui-ink-heading)}.game-ui-liquid-demo-bend-card{will-change:transform;width:144px;height:64px}.game-ui-liquid-demo-badge{width:100%;height:100%;color:var(--game-ui-text);font-family:var(--game-ui-font-display);font-size:var(--game-ui-font-sm);font-weight:var(--game-ui-weight-title);place-items:center;display:grid}.game-ui-liquid-demo-controls{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.game-ui-liquid-waviness-comparison{width:min(100%,980px)}.game-ui-liquid-waviness-grid{gap:10px;display:grid}.game-ui-liquid-waviness-grid-heading{color:var(--game-ui-text-muted);font-size:var(--game-ui-font-xs);letter-spacing:.08em;text-transform:uppercase;font-weight:850}.game-ui-liquid-waviness-row{border-top:var(--game-ui-stroke);grid-template-columns:minmax(112px,.62fr) repeat(2,minmax(0,1fr));align-items:center;gap:10px;padding-top:10px;display:grid}.game-ui-liquid-waviness-heading-row{border-top:0;padding-top:0}.game-ui-liquid-waviness-size{color:var(--game-ui-ink-heading);font-family:var(--game-ui-font-display);font-size:var(--game-ui-font-sm);font-weight:var(--game-ui-weight-title)}.game-ui-liquid-waviness-cell{justify-items:center;gap:7px;min-width:0;display:grid}.game-ui-liquid-waviness-label{color:var(--game-ui-text-muted);font-family:var(--game-ui-font-mono);text-align:center;font-size:.68rem;font-weight:760}.game-ui-liquid-waviness-surface{max-width:100%;overflow:visible}.game-ui-liquid-waviness-surface .game-ui-liquid-content{position:absolute;inset:0}@media (width<=480px){.game-ui-liquid-gooey-card{padding:14px}.game-ui-liquid-demo-controls{flex-direction:column;align-items:stretch}.game-ui-liquid-demo-controls .game-ui-button{width:100%}.game-ui-liquid-waviness-row{grid-template-columns:1fr;justify-items:start}.game-ui-liquid-waviness-cell{justify-items:start}}.game-ui-liquid-page__rule{border-left:3px solid var(--game-ui-accent);border-radius:var(--game-ui-radius-card);background:var(--game-ui-surface);max-width:62ch;color:var(--game-ui-text-muted);font-size:var(--game-ui-font-sm);padding:12px 16px;line-height:1.55}.game-ui-liquid-page__tone-picker{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.game-ui-liquid-page__tone-picker>span{color:var(--game-ui-text-muted);font-family:var(--game-ui-font-mono);font-size:var(--game-ui-font-xs)}.game-ui-liquid-page__shelf,.game-ui-liquid-page__sizes,.game-ui-liquid-page__tones,.game-ui-liquid-page__states{gap:16px;display:grid}.game-ui-liquid-page__shelf{grid-template-columns:repeat(auto-fit,minmax(248px,1fr))}.game-ui-liquid-page__sizes{grid-template-columns:repeat(auto-fit,minmax(420px,1fr))}.game-ui-liquid-page__tones{grid-template-columns:repeat(auto-fit,minmax(190px,1fr))}.game-ui-liquid-page__states{grid-template-columns:repeat(auto-fit,minmax(230px,1fr))}.game-ui-liquid-page__tile,.game-ui-liquid-page__tone,.game-ui-liquid-page__state{text-align:center;justify-items:center;gap:10px;display:grid}.game-ui-liquid-page__tile h4,.game-ui-liquid-page__tone h4,.game-ui-liquid-page__state h4,.game-ui-liquid-page__size-row h4{font-family:var(--game-ui-font-mono);font-size:var(--game-ui-font-sm);letter-spacing:.04em;margin:0}.game-ui-liquid-page__tile{grid-template-rows:auto auto 1fr auto auto}.game-ui-liquid-page__tile p{min-height:2.8em;margin:0}.game-ui-liquid-page__prose{max-width:74ch;color:var(--game-ui-text-muted);font-size:var(--game-ui-font-sm);margin:0;line-height:1.6}.game-ui-liquid-page__tile .game-ui-liquid-page__prose{font-size:var(--game-ui-font-xs)}.game-ui-liquid-page__hint{color:var(--game-ui-text-muted);font-size:var(--game-ui-font-sm);font-weight:400}.game-ui-liquid-page__rail{place-items:center;display:grid}.game-ui-liquid-page__rail>*{grid-area:1/1}.game-ui-liquid-page__rail-slots{z-index:1;color:var(--game-ui-text-muted);font-family:var(--game-ui-font-mono);font-size:var(--game-ui-font-xs);display:flex;position:relative}.game-ui-liquid-page__rail-slots span{text-align:center;width:62px}.game-ui-liquid-page__rail-slots [data-on=true]{color:var(--game-ui-accent-contrast);font-weight:700}.game-ui-liquid-page__stage-slot{place-items:center;width:100%;min-height:104px;display:grid}.game-ui-liquid-page__stage-slot--thin{min-height:72px}.game-ui-liquid-page__body{display:block}.game-ui-liquid-page__stage{justify-content:center;align-items:center;gap:0;min-width:220px;display:flex}.game-ui-liquid-page__knobs{border-top:1px solid var(--game-ui-border-subtle);text-align:left;grid-template-columns:auto 1fr;gap:2px 10px;width:100%;margin:0;padding-top:8px;display:grid}.game-ui-liquid-page__knobs dt{color:var(--game-ui-text-muted);font-family:var(--game-ui-font-mono);font-size:var(--game-ui-font-xs)}.game-ui-liquid-page__knobs dd{font-size:var(--game-ui-font-xs);overflow-wrap:anywhere;margin:0}.game-ui-liquid-page__derived{color:var(--game-ui-text-muted)}.game-ui-liquid-page__size-row{gap:12px;display:grid}.game-ui-liquid-page__size-row header{justify-content:space-between;align-items:center;gap:12px;display:flex}.game-ui-liquid-page__size-pair{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));align-items:end;gap:12px;display:grid}.game-ui-liquid-page__size-pair small,.game-ui-liquid-page__state small{color:var(--game-ui-text-muted);font-size:var(--game-ui-font-xs);text-align:center;line-height:1.45;display:block}.game-ui-liquid-page__glossary{gap:12px;max-width:78ch;margin:0;display:grid}.game-ui-liquid-page__glossary dt{color:var(--game-ui-accent-ink);font-family:var(--game-ui-font-mono);font-size:var(--game-ui-font-sm)}.game-ui-liquid-page__glossary dd{color:var(--game-ui-text-muted);font-size:var(--game-ui-font-sm);margin:2px 0 0;line-height:1.6}@media (width<=560px){.game-ui-liquid-page__sizes{grid-template-columns:1fr}}.game-ui-preview-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}}

package/dist/preview.d.ts

@@ -0,0 +1,24 @@
+import { ReactNode } from 'react';
+
+export declare const GAME_UI_PREVIEW_MESSAGES: readonly GameUiHistoryEntry[];
+
+declare interface GameUiHistoryEntry {
+    id: string;
+    kind: GameUiHistoryKind;
+    meta: string;
+    speaker: string;
+    text: string;
+}
+
+declare type GameUiHistoryKind = 'human' | 'mystery' | 'system';
+
+export declare function GameUiPreview({ title, body }: GameUiPreviewProps): ReactNode;
+
+export declare interface GameUiPreviewProps {
+    title?: string;
+    body?: string;
+}
+
+export declare function LiquidPreview(): ReactNode;
+
+export { }