@pieai/swimmer-ui-kit 1.4.0 → 1.6.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +65 -0
- package/README.md +16 -0
- package/bin/swimmer-ui-check.mjs +159 -2
- package/dist/index.d.ts +12 -0
- package/dist/index.js +4 -0
- package/dist/styles.css +1 -1
- package/package.json +22 -23
package/CHANGELOG.md
CHANGED
|
@@ -3,6 +3,71 @@
|
|
|
3
3
|
All notable changes to `@pieai/swimmer-ui-kit`.
|
|
4
4
|
Format: [Keep a Changelog](https://keepachangelog.com); versioning: semver.
|
|
5
5
|
|
|
6
|
+
## 1.6.0
|
|
7
|
+
|
|
8
|
+
### Added
|
|
9
|
+
|
|
10
|
+
- **`--game-ui-font-mono`.** Three consumer stylesheets were already writing
|
|
11
|
+
`var(--game-ui-font-mono, ui-monospace, …)` against a token this kit never
|
|
12
|
+
defined. Because `var()` takes a fallback, nothing failed anywhere: the CSS
|
|
13
|
+
looked token-driven while the fallback did all the work, and a brand change
|
|
14
|
+
to code type could not reach any of them. The stack includes a CJK mono
|
|
15
|
+
face, because a code block with a Chinese comment in it is the normal case
|
|
16
|
+
for these products.
|
|
17
|
+
- **A reading scale** — `--game-ui-font-reading`, `--game-ui-line-reading`,
|
|
18
|
+
`--game-ui-measure-reading`. The existing scale is a HUD scale and stops at
|
|
19
|
+
`--game-ui-font-lg` (1.18rem), which is right beside a button and wrong for a
|
|
20
|
+
screen someone reads for eight minutes. The three values are not invented:
|
|
21
|
+
they are what a consumer measured against real content (Chinese prose around
|
|
22
|
+
2,300 characters per screen, with code in it) and then had to keep in its own
|
|
23
|
+
stylesheet because the kit had nowhere to put them. A product holding its own
|
|
24
|
+
reading typography is a product whose reading typography drifts from the
|
|
25
|
+
brand.
|
|
26
|
+
- `CLAY_TYPE_TOKENS` mirrors all four, and a test now asserts every mirrored
|
|
27
|
+
type token is actually defined in `theme.css` — the mirror is a promise that
|
|
28
|
+
a variable of that name exists, and the mono gap is exactly that promise
|
|
29
|
+
being broken quietly.
|
|
30
|
+
|
|
31
|
+
Additive only. No existing token, class or component changed.
|
|
32
|
+
|
|
33
|
+
## 1.5.0 — 2026-08-22
|
|
34
|
+
|
|
35
|
+
`swimmer-ui-check` now also fails on token pairs that cannot be read.
|
|
36
|
+
|
|
37
|
+
The raw-colour rule kept consumers on tokens. It never stopped them choosing
|
|
38
|
+
two tokens that do not contrast, and one pairing is genuinely inviting:
|
|
39
|
+
`--game-ui-accent-ink` reads like "the ink for accent things" and means the
|
|
40
|
+
opposite — accent-COLOURED ink, for a surface. Painted on `--game-ui-accent`
|
|
41
|
+
it measures 1.48:1 on night and 1.91:1 on light. It reached a shipping
|
|
42
|
+
product's primary button, the one control every user has to find, and every
|
|
43
|
+
test that product had was green.
|
|
44
|
+
|
|
45
|
+
PRODUCT.md promises contrast-safe token combinations. That promise only ever
|
|
46
|
+
covered the pairs the kit uses itself; nothing checked the pairs a consumer
|
|
47
|
+
built. Now something does.
|
|
48
|
+
|
|
49
|
+
### Added
|
|
50
|
+
|
|
51
|
+
- Contrast checking in `swimmer-ui-check`. Rules that set both a background
|
|
52
|
+
and a colour from bare tokens are resolved against this package's own
|
|
53
|
+
`dist/styles.css`, per theme, and reported below WCAG AA (4.5:1) with the
|
|
54
|
+
ratio and the theme named.
|
|
55
|
+
|
|
56
|
+
### Notes on what it deliberately does not do
|
|
57
|
+
|
|
58
|
+
- Only bare `var(--game-ui-x)` values are judged. `color-mix`, gradients and
|
|
59
|
+
anything composited are skipped: a tint of the accent behind accent-coloured
|
|
60
|
+
text is readable, and reading the first token out of the expression scores it
|
|
61
|
+
1.00:1. The first draft did that and flagged four rules that were fine — a
|
|
62
|
+
linter that cries wolf gets the next real finding skimmed too.
|
|
63
|
+
- Tokens carrying alpha are skipped for the same reason. What they composite
|
|
64
|
+
against is not knowable from a stylesheet.
|
|
65
|
+
|
|
66
|
+
### Compatibility
|
|
67
|
+
|
|
68
|
+
Additive. Existing raw-colour behaviour is unchanged; a project that was clean
|
|
69
|
+
stays clean unless it genuinely has an unreadable pair.
|
|
70
|
+
|
|
6
71
|
## 1.4.0 — 2026-08-22
|
|
7
72
|
|
|
8
73
|
The kit shipped an icon set that no consumer could see. Nothing was broken and
|
package/README.md
CHANGED
|
@@ -68,9 +68,25 @@ import '@pieai/swimmer-ui-kit/tailwind.css';
|
|
|
68
68
|
}
|
|
69
69
|
```
|
|
70
70
|
|
|
71
|
+
- **Type**: a HUD scale (`--game-ui-font-xs` … `-xxl`) plus the three things a
|
|
72
|
+
HUD scale does not cover — `--game-ui-font-mono` for code, and
|
|
73
|
+
`--game-ui-font-reading` / `--game-ui-line-reading` /
|
|
74
|
+
`--game-ui-measure-reading` for a screen someone reads for minutes rather
|
|
75
|
+
than glances at. Reach for the reading trio whenever the text is prose, not
|
|
76
|
+
a label.
|
|
71
77
|
- **Official themes**: light (default) and `night`
|
|
72
78
|
(`<html data-game-ui-theme="night">`). Downstream theming = overriding
|
|
73
79
|
semantic tokens; see the design system guide.
|
|
80
|
+
- **`swimmer-ui-check`**: lints your CSS for raw colour literals in component
|
|
81
|
+
rules *and* for token pairs that cannot be read. Two tokens are not
|
|
82
|
+
automatically safe together — `--game-ui-accent-ink` is accent-COLOURED ink
|
|
83
|
+
for a surface, `--game-ui-accent-contrast` is the ink meant to sit **on**
|
|
84
|
+
`--game-ui-accent`. Pairing the first with the accent measures 1.48:1.
|
|
85
|
+
|
|
86
|
+
```bash
|
|
87
|
+
npx swimmer-ui-check src
|
|
88
|
+
```
|
|
89
|
+
|
|
74
90
|
- **Clay assets**: two lines of setup, and **skipping them is not a no-op**.
|
|
75
91
|
Out of the box the kit draws *placeholders* — one rounded square per icon
|
|
76
92
|
with a letter in it — not the icon set. They exist so a fresh install
|
package/bin/swimmer-ui-check.mjs
CHANGED
|
@@ -16,7 +16,8 @@
|
|
|
16
16
|
// dir directory to scan, default "src"
|
|
17
17
|
// --ext comma-separated extensions to scan, default "css"
|
|
18
18
|
import { readFileSync, readdirSync, statSync } from 'node:fs';
|
|
19
|
-
import { extname, join, relative } from 'node:path';
|
|
19
|
+
import { dirname, extname, join, relative, resolve } from 'node:path';
|
|
20
|
+
import { fileURLToPath } from 'node:url';
|
|
20
21
|
|
|
21
22
|
const RAW_COLOR = /#[0-9a-fA-F]{3,8}\b|\brgba?\(|\bhsla?\(|\boklch\(/g;
|
|
22
23
|
const TOKEN_BLOCK_SELECTOR = /:root\b|\[data-[\w-]*(?:theme|tone)[\w-]*\s*=/i;
|
|
@@ -94,6 +95,139 @@ function findViolations(css) {
|
|
|
94
95
|
return violations;
|
|
95
96
|
}
|
|
96
97
|
|
|
98
|
+
/* ---------------------------------------------------------------------------
|
|
99
|
+
* Token pairs that cannot be read.
|
|
100
|
+
*
|
|
101
|
+
* The raw-colour rule above keeps consumers on tokens. It does not stop them
|
|
102
|
+
* choosing two tokens that do not contrast, and the names make one pairing
|
|
103
|
+
* genuinely inviting: `--game-ui-accent-ink` sounds like "the ink for accent
|
|
104
|
+
* things" and means the opposite — accent-COLOURED ink for a surface. Painted
|
|
105
|
+
* on `--game-ui-accent` it measured 1.48:1 in a shipping product, on that
|
|
106
|
+
* product's primary button, and every test it had was green.
|
|
107
|
+
*
|
|
108
|
+
* PRODUCT.md promises "contrast-safe token combinations". That promise only
|
|
109
|
+
* covers the pairs the kit uses itself unless something checks the consumer's.
|
|
110
|
+
* So: read the theme values out of the kit's own styles.css, find rules that
|
|
111
|
+
* set both a token background and a token colour, and compute the ratio.
|
|
112
|
+
* ------------------------------------------------------------------------- */
|
|
113
|
+
|
|
114
|
+
const AA_NORMAL = 4.5;
|
|
115
|
+
|
|
116
|
+
function parseHex(value) {
|
|
117
|
+
const hex = value.trim().replace(/^#/, '');
|
|
118
|
+
if (!/^[0-9a-fA-F]{3,8}$/.test(hex)) return null;
|
|
119
|
+
const full =
|
|
120
|
+
hex.length === 3 || hex.length === 4
|
|
121
|
+
? hex
|
|
122
|
+
.slice(0, 3)
|
|
123
|
+
.split('')
|
|
124
|
+
.map((c) => c + c)
|
|
125
|
+
.join('')
|
|
126
|
+
: hex.slice(0, 6);
|
|
127
|
+
if (full.length !== 6) return null;
|
|
128
|
+
return [0, 2, 4].map((i) => parseInt(full.slice(i, i + 2), 16));
|
|
129
|
+
}
|
|
130
|
+
|
|
131
|
+
function relativeLuminance([r, g, b]) {
|
|
132
|
+
const channel = (v) => {
|
|
133
|
+
const s = v / 255;
|
|
134
|
+
return s <= 0.03928 ? s / 12.92 : ((s + 0.055) / 1.055) ** 2.4;
|
|
135
|
+
};
|
|
136
|
+
return 0.2126 * channel(r) + 0.7152 * channel(g) + 0.0722 * channel(b);
|
|
137
|
+
}
|
|
138
|
+
|
|
139
|
+
function contrastRatio(a, b) {
|
|
140
|
+
const la = relativeLuminance(a);
|
|
141
|
+
const lb = relativeLuminance(b);
|
|
142
|
+
return (Math.max(la, lb) + 0.05) / (Math.min(la, lb) + 0.05);
|
|
143
|
+
}
|
|
144
|
+
|
|
145
|
+
/**
|
|
146
|
+
* Token values per theme, read from the kit's shipped stylesheet.
|
|
147
|
+
*
|
|
148
|
+
* Only fully opaque hex values are kept. A token carrying alpha composites
|
|
149
|
+
* against whatever is behind it, and guessing that would produce confident
|
|
150
|
+
* numbers about a colour nobody can know from here.
|
|
151
|
+
*/
|
|
152
|
+
function themeTokens() {
|
|
153
|
+
const packageRoot = resolve(dirname(fileURLToPath(import.meta.url)), '..');
|
|
154
|
+
// dist/ is what a consumer installs. src/theme.css is what exists in this
|
|
155
|
+
// repository before a build — and `pnpm test` runs before `pnpm build`, so
|
|
156
|
+
// reading only dist made the check a silent no-op in its own CI while
|
|
157
|
+
// passing locally off a stale dist. Silence is the failure mode this whole
|
|
158
|
+
// check exists to remove, so it must not be the failure mode of the check.
|
|
159
|
+
const sources = [join(packageRoot, 'dist', 'styles.css'), join(packageRoot, 'src', 'theme.css')];
|
|
160
|
+
let css = null;
|
|
161
|
+
for (const candidate of sources) {
|
|
162
|
+
try {
|
|
163
|
+
css = readFileSync(candidate, 'utf8');
|
|
164
|
+
break;
|
|
165
|
+
} catch {
|
|
166
|
+
// try the next one
|
|
167
|
+
}
|
|
168
|
+
}
|
|
169
|
+
if (css === null) return null;
|
|
170
|
+
const themes = new Map();
|
|
171
|
+
// The built stylesheet is minified and the attribute value loses its quotes,
|
|
172
|
+
// so both forms have to match or every theme but the default is invisible.
|
|
173
|
+
const blockRe = /(:root|\[data-game-ui-theme=['"]?([\w-]+)['"]?\])\s*\{([^}]*)\}/g;
|
|
174
|
+
for (const match of css.matchAll(blockRe)) {
|
|
175
|
+
const name = match[2] ?? 'light';
|
|
176
|
+
const values = themes.get(name) ?? new Map(themes.get('light') ?? []);
|
|
177
|
+
for (const decl of match[3].matchAll(/(--game-ui-[\w-]+)\s*:\s*(#[0-9a-fA-F]{3,8})/g)) {
|
|
178
|
+
const rgb = decl[2].length === 9 || decl[2].length === 5 ? null : parseHex(decl[2]);
|
|
179
|
+
if (rgb) values.set(decl[1], rgb);
|
|
180
|
+
}
|
|
181
|
+
themes.set(name, values);
|
|
182
|
+
}
|
|
183
|
+
return themes;
|
|
184
|
+
}
|
|
185
|
+
|
|
186
|
+
/**
|
|
187
|
+
* A bare token reference and nothing else: `var(--game-ui-x)` or
|
|
188
|
+
* `var(--game-ui-x, #fallback)`.
|
|
189
|
+
*
|
|
190
|
+
* Deliberately refuses `color-mix(in srgb, var(--game-ui-accent) 18%,
|
|
191
|
+
* transparent)` and gradients. A tint of the accent behind accent-coloured
|
|
192
|
+
* text is perfectly readable, and reading the first token out of the
|
|
193
|
+
* expression would call it 1.00:1 — the first draft of this check did exactly
|
|
194
|
+
* that and flagged four rules that were fine. A linter that cries wolf is
|
|
195
|
+
* worse than no linter, because the next real finding gets skimmed too.
|
|
196
|
+
*/
|
|
197
|
+
const BARE_TOKEN = /^\s*var\(\s*(--game-ui-[\w-]+)\s*(?:,[^()]*)?\)\s*$/;
|
|
198
|
+
|
|
199
|
+
function findContrastViolations(css, themes) {
|
|
200
|
+
if (!themes || themes.size === 0) return [];
|
|
201
|
+
const withoutComments = css.replace(/\/\*[\s\S]*?\*\//g, (m) => m.replace(/[^\n]/g, ' '));
|
|
202
|
+
const lineOf = lineFinder(withoutComments);
|
|
203
|
+
const out = [];
|
|
204
|
+
const ruleRe = /\{([^{}]*)\}/g;
|
|
205
|
+
for (const rule of withoutComments.matchAll(ruleRe)) {
|
|
206
|
+
const body = rule[1];
|
|
207
|
+
const bg = /(?:^|[;\s])background(?:-color)?\s*:\s*([^;]+)/.exec(body);
|
|
208
|
+
const fg = /(?:^|[;\s])color\s*:\s*([^;]+)/.exec(body);
|
|
209
|
+
if (!bg || !fg) continue;
|
|
210
|
+
const bgToken = BARE_TOKEN.exec(bg[1])?.[1];
|
|
211
|
+
const fgToken = BARE_TOKEN.exec(fg[1])?.[1];
|
|
212
|
+
if (!bgToken || !fgToken) continue;
|
|
213
|
+
for (const [theme, values] of themes) {
|
|
214
|
+
const bgRgb = values.get(bgToken);
|
|
215
|
+
const fgRgb = values.get(fgToken);
|
|
216
|
+
if (!bgRgb || !fgRgb) continue;
|
|
217
|
+
const ratio = contrastRatio(bgRgb, fgRgb);
|
|
218
|
+
if (ratio >= AA_NORMAL) continue;
|
|
219
|
+
out.push({
|
|
220
|
+
line: lineOf(rule.index + 1),
|
|
221
|
+
theme,
|
|
222
|
+
fgToken,
|
|
223
|
+
bgToken,
|
|
224
|
+
ratio: ratio.toFixed(2),
|
|
225
|
+
});
|
|
226
|
+
}
|
|
227
|
+
}
|
|
228
|
+
return out;
|
|
229
|
+
}
|
|
230
|
+
|
|
97
231
|
const args = process.argv.slice(2);
|
|
98
232
|
const target = args.find((a) => !a.startsWith('--')) ?? 'src';
|
|
99
233
|
const extArg = args.find((a) => a.startsWith('--ext='));
|
|
@@ -111,9 +245,24 @@ try {
|
|
|
111
245
|
process.exit(2);
|
|
112
246
|
}
|
|
113
247
|
|
|
248
|
+
const themes = themeTokens();
|
|
249
|
+
if (!themes || themes.size === 0) {
|
|
250
|
+
console.error(
|
|
251
|
+
"swimmer-ui-check: could not read this package's theme tokens, so contrast was NOT checked. " +
|
|
252
|
+
'Raw-colour linting below still ran.',
|
|
253
|
+
);
|
|
254
|
+
}
|
|
255
|
+
let contrastCount = 0;
|
|
114
256
|
let violationCount = 0;
|
|
115
257
|
for (const file of files) {
|
|
116
258
|
const text = readFileSync(file, 'utf8');
|
|
259
|
+
for (const pair of findContrastViolations(text, themes)) {
|
|
260
|
+
console.log(
|
|
261
|
+
`${relative(process.cwd(), file)}:${pair.line}: ${pair.fgToken} on ${pair.bgToken} is ` +
|
|
262
|
+
`${pair.ratio}:1 on the ${pair.theme} theme — below AA (${AA_NORMAL}:1)`,
|
|
263
|
+
);
|
|
264
|
+
contrastCount += 1;
|
|
265
|
+
}
|
|
117
266
|
for (const violation of findViolations(text)) {
|
|
118
267
|
console.log(
|
|
119
268
|
`${relative(process.cwd(), file)}:${violation.line}: raw color literal "${violation.text}" — use var(--game-ui-*) instead`,
|
|
@@ -122,7 +271,15 @@ for (const file of files) {
|
|
|
122
271
|
}
|
|
123
272
|
}
|
|
124
273
|
|
|
125
|
-
if (
|
|
274
|
+
if (contrastCount > 0) {
|
|
275
|
+
console.error(
|
|
276
|
+
`\nswimmer-ui-check: ${contrastCount} unreadable token pair(s). Two tokens are not ` +
|
|
277
|
+
'automatically safe together: --game-ui-accent-ink is accent-COLOURED ink for a surface, ' +
|
|
278
|
+
'while --game-ui-accent-contrast is the ink meant to sit on --game-ui-accent.',
|
|
279
|
+
);
|
|
280
|
+
}
|
|
281
|
+
|
|
282
|
+
if (violationCount > 0 || contrastCount > 0) {
|
|
126
283
|
console.error(
|
|
127
284
|
`\nswimmer-ui-check: ${violationCount} raw color literal(s) in ${files.length} file(s) under "${target}". ` +
|
|
128
285
|
'Raw colors are expected inside :root / [data-*theme*=...] / [data-*tone*=...] token blocks ' +
|
package/dist/index.d.ts
CHANGED
|
@@ -356,6 +356,7 @@ export declare const CLAY_TARGET_TOKENS: {
|
|
|
356
356
|
export declare const CLAY_TYPE_TOKENS: {
|
|
357
357
|
readonly familyDisplay: "var(--game-ui-font-display)";
|
|
358
358
|
readonly familyBody: "var(--game-ui-font-body)";
|
|
359
|
+
readonly familyMono: "var(--game-ui-font-mono)";
|
|
359
360
|
readonly xs: "var(--game-ui-font-xs)";
|
|
360
361
|
readonly sm: "var(--game-ui-font-sm)";
|
|
361
362
|
readonly md: "var(--game-ui-font-md)";
|
|
@@ -364,6 +365,9 @@ export declare const CLAY_TYPE_TOKENS: {
|
|
|
364
365
|
readonly xxl: "var(--game-ui-font-xxl)";
|
|
365
366
|
readonly lineTight: "var(--game-ui-line-tight)";
|
|
366
367
|
readonly lineBody: "var(--game-ui-line-body)";
|
|
368
|
+
readonly reading: "var(--game-ui-font-reading)";
|
|
369
|
+
readonly lineReading: "var(--game-ui-line-reading)";
|
|
370
|
+
readonly measureReading: "var(--game-ui-measure-reading)";
|
|
367
371
|
readonly weightBody: "var(--game-ui-weight-body)";
|
|
368
372
|
readonly weightStrong: "var(--game-ui-weight-strong)";
|
|
369
373
|
readonly weightTitle: "var(--game-ui-weight-title)";
|
|
@@ -416,6 +420,7 @@ export declare const CLAY_UI_TOKENS: {
|
|
|
416
420
|
readonly typography: {
|
|
417
421
|
readonly familyDisplay: "var(--game-ui-font-display)";
|
|
418
422
|
readonly familyBody: "var(--game-ui-font-body)";
|
|
423
|
+
readonly familyMono: "var(--game-ui-font-mono)";
|
|
419
424
|
readonly xs: "var(--game-ui-font-xs)";
|
|
420
425
|
readonly sm: "var(--game-ui-font-sm)";
|
|
421
426
|
readonly md: "var(--game-ui-font-md)";
|
|
@@ -424,6 +429,9 @@ export declare const CLAY_UI_TOKENS: {
|
|
|
424
429
|
readonly xxl: "var(--game-ui-font-xxl)";
|
|
425
430
|
readonly lineTight: "var(--game-ui-line-tight)";
|
|
426
431
|
readonly lineBody: "var(--game-ui-line-body)";
|
|
432
|
+
readonly reading: "var(--game-ui-font-reading)";
|
|
433
|
+
readonly lineReading: "var(--game-ui-line-reading)";
|
|
434
|
+
readonly measureReading: "var(--game-ui-measure-reading)";
|
|
427
435
|
readonly weightBody: "var(--game-ui-weight-body)";
|
|
428
436
|
readonly weightStrong: "var(--game-ui-weight-strong)";
|
|
429
437
|
readonly weightTitle: "var(--game-ui-weight-title)";
|
|
@@ -702,6 +710,7 @@ export declare const GAME_UI_TOKENS: {
|
|
|
702
710
|
readonly safeLeft: "var(--game-ui-safe-left)";
|
|
703
711
|
readonly familyDisplay: "var(--game-ui-font-display)";
|
|
704
712
|
readonly familyBody: "var(--game-ui-font-body)";
|
|
713
|
+
readonly familyMono: "var(--game-ui-font-mono)";
|
|
705
714
|
readonly xs: "var(--game-ui-font-xs)";
|
|
706
715
|
readonly sm: "var(--game-ui-font-sm)";
|
|
707
716
|
readonly md: "var(--game-ui-font-md)";
|
|
@@ -710,6 +719,9 @@ export declare const GAME_UI_TOKENS: {
|
|
|
710
719
|
readonly xxl: "var(--game-ui-font-xxl)";
|
|
711
720
|
readonly lineTight: "var(--game-ui-line-tight)";
|
|
712
721
|
readonly lineBody: "var(--game-ui-line-body)";
|
|
722
|
+
readonly reading: "var(--game-ui-font-reading)";
|
|
723
|
+
readonly lineReading: "var(--game-ui-line-reading)";
|
|
724
|
+
readonly measureReading: "var(--game-ui-measure-reading)";
|
|
713
725
|
readonly weightBody: "var(--game-ui-weight-body)";
|
|
714
726
|
readonly weightStrong: "var(--game-ui-weight-strong)";
|
|
715
727
|
readonly weightTitle: "var(--game-ui-weight-title)";
|
package/dist/index.js
CHANGED
|
@@ -349,6 +349,7 @@ var D = {
|
|
|
349
349
|
}, ce = {
|
|
350
350
|
familyDisplay: "var(--game-ui-font-display)",
|
|
351
351
|
familyBody: "var(--game-ui-font-body)",
|
|
352
|
+
familyMono: "var(--game-ui-font-mono)",
|
|
352
353
|
xs: "var(--game-ui-font-xs)",
|
|
353
354
|
sm: "var(--game-ui-font-sm)",
|
|
354
355
|
md: "var(--game-ui-font-md)",
|
|
@@ -357,6 +358,9 @@ var D = {
|
|
|
357
358
|
xxl: "var(--game-ui-font-xxl)",
|
|
358
359
|
lineTight: "var(--game-ui-line-tight)",
|
|
359
360
|
lineBody: "var(--game-ui-line-body)",
|
|
361
|
+
reading: "var(--game-ui-font-reading)",
|
|
362
|
+
lineReading: "var(--game-ui-line-reading)",
|
|
363
|
+
measureReading: "var(--game-ui-measure-reading)",
|
|
360
364
|
weightBody: "var(--game-ui-weight-body)",
|
|
361
365
|
weightStrong: "var(--game-ui-weight-strong)",
|
|
362
366
|
weightTitle: "var(--game-ui-weight-title)"
|
package/dist/styles.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
:root{color-scheme:light;--game-ui-font-display:"Baloo 2", "Geist Variable", "Noto Sans SC", system-ui, sans-serif;--game-ui-font-body:"Geist Variable", "Noto Sans SC", "Noto Sans", system-ui, sans-serif;--game-ui-font-xs:.72rem;--game-ui-font-sm:.82rem;--game-ui-font-md:.95rem;--game-ui-font-lg:1.18rem;--game-ui-font-xl:clamp(1.5rem, 2.4vw, 2.35rem);--game-ui-font-xxl:clamp(2.3rem, 5vw, 4.5rem);--game-ui-line-tight:1.05;--game-ui-line-body:1.52;--game-ui-weight-body:620;--game-ui-weight-strong:800;--game-ui-weight-title:930;--game-ui-bg:#f3e8d8;--game-ui-playfield-scrim:#2a1e146b;--game-ui-surface:#fff8ecc7;--game-ui-surface-raised:#fffaf0f0;--game-ui-panel:#fff8ece6;--game-ui-panel-strong:#fff8ec;--game-ui-panel-deep:#efd1a3;--game-ui-text:#3b2d23;--game-ui-text-muted:#786250;--game-ui-accent:#e8743b;--game-ui-accent-bright:#f28d50;--game-ui-accent-pale:#ffd4a2;--game-ui-accent-contrast:#241609;--game-ui-secondary:#1d9a8b;--game-ui-secondary-pale:#baf5df;--game-ui-success:#4f9d6b;--game-ui-success-bright:#7ee0b6;--game-ui-danger:#d85a45;--game-ui-danger-bright:#ef8a72;--game-ui-danger-ink:#b3402f;--game-ui-accent-ink:#a34e17;--game-ui-warning:#f2b35c;--game-ui-berry:#9b6dd6;--game-ui-berry-pale:#d9c6ff;--game-ui-focus-ring:#1d9a8bb8;--game-ui-border-subtle:#6c4f3838;--game-ui-border-strong:#6c4f386b;--game-ui-disabled:#7b66527a;--game-ui-ink-deep:#3a2518;--game-ui-border-ink:#5c3c27;--game-ui-wood:#6c4f38;--game-ui-ink-title:#4a2f1f;--game-ui-ink-heading:#5a3924;--game-ui-text-on-dark:#fff8ec;--game-ui-glass-night:#1f1812ad;--game-ui-glass-night-soft:#1f1812a3;--game-ui-scrim-strong:#1e140e94;--game-ui-overlay-glass-bg:#0c0e14b8;--game-ui-overlay-glass-bg-hover:#1c1814e0;--game-ui-overlay-glass-bg-strong:#100e0ce0;--game-ui-overlay-glass-bg-panel:#080a10d6;--game-ui-overlay-glass-border:#ffffff2e;--game-ui-overlay-glass-border-hover:#f1c9a873;--game-ui-overlay-glass-text:#fff6ee;--game-ui-overlay-glass-text-muted:#fff5ecb8;--game-ui-overlay-glass-blur:12px;--game-ui-overlay-glass-shadow-lift:0 .5em 2em #00000047;--game-ui-overlay-glass-focus-ring:#f1c9a8c7;--game-ui-overlay-glass-primary-fill:linear-gradient(135deg, #f0a46a47, #ffffff0a), #100e0ce0;--game-ui-space-2:2px;--game-ui-space-4:4px;--game-ui-space-6:6px;--game-ui-space-8:8px;--game-ui-space-10:10px;--game-ui-space-12:12px;--game-ui-space-16:16px;--game-ui-space-20:20px;--game-ui-space-24:24px;--game-ui-space-32:32px;--game-ui-safe-top:max(14px, env(safe-area-inset-top));--game-ui-safe-right:max(14px, env(safe-area-inset-right));--game-ui-safe-bottom:max(14px, env(safe-area-inset-bottom));--game-ui-safe-left:max(14px, env(safe-area-inset-left));--game-ui-radius-bead:999px;--game-ui-radius-control:999px;--game-ui-radius-card:18px;--game-ui-radius-panel:26px;--game-ui-radius-modal:34px;--game-ui-shadow-button:0 13px 26px #4c341c38, inset 0 2px 0 #ffffff6b;--game-ui-shadow-panel:0 22px 60px #4c341c2e, inset 0 1px 0 #ffffffb3;--game-ui-shadow-modal:0 32px 90px #301e1261, inset 0 1px 0 #ffffffb3;--game-ui-shadow-inset:inset 0 2px 8px #4c341c1f;--game-ui-shadow-scenery:0 28px 70px #00000057, inset 0 8px 20px #ffffff1a;--game-ui-shadow-seat:0 8px 18px #00000052;--game-ui-shadow-callout:0 8px 18px #00000038;--game-ui-stroke:1px solid var(--game-ui-border-subtle);--game-ui-motion-fast:.12s;--game-ui-motion-base:.22s;--game-ui-motion-slow:.36s;--game-ui-ease-pop:cubic-bezier(.2, 1.35, .26, 1);--game-ui-ease-soft:cubic-bezier(.22, 1, .36, 1);--game-ui-reduced-motion-policy:disable non-essential transform/opacity animation;--game-ui-z-playfield:0;--game-ui-z-hud:20;--game-ui-z-sidebar:40;--game-ui-z-overlay:60;--game-ui-z-modal:80;--game-ui-z-toast:100;--game-ui-asset-icon-sm:22px;--game-ui-asset-icon-md:34px;--game-ui-asset-icon-lg:48px;--game-ui-asset-icon-xl:64px;--game-ui-asset-button-min-width:148px;--game-ui-asset-card-fan-width:132px;--game-ui-stage-tile-min-height:122px;--game-ui-terrain-swatch-size:34px;--game-ui-terrain-tool-hit-size:44px;--game-ui-build-rail-card-size:52px;--game-ui-brush-number-width:76px;--game-ui-radial-diameter:176px;--game-ui-radial-radius:72px;--game-ui-scenery-canopy:#40543c;--game-ui-scenery-moss:#2d3a2d;--game-ui-scenery-soil:#261b14;--game-ui-scenery-pine:#314b38;--game-ui-scenery-clearing:#5f3b20db;--game-ui-scenery-wood-hi:#9a6c42;--game-ui-scenery-wood-lo:#563621;--game-ui-scenery-dusk-1:#27180e;--game-ui-scenery-dusk-2:#7f5735;--game-ui-scenery-dusk-3:#d7b174;--game-ui-scenery-grid-strong:#ffffff12;--game-ui-scenery-grid-soft:#ffffff0d;--game-ui-preview-glow-warm:#fff6cae6;--game-ui-preview-glow-mint:#7ee0b63d;--game-ui-preview-canvas-1:#f6e8d2;--game-ui-preview-canvas-2:#e4cda8;--game-ui-preview-canvas-3:#b98d5d}[data-game-ui-theme=night]{color-scheme:dark;--game-ui-bg:#221812;--game-ui-playfield-scrim:#0a060480;--game-ui-surface:#34261cb8;--game-ui-surface-raised:#402f22f0;--game-ui-panel:#2e2118eb;--game-ui-panel-strong:#3a2a1e;--game-ui-panel-deep:#2c1f16;--game-ui-text:#f6e7d3;--game-ui-text-muted:#c9ac8d;--game-ui-accent:#ef8148;--game-ui-accent-bright:#ffa06b;--game-ui-accent-pale:#8a4f28;--game-ui-secondary:#2fb3a2;--game-ui-secondary-pale:#1d5c53;--game-ui-success:#63b381;--game-ui-success-bright:#3d7c58;--game-ui-danger:#e26a55;--game-ui-danger-bright:#8a3a2c;--game-ui-danger-ink:#ff9a80;--game-ui-accent-ink:#ffb072;--game-ui-warning:#f2b35c;--game-ui-berry:#b58ae0;--game-ui-berry-pale:#55407a;--game-ui-focus-ring:#2fb3a2bf;--game-ui-border-subtle:#f6e7d329;--game-ui-border-strong:#f6e7d352;--game-ui-disabled:#c9ac8d73;--game-ui-ink-deep:#f6e7d3;--game-ui-border-ink:#e8d3b8;--game-ui-wood:#d8b892;--game-ui-ink-title:#f6e2c8;--game-ui-ink-heading:#ecd6b8;--game-ui-text-on-dark:#fff8ec;--game-ui-scrim-strong:#0000009e;--game-ui-shadow-button:0 13px 26px #00000073, inset 0 2px 0 #ffffff14;--game-ui-shadow-panel:0 22px 60px #0006, inset 0 1px 0 #ffffff0f;--game-ui-shadow-modal:0 32px 90px #0009, inset 0 1px 0 #ffffff0f;--game-ui-shadow-inset:inset 0 2px 8px #00000059;--game-ui-preview-glow-warm:#78582a59;--game-ui-preview-glow-mint:#2fb3a224;--game-ui-preview-canvas-1:#2a1d13;--game-ui-preview-canvas-2:#201510;--game-ui-preview-canvas-3:#150d08}[data-game-ui-tone=glass],.game-ui-overlay-scope{color-scheme:dark;--game-ui-bg:transparent;--game-ui-playfield-scrim:#080a1059;--game-ui-surface:var(--game-ui-overlay-glass-bg);--game-ui-surface-raised:var(--game-ui-overlay-glass-bg);--game-ui-panel:var(--game-ui-overlay-glass-bg-panel);--game-ui-panel-strong:var(--game-ui-overlay-glass-bg-strong);--game-ui-panel-deep:#080a10eb;--game-ui-text:var(--game-ui-overlay-glass-text);--game-ui-text-muted:var(--game-ui-overlay-glass-text-muted);--game-ui-text-on-dark:var(--game-ui-overlay-glass-text);--game-ui-accent-pale:#f0a46a47;--game-ui-secondary-pale:#2fb3a238;--game-ui-danger-ink:#ff9a80;--game-ui-accent-ink:#ffb072;--game-ui-berry-pale:#b58ae047;--game-ui-focus-ring:var(--game-ui-overlay-glass-focus-ring);--game-ui-border-subtle:var(--game-ui-overlay-glass-border);--game-ui-border-strong:#ffffff47;--game-ui-disabled:#fff5ec6b;--game-ui-ink-deep:#fff6ee;--game-ui-border-ink:#fff;--game-ui-wood:#e8c9a0;--game-ui-ink-title:var(--game-ui-overlay-glass-text);--game-ui-ink-heading:var(--game-ui-overlay-glass-text);--game-ui-glass-night:var(--game-ui-overlay-glass-bg);--game-ui-glass-night-soft:#0a0c12b8;--game-ui-scrim-strong:#0000008c;--game-ui-shadow-button:none;--game-ui-shadow-panel:var(--game-ui-overlay-glass-shadow-lift);--game-ui-shadow-modal:var(--game-ui-overlay-glass-shadow-lift);--game-ui-shadow-inset:none;--game-ui-shadow-callout:0 8px 18px #00000047;--game-ui-stroke:1px solid var(--game-ui-overlay-glass-border)}@layer swimmer-ui{.game-ui-dialog h2,.game-ui-panel h3,.game-ui-prompt h3,.swimmer-first-session-onboarding-card h2{color:var(--game-ui-ink-heading);font-family:var(--game-ui-font-display);margin:0;font-weight:900}.game-ui-dialog,.game-ui-history,.game-ui-panel,.game-ui-prompt,.game-ui-toast{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-stage-tile-copy>span,.game-ui-hud-chip span,.game-ui-language-popover button span,.game-ui-history-entry-header,.swimmer-first-session-control-copy{gap:2px;display:grid}.game-ui-dialog,.game-ui-panel,.game-ui-history,.game-ui-prompt{gap:12px;padding:14px;display:grid}.game-ui-stage-tile small,.game-ui-hud-chip small,.game-ui-hud-chip em,.game-ui-language-popover small{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-dialog p,.game-ui-history-entry p,.game-ui-prompt p,.swimmer-first-session-onboarding-card 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-hud-cluster,.game-ui-hud-tools,.game-ui-tabs,.game-ui-segmented,.game-ui-hud-actions,.swimmer-first-session-onboarding-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.game-ui-button,.game-ui-icon-button,.game-ui-tab,.game-ui-segmented-option,.game-ui-toggle,.game-ui-language-trigger,.game-ui-language-popover button,.game-ui-stage-tile,.game-ui-orientation-card button,.game-ui-radial-item{border:1px solid color-mix(in srgb, var(--game-ui-border-ink) 18%, transparent);border-radius:var(--game-ui-radius-control);min-height:44px;font:inherit;font-family:var(--game-ui-font-body);cursor:pointer;box-shadow:var(--game-ui-shadow-button);transition:transform var(--game-ui-motion-fast) var(--game-ui-ease-pop), scale var(--game-ui-motion-fast) var(--game-ui-ease-pop), box-shadow var(--game-ui-motion-fast) var(--game-ui-ease-soft);font-weight:860}.game-ui-button,.game-ui-icon-button,.game-ui-radial-item{justify-content:center;align-items:center;gap:8px;min-width:fit-content;padding:0 16px;display:inline-flex}@media (hover:hover){.game-ui-button:hover,.game-ui-icon-button:hover,.game-ui-language-trigger:hover,.game-ui-language-popover button:hover,.game-ui-stage-tile:hover,.game-ui-orientation-card button:hover{transform:translateY(-1px)}.game-ui-radial-item:hover{--radial-lift:-6px}}.game-ui-button:active,.game-ui-icon-button:active,.game-ui-tab:active,.game-ui-segmented-option:active,.game-ui-toggle:active,.game-ui-language-trigger:active,.game-ui-language-popover button:active,.game-ui-stage-tile:active,.game-ui-orientation-card button:active,.game-ui-radial-item:active{scale:.96}.game-ui-button--primary,.game-ui-orientation-card button{background:linear-gradient(180deg, var(--game-ui-accent-bright), var(--game-ui-accent));color:var(--game-ui-accent-contrast)}.game-ui-button--secondary,.game-ui-icon-button,.game-ui-tab,.game-ui-segmented-option,.game-ui-toggle,.game-ui-language-trigger,.game-ui-language-popover button,.game-ui-radial-item{background:var(--game-ui-surface-raised);color:var(--game-ui-text)}.game-ui-button--ghost{border-color:var(--game-ui-border-subtle);background:color-mix(in srgb, var(--game-ui-panel-strong) 18%, transparent);color:var(--game-ui-text-muted);box-shadow:none}.game-ui-button--success{background:linear-gradient(180deg, var(--game-ui-success-bright), var(--game-ui-success));color:var(--game-ui-accent-contrast)}.game-ui-button--danger{background:linear-gradient(180deg, var(--game-ui-danger-bright), var(--game-ui-danger));color:var(--game-ui-accent-contrast)}.game-ui-button:disabled{background:color-mix(in srgb, var(--game-ui-text-muted) 16%, transparent);color:var(--game-ui-disabled);cursor:not-allowed;transform:none}.game-ui-asset-icon{width:var(--game-ui-asset-icon-md);height:var(--game-ui-asset-icon-md);flex:none;place-items:center;display:inline-grid}.game-ui-asset-icon[data-icon-size=sm]{width:var(--game-ui-asset-icon-sm);height:var(--game-ui-asset-icon-sm)}.game-ui-asset-icon[data-icon-size=lg]{width:var(--game-ui-asset-icon-lg);height:var(--game-ui-asset-icon-lg)}.game-ui-asset-icon[data-icon-size=xl]{width:var(--game-ui-asset-icon-xl);height:var(--game-ui-asset-icon-xl)}.game-ui-asset-icon img{object-fit:contain;width:100%;height:100%}.game-ui-badge{white-space:nowrap;border:1px solid var(--game-ui-border-subtle);border-radius:var(--game-ui-radius-bead);background:color-mix(in srgb, var(--game-ui-panel-strong) 90%, transparent);width:fit-content;min-height:28px;color:var(--game-ui-text);font-size:var(--game-ui-font-xs);letter-spacing:.05em;text-transform:uppercase;justify-content:center;align-items:center;padding:0 10px;font-weight:900;display:inline-flex}.game-ui-badge[data-badge-tone=success]{border-color:color-mix(in srgb, var(--game-ui-success) 42%, transparent);background:color-mix(in srgb, var(--game-ui-success-bright) 28%, transparent)}.game-ui-badge[data-badge-tone=warning]{border-color:color-mix(in srgb, var(--game-ui-accent) 42%, transparent);background:color-mix(in srgb, var(--game-ui-warning) 28%, transparent)}.game-ui-badge[data-badge-tone=danger]{border-color:color-mix(in srgb, var(--game-ui-danger) 42%, transparent);background:color-mix(in srgb, var(--game-ui-danger) 16%, transparent)}.game-ui-badge[data-badge-tone=ai]{border-color:color-mix(in srgb, var(--game-ui-secondary) 42%, transparent);background:color-mix(in srgb, var(--game-ui-secondary) 16%, transparent)}.game-ui-toast{padding:12px 14px;font-weight:820}.game-ui-toast[data-toast-tone=success]{border-color:color-mix(in srgb, var(--game-ui-success) 42%, transparent);background:color-mix(in srgb, var(--game-ui-success-bright) 22%, transparent)}.game-ui-toast[data-toast-tone=danger]{border-color:color-mix(in srgb, var(--game-ui-danger) 42%, transparent);background:color-mix(in srgb, var(--game-ui-danger) 13%, transparent)}.game-ui-history-entry{border-radius:var(--game-ui-radius-card);background:color-mix(in srgb, var(--game-ui-panel-strong) 56%, transparent);gap:4px;padding:12px;display:grid}.game-ui-history-entry[data-entry-kind=mystery]{background:color-mix(in srgb, var(--game-ui-berry) 12%, transparent)}.game-ui-history-entry[data-entry-kind=system]{background:color-mix(in srgb, var(--game-ui-secondary) 12%, transparent)}.game-ui-history-entry-header{grid-template-columns:1fr auto;align-items:center}.game-ui-history-entry-header span{color:var(--game-ui-text-muted);font-size:var(--game-ui-font-xs);font-weight:760}.game-ui-tab[aria-selected=true],.game-ui-segmented-option[aria-pressed=true]{background:var(--game-ui-secondary);color:var(--game-ui-accent-contrast)}.game-ui-slider{color:var(--game-ui-text-muted);gap:6px;font-weight:820;display:grid}.game-ui-slider input{accent-color:var(--game-ui-secondary)}.game-ui-slider input[type=range]{-webkit-appearance:none;appearance:none;cursor:pointer;background:0 0;width:100%;min-height:44px}.game-ui-slider input[type=range]::-webkit-slider-runnable-track{border-radius:var(--game-ui-radius-control);background:var(--game-ui-surface);height:10px;box-shadow:var(--game-ui-shadow-inset)}.game-ui-slider input[type=range]::-moz-range-track{border-radius:var(--game-ui-radius-control);background:var(--game-ui-surface);height:10px;box-shadow:var(--game-ui-shadow-inset)}.game-ui-slider input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;border:2px solid var(--game-ui-panel-strong);background:linear-gradient(180deg, var(--game-ui-accent-bright), var(--game-ui-accent));width:22px;height:22px;box-shadow:var(--game-ui-shadow-button);transition:scale var(--game-ui-motion-fast) var(--game-ui-ease-pop);border-radius:50%;margin-top:-6px}.game-ui-slider input[type=range]::-moz-range-thumb{border:2px solid var(--game-ui-panel-strong);background:linear-gradient(180deg, var(--game-ui-accent-bright), var(--game-ui-accent));width:22px;height:22px;box-shadow:var(--game-ui-shadow-button);transition:scale var(--game-ui-motion-fast) var(--game-ui-ease-pop);border-radius:50%}@media (hover:hover){.game-ui-slider input[type=range]:hover::-webkit-slider-thumb{scale:1.08}.game-ui-slider input[type=range]:hover::-moz-range-thumb{scale:1.08}}.game-ui-slider input[type=range]:active::-webkit-slider-thumb{scale:.94}.game-ui-slider input[type=range]:active::-moz-range-thumb{scale:.94}.game-ui-slider input[type=range]:focus-visible::-webkit-slider-thumb{outline:3px solid var(--game-ui-focus-ring);outline-offset:2px}.game-ui-slider input[type=range]:focus-visible::-moz-range-thumb{outline:3px solid var(--game-ui-focus-ring);outline-offset:2px}.game-ui-toggle{justify-content:space-between;align-items:center;gap:10px;padding:0 10px 0 14px;display:inline-flex}.game-ui-toggle-track{border:2px solid var(--game-ui-panel-strong);border-radius:var(--game-ui-radius-bead);background:var(--game-ui-surface);width:42px;height:24px;box-shadow:var(--game-ui-shadow-inset), inset 8px 0 0 var(--game-ui-text);transition:background var(--game-ui-motion-fast) var(--game-ui-ease-soft), box-shadow var(--game-ui-motion-fast) var(--game-ui-ease-pop)}.game-ui-toggle[aria-checked=true] .game-ui-toggle-track{background:var(--game-ui-secondary);box-shadow:inset -8px 0 0 var(--game-ui-text)}.game-ui-tooltip{display:inline-flex;position:relative}.game-ui-tooltip [role=tooltip]{background:var(--game-ui-text);min-width:150px;color:var(--game-ui-text-on-dark);font-size:var(--game-ui-font-xs);opacity:0;pointer-events:none;transition:opacity var(--game-ui-motion-fast) var(--game-ui-ease-soft), transform var(--game-ui-motion-fast) var(--game-ui-ease-pop);border-radius:12px;padding:7px 9px;position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%)translateY(3px)}.game-ui-tooltip [role=tooltip]:after{background:var(--game-ui-text);content:"";border-radius:2px;width:8px;height:8px;margin-top:-5px;position:absolute;top:100%;left:50%;transform:translate(-50%)rotate(45deg)}.game-ui-tooltip:hover [role=tooltip],.game-ui-tooltip:focus-within [role=tooltip]{opacity:1;transform:translate(-50%)translateY(0)}.game-ui-radial-menu{width:var(--game-ui-radial-diameter);height:var(--game-ui-radial-diameter);place-items:center;margin:0 auto;display:grid;position:relative}.game-ui-radial-item{--radial-lift:0px;transform:rotate(calc(360deg / var(--radial-count,1) * var(--radial-index,0))) translateY(calc(-1 * var(--game-ui-radial-radius) + var(--radial-lift))) rotate(calc(-360deg / var(--radial-count,1) * var(--radial-index,0)));position:absolute}.game-ui-hud{z-index:var(--game-ui-z-hud);justify-content:space-between;align-items:flex-start;gap:12px;display:flex;position:relative}.game-ui-hud-chip{border:1px solid color-mix(in srgb, var(--game-ui-text-on-dark) 30%, transparent);background:var(--game-ui-glass-night);min-height:54px;color:var(--game-ui-text-on-dark);backdrop-filter:blur(10px);font-variant-numeric:tabular-nums;border-radius:20px;align-items:center;gap:8px;padding:6px 10px 6px 6px;display:inline-flex}.game-ui-hud-chip strong{color:var(--game-ui-text-on-dark);font-size:var(--game-ui-font-sm)}.game-ui-hud-chip small,.game-ui-hud-chip em{color:var(--game-ui-text-on-dark)}.game-ui-stage-tile{min-height:var(--game-ui-stage-tile-min-height);border-radius:var(--game-ui-radius-panel);background:color-mix(in srgb, var(--game-ui-panel-strong) 92%, transparent);width:100%;color:var(--game-ui-text);text-align:left;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;padding:12px;display:grid}.game-ui-stage-tile[data-stage-tone=portal]{border-color:color-mix(in srgb, var(--game-ui-secondary) 42%, transparent)}.game-ui-stage-tile[data-stage-tone=host]{border-color:color-mix(in srgb, var(--game-ui-accent) 42%, transparent)}.game-ui-stage-tile[data-stage-tone=danger]{border-color:color-mix(in srgb, var(--game-ui-danger) 42%, transparent)}.game-ui-stage-tile:disabled{cursor:not-allowed;opacity:.76;filter:saturate(.72);transform:none}.game-ui-stage-tile-copy>span{color:var(--game-ui-text-muted);font-size:var(--game-ui-font-sm);line-height:1.35}.game-ui-card-fan{place-items:center;min-height:190px;display:grid;position:relative}.game-ui-card-fan-card{width:var(--game-ui-asset-card-fan-width);border:2px solid color-mix(in srgb, var(--game-ui-border-ink) 16%, transparent);background:linear-gradient(180deg, var(--game-ui-panel-strong), var(--game-ui-panel-deep));text-align:center;min-height:170px;transform:translateX(calc(var(--game-ui-card-offset) * 54px)) rotate(calc(var(--game-ui-card-offset) * 8deg));box-shadow:var(--game-ui-shadow-button);border-radius:22px;place-items:center;gap:6px;padding:12px;display:grid;position:absolute}.game-ui-card-fan-card:nth-child(2){z-index:2;transform:translateY(-10px)}.game-ui-card-fan-card small{color:var(--game-ui-text-muted);font-size:var(--game-ui-font-xs);text-transform:uppercase;font-weight:860}.game-ui-card-fan-card strong{font-size:var(--game-ui-font-lg)}.game-ui-orientation-gate{border:1px dashed var(--game-ui-border-strong);border-radius:var(--game-ui-radius-modal);background:color-mix(in srgb, var(--game-ui-ink-deep) 14%, transparent);place-items:center;min-height:320px;padding:16px;display:grid}.game-ui-orientation-card{border:2px solid color-mix(in srgb, var(--game-ui-panel-strong) 62%, transparent);border-radius:var(--game-ui-radius-modal);background:color-mix(in srgb, var(--game-ui-panel-strong) 94%, transparent);max-width:440px;color:var(--game-ui-text);text-align:center;box-shadow:var(--game-ui-shadow-modal);justify-items:center;gap:10px;padding:24px;display:grid}.game-ui-orientation-card h2,.game-ui-orientation-card p,.game-ui-orientation-card small{margin:0}.game-ui-language-menu{justify-self:end;position:relative}.game-ui-language-trigger,.game-ui-language-popover button{align-items:center;gap:8px;padding:0 12px;display:inline-flex}.game-ui-language-popover{z-index:var(--game-ui-z-toast);border:var(--game-ui-stroke);background:var(--game-ui-panel-strong);min-width:210px;box-shadow:var(--game-ui-shadow-modal);border-radius:18px;gap:6px;padding:8px;display:grid;position:absolute;top:calc(100% + 8px);right:0}.game-ui-language-popover button{text-align:left;border-radius:14px;justify-content:flex-start;width:100%}.game-ui-loading-state{border:var(--game-ui-stroke);border-radius:var(--game-ui-radius-control);background:color-mix(in srgb, var(--game-ui-panel-strong) 72%, transparent);min-height:48px;color:var(--game-ui-text);align-items:center;gap:8px;padding:8px 12px;font-weight:820;display:inline-flex}.game-ui-loading-state[data-loading-tone=error]{border-color:color-mix(in srgb, var(--game-ui-danger) 42%, transparent);background:color-mix(in srgb, var(--game-ui-danger) 12%, transparent)}.game-ui-loading-state img{object-fit:contain;width:30px;height:30px}.game-ui-input{border:1px solid var(--game-ui-border-strong);border-radius:var(--game-ui-radius-card);background:var(--game-ui-surface-raised);width:100%;min-height:48px;box-shadow:var(--game-ui-shadow-inset);color:var(--game-ui-text);font:inherit;font-weight:var(--game-ui-weight-body);transition:border-color var(--game-ui-motion-fast) var(--game-ui-ease-soft), box-shadow var(--game-ui-motion-fast) var(--game-ui-ease-soft);padding:12px 16px}.game-ui-input::placeholder{color:var(--game-ui-disabled)}.game-ui-input:focus-visible{border-color:var(--game-ui-secondary);box-shadow:var(--game-ui-shadow-inset), 0 0 0 3px var(--game-ui-focus-ring);outline:none}.game-ui-input:disabled{opacity:.6;cursor:not-allowed}.game-ui-input[data-invalid=true],.game-ui-field[data-invalid=true] .game-ui-input{border-color:var(--game-ui-danger);box-shadow:var(--game-ui-shadow-inset), 0 0 0 3px color-mix(in srgb, var(--game-ui-danger) 26%, transparent)}.game-ui-textarea{min-height:92px;line-height:var(--game-ui-line-body);resize:vertical}.game-ui-field{gap:6px;display:grid}.game-ui-field-label{color:var(--game-ui-text-muted);font-size:var(--game-ui-font-xs);font-weight:var(--game-ui-weight-strong);letter-spacing:.06em;text-transform:uppercase}.game-ui-field-required{color:var(--game-ui-danger-ink)}.game-ui-field-hint{color:var(--game-ui-text-muted);font-size:var(--game-ui-font-sm)}.game-ui-field-error{color:var(--game-ui-danger-ink);font-size:var(--game-ui-font-sm);font-weight:var(--game-ui-weight-strong)}.game-ui-checkbox{cursor:pointer;min-height:40px;color:var(--game-ui-text);font-weight:var(--game-ui-weight-body);align-items:center;gap:10px;display:inline-flex}.game-ui-checkbox-input{opacity:0;width:1px;height:1px;position:absolute}.game-ui-checkbox-box{border:1px solid var(--game-ui-border-strong);background:var(--game-ui-surface-raised);width:26px;height:26px;box-shadow:var(--game-ui-shadow-inset);transition:background var(--game-ui-motion-fast), border-color var(--game-ui-motion-fast);border-radius:9px;flex:none;place-items:center;display:grid;position:relative}.game-ui-checkbox-box:after{content:"";border-left:3px solid var(--game-ui-accent-contrast);border-bottom:3px solid var(--game-ui-accent-contrast);opacity:0;width:12px;height:7px;transition:transform var(--game-ui-motion-fast) var(--game-ui-ease-pop), opacity var(--game-ui-motion-fast);margin-top:-3px;transform:rotate(-45deg)scale(.3)}.game-ui-checkbox-input:checked+.game-ui-checkbox-box{background:var(--game-ui-accent);border-color:var(--game-ui-accent)}.game-ui-checkbox-input:checked+.game-ui-checkbox-box:after{opacity:1;transform:rotate(-45deg)scale(1)}.game-ui-checkbox-input:focus-visible+.game-ui-checkbox-box{box-shadow:var(--game-ui-shadow-inset), 0 0 0 3px var(--game-ui-focus-ring)}.game-ui-checkbox-input:disabled~*{opacity:.55;cursor:not-allowed}.game-ui-sr-only{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.game-ui-avatar{border:2px solid var(--game-ui-panel-strong);background:linear-gradient(150deg, var(--game-ui-warning), var(--game-ui-accent));color:var(--game-ui-accent-contrast);font-family:var(--game-ui-font-display);font-weight:var(--game-ui-weight-title);box-shadow:var(--game-ui-shadow-button);border-radius:50%;flex:none;place-items:center;display:inline-grid;position:relative}.game-ui-avatar img,.game-ui-avatar-initials{grid-area:1/1}.game-ui-avatar img{object-fit:cover;border-radius:50%;width:100%;height:100%}.game-ui-avatar[data-avatar-size=sm]{width:32px;height:32px;font-size:.72rem}.game-ui-avatar[data-avatar-size=md]{width:44px;height:44px;font-size:.95rem}.game-ui-avatar[data-avatar-size=lg]{width:60px;height:60px;font-size:1.25rem}.game-ui-avatar[data-avatar-size=xl]{width:84px;height:84px;font-size:1.7rem}.game-ui-avatar-status{border:2px solid var(--game-ui-panel-strong);border-radius:50%;width:30%;min-width:9px;height:30%;min-height:9px;position:absolute;bottom:-1px;right:-1px}.game-ui-avatar[data-avatar-status=online] .game-ui-avatar-status{background:var(--game-ui-success)}.game-ui-avatar[data-avatar-status=busy] .game-ui-avatar-status{background:var(--game-ui-danger)}.game-ui-avatar[data-avatar-status=away] .game-ui-avatar-status{background:var(--game-ui-warning)}.game-ui-progress{align-items:center;gap:10px;display:flex}.game-ui-progress-track{border-radius:var(--game-ui-radius-control);background:var(--game-ui-surface);height:14px;box-shadow:var(--game-ui-shadow-inset);flex:1;position:relative;overflow:hidden}.game-ui-progress-fill{border-radius:inherit;background:var(--game-ui-accent);height:100%;transition:width var(--game-ui-motion-base) var(--game-ui-ease-soft)}.game-ui-progress[data-progress-tone=success] .game-ui-progress-fill{background:var(--game-ui-success)}.game-ui-progress[data-progress-tone=danger] .game-ui-progress-fill{background:var(--game-ui-danger)}.game-ui-progress[data-progress-tone=warning] .game-ui-progress-fill{background:var(--game-ui-warning)}.game-ui-progress-value{white-space:nowrap;min-width:3ch;color:var(--game-ui-text-muted);font-size:var(--game-ui-font-sm);font-weight:var(--game-ui-weight-strong);text-align:right;font-variant-numeric:tabular-nums;flex-shrink:0}.game-ui-empty-state{border:1px dashed var(--game-ui-border-strong);border-radius:var(--game-ui-radius-panel);background:var(--game-ui-surface);text-align:center;justify-items:center;gap:8px;padding:28px 20px;display:grid}.game-ui-empty-state-title{color:var(--game-ui-text);font-family:var(--game-ui-font-display);font-size:var(--game-ui-font-lg);font-weight:var(--game-ui-weight-strong)}.game-ui-empty-state-body{max-width:42ch;color:var(--game-ui-text-muted);font-size:var(--game-ui-font-sm);line-height:var(--game-ui-line-body);margin:0}.game-ui-empty-state-action{margin-top:6px}@media (prefers-reduced-motion:reduce){.game-ui-input,.game-ui-checkbox-box,.game-ui-checkbox-box:after,.game-ui-progress-fill,.game-ui-toggle-track{transition:none}.game-ui-slider input[type=range]::-webkit-slider-thumb{transition:none}.game-ui-slider input[type=range]::-moz-range-thumb{transition:none}}.game-ui-stage-tile strong,.game-ui-dialog h2,.game-ui-panel h3,.game-ui-prompt h3,.game-ui-empty-state-title,.swimmer-first-session-onboarding-card h2{text-wrap:balance}.game-ui-stage-tile-copy>span,.game-ui-field-hint,.game-ui-empty-state-body,.game-ui-prompt p,.game-ui-dialog p{text-wrap:pretty}.game-ui-button:has(>.game-ui-asset-icon:last-child),.game-ui-button:has(>svg:last-child){padding-right:14px}.game-ui-button:has(>.game-ui-asset-icon:first-child),.game-ui-button:has(>svg:first-child){padding-left:14px}@keyframes game-ui-pop{0%{opacity:0;filter:blur(4px);transform:translateY(8px)scale(.96)}to{opacity:1;filter:blur();transform:none}}@keyframes game-ui-rise{0%{opacity:0;filter:blur(3px);transform:translateY(10px)}to{opacity:1;filter:blur();transform:none}}.game-ui-dialog,.swimmer-first-session-onboarding-card{animation:game-ui-pop var(--game-ui-motion-base) var(--game-ui-ease-pop) both}.game-ui-language-popover{animation:game-ui-pop var(--game-ui-motion-fast) var(--game-ui-ease-pop) both;transform-origin:100% 0}.game-ui-toast{animation:game-ui-rise var(--game-ui-motion-base) var(--game-ui-ease-soft) both}@media (prefers-reduced-motion:reduce){.game-ui-dialog,.swimmer-first-session-onboarding-card,.game-ui-language-popover,.game-ui-toast{animation:none}}.game-ui-button--static:active{scale:1}.swimmer-first-session-shell{z-index:5;pointer-events:none;position:absolute;inset:0}.swimmer-first-session-hud{top:var(--game-ui-safe-top);right:var(--game-ui-safe-right);left:var(--game-ui-safe-left);align-items:flex-start;position:absolute}.swimmer-first-session-hud .game-ui-hud-cluster,.swimmer-first-session-hud .game-ui-hud-tools,.swimmer-first-session-hud-actions{pointer-events:auto}.swimmer-first-session-controls{right:max(18px, var(--game-ui-safe-right));bottom:max(16px, var(--game-ui-safe-bottom));left:max(18px, var(--game-ui-safe-left));border:var(--game-ui-stroke);border-radius:var(--game-ui-radius-modal);background:color-mix(in srgb, var(--game-ui-panel-strong) 86%, transparent);pointer-events:none;box-shadow:var(--game-ui-shadow-panel);backdrop-filter:blur(16px);grid-template-columns:auto minmax(120px,1fr) minmax(180px,.72fr) auto;align-items:center;gap:12px;padding:10px 12px;display:grid;position:absolute}.swimmer-first-session-joystick{border:1px solid color-mix(in srgb, var(--game-ui-border-ink) 18%, transparent);background:color-mix(in srgb, var(--game-ui-ink-deep) 8%, transparent);width:58px;height:58px;box-shadow:var(--game-ui-shadow-inset);border-radius:50%;place-items:center;display:grid}.swimmer-first-session-joystick span{background:linear-gradient(180deg, var(--game-ui-accent-bright), var(--game-ui-accent));width:25px;height:25px;box-shadow:var(--game-ui-shadow-button);border-radius:50%}.swimmer-first-session-control-copy strong{color:var(--game-ui-text);font-size:var(--game-ui-font-sm)}.swimmer-first-session-input,.swimmer-first-session-emote{border:1px solid color-mix(in srgb, var(--game-ui-border-ink) 18%, transparent);border-radius:var(--game-ui-radius-control);background:color-mix(in srgb, var(--game-ui-panel-strong) 74%, transparent);min-height:44px;color:var(--game-ui-text-muted);font-size:var(--game-ui-font-sm);align-items:center;gap:8px;padding:0 12px;font-weight:860;display:inline-flex}.swimmer-first-session-emote{color:var(--game-ui-text);cursor:pointer;pointer-events:auto}.swimmer-first-session-onboarding{z-index:var(--game-ui-z-modal);place-items:center;padding:18px;display:grid;position:absolute;inset:0}.swimmer-first-session-onboarding-scrim{background:var(--game-ui-scrim-strong);backdrop-filter:blur(10px);position:absolute;inset:0}.swimmer-first-session-onboarding-card{border:var(--game-ui-stroke);border-radius:var(--game-ui-radius-modal);background:color-mix(in srgb, var(--game-ui-panel-strong) 90%, transparent);width:min(720px,100vw - 40px);max-height:min(720px,100dvh - 28px);color:var(--game-ui-text);box-shadow:var(--game-ui-shadow-modal);gap:12px;padding:clamp(18px,3vw,30px);display:grid;position:relative;overflow:auto}.swimmer-first-session-onboarding-card h2{max-width:15ch;font-size:clamp(1.8rem,4vw,3.4rem);line-height:.95}.swimmer-first-session-onboarding-steps{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:4px 0 0;padding:0;list-style:none;display:grid}.swimmer-first-session-onboarding-steps li{border:1px solid color-mix(in srgb, var(--game-ui-border-ink) 14%, transparent);border-radius:var(--game-ui-radius-panel);background:color-mix(in srgb, var(--game-ui-panel-strong) 56%, transparent);gap:5px;padding:12px;display:grid}.swimmer-first-session-onboarding-steps span{color:var(--game-ui-accent-ink);font-size:var(--game-ui-font-xs);font-weight:950}.swimmer-first-session-onboarding-steps small{color:var(--game-ui-text-muted);line-height:1.35}@media (width<=900px){.game-ui-language-menu{justify-self:start}.game-ui-hud{display:grid}}@media (width<=900px) and (height<=500px) and (orientation:landscape){.swimmer-first-session-hud .game-ui-hud-chip:nth-child(3),.swimmer-first-session-hud .game-ui-hud-chip:nth-child(4){display:none}.swimmer-first-session-hud .game-ui-button{min-height:34px;padding:0 10px;font-size:11px}.swimmer-first-session-controls{grid-template-columns:auto minmax(0,1fr) auto;gap:8px;padding:8px 10px}.swimmer-first-session-input{display:none}.swimmer-first-session-joystick{width:46px;height:46px}.swimmer-first-session-onboarding-card{grid-template-columns:minmax(0,.7fr) minmax(260px,1fr);gap:12px;padding:14px}.swimmer-first-session-onboarding-steps{grid-area:1/2/span 5;grid-template-columns:1fr}}.game-ui-shell{border-radius:var(--game-ui-radius-modal);background:radial-gradient(circle at 18% 16%, color-mix(in srgb, var(--game-ui-success-bright) 24%, transparent), transparent 24rem), linear-gradient(150deg, var(--game-ui-scenery-pine), var(--game-ui-scenery-soil) 78%);min-height:min(760px,100dvh);color:var(--game-ui-text);isolation:isolate;box-shadow:var(--game-ui-shadow-modal);display:grid;position:relative;overflow:hidden}.game-ui-shell-scene{min-width:0;min-height:420px;position:relative;overflow:hidden}.game-ui-shell-scene>*{min-width:0}.game-ui-shell-hud,.game-ui-shell-library,.game-ui-shell-side-panel,.game-ui-shell-movement,.game-ui-shell-bottom-bar,.game-ui-shell-overlay{z-index:var(--game-ui-z-hud);position:absolute}.game-ui-shell-hud{top:var(--game-ui-safe-top);right:var(--game-ui-safe-right);left:var(--game-ui-safe-left)}.game-ui-shell-library{top:calc(var(--game-ui-safe-top) + 76px);right:var(--game-ui-safe-right);bottom:calc(var(--game-ui-safe-bottom) + 96px);width:min(360px,100% - 32px);overflow:auto}.game-ui-shell-side-panel{top:calc(var(--game-ui-safe-top) + 76px);left:var(--game-ui-safe-left);bottom:calc(var(--game-ui-safe-bottom) + 96px);width:min(320px,100% - 32px);overflow:auto}.game-ui-shell-movement{bottom:calc(var(--game-ui-safe-bottom) + 20px);left:var(--game-ui-safe-left)}.game-ui-shell-bottom-bar{right:var(--game-ui-safe-right);bottom:var(--game-ui-safe-bottom);left:max(172px, var(--game-ui-safe-left))}.game-ui-shell-overlay{pointer-events:none;place-items:center;display:grid;inset:0}.game-ui-shell-overlay>*{pointer-events:auto}.game-ui-shell[data-density=dense] .game-ui-panel{padding:10px}.game-ui-shell[data-layout=mobile] .game-ui-shell-library,.game-ui-shell[data-layout=mobile] .game-ui-shell-side-panel{top:auto;right:var(--game-ui-safe-right);bottom:calc(var(--game-ui-safe-bottom) + 78px);left:var(--game-ui-safe-left);width:auto;max-height:min(48dvh,320px)}.game-ui-shell[data-layout=mobile] .game-ui-shell-bottom-bar{left:var(--game-ui-safe-left)}.game-ui-shell[data-layout=mobile] .game-ui-shell-movement{bottom:calc(var(--game-ui-safe-bottom) + 86px)}.game-ui-fact-list{flex-wrap:wrap;gap:8px;display:flex}.game-ui-fact-list[data-variant=stats]{grid-template-columns:repeat(auto-fit,minmax(118px,1fr));display:grid}.game-ui-fact{border:1px solid color-mix(in srgb, var(--game-ui-text-on-dark) 32%, transparent);border-radius:var(--game-ui-radius-control);background:var(--game-ui-glass-night-soft);min-width:0;color:var(--game-ui-text-on-dark);box-shadow:var(--game-ui-shadow-button);backdrop-filter:blur(12px);align-items:center;gap:8px;padding:7px 9px;display:inline-flex}.game-ui-fact-list[data-density=dense] .game-ui-fact{min-height:38px;padding:5px 7px}.game-ui-fact-copy{gap:1px;min-width:0;display:grid}.game-ui-fact-copy small,.game-ui-fact-copy em{color:var(--game-ui-text-on-dark);font-size:var(--game-ui-font-xs);letter-spacing:.06em;text-transform:uppercase;font-style:normal;font-weight:820}.game-ui-fact-copy strong{color:var(--game-ui-text-on-dark);font-size:var(--game-ui-font-sm);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.game-ui-action-grid{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.game-ui-action-grid-button{min-width:0}.game-ui-action-grid kbd,.game-ui-movement-button kbd{background:color-mix(in srgb, var(--game-ui-ink-deep) 12%, transparent);color:inherit;border-radius:8px;padding:2px 6px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.72em;font-weight:900}.game-ui-action-grid .game-ui-icon-button{width:48px;min-width:0;padding:0}.game-ui-action-grid[data-icon-label-mode=caption] .game-ui-icon-button{width:var(--game-ui-terrain-tool-hit-size,54px);min-height:calc(var(--game-ui-terrain-tool-hit-size,54px) + 14px);flex-direction:column;gap:2px;padding:5px 4px 4px;line-height:1}.game-ui-action-grid[data-icon-label-mode=caption] .game-ui-icon-button .game-ui-asset-icon{background:color-mix(in srgb, var(--game-ui-ink-deep) 8%, transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--game-ui-ink-deep) 8%, transparent);border-radius:999px;padding:2px}.game-ui-action-grid[data-icon-label-mode=caption] .game-ui-icon-button[aria-pressed=true] .game-ui-asset-icon{background:color-mix(in srgb, var(--game-ui-panel-strong) 32%, transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--game-ui-ink-deep) 12%, transparent)}.game-ui-action-grid-caption{max-width:100%;color:var(--game-ui-text-muted);letter-spacing:.015em;text-align:center;text-overflow:ellipsis;white-space:nowrap;font-size:.62rem;font-weight:920;line-height:1;display:block;overflow:hidden}.game-ui-action-grid .game-ui-icon-button[aria-pressed=true] .game-ui-action-grid-caption{color:var(--game-ui-text)}.game-ui-movement-pad{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:fit-content;box-shadow:var(--game-ui-shadow-panel);backdrop-filter:blur(14px);gap:7px;padding:10px;display:grid}.game-ui-movement-pad:focus-visible{outline:3px solid var(--game-ui-focus-ring);outline-offset:3px}.game-ui-movement-pad-grid{grid-template-columns:repeat(3,48px);grid-template-areas:".forward.""left reset right"".backward.";gap:6px;display:grid}.game-ui-movement-pad[data-density=dense] .game-ui-movement-pad-grid{grid-template-columns:repeat(3,40px);gap:5px}.game-ui-movement-pad[data-layout=row] .game-ui-movement-pad-grid{flex-wrap:wrap;display:flex}.game-ui-movement-button{width:48px;min-width:0;padding:0}.game-ui-movement-pad[data-density=dense] .game-ui-movement-button{width:40px;min-height:40px}.game-ui-movement-button[data-direction=forward]{grid-area:forward}.game-ui-movement-button[data-direction=left]{grid-area:left}.game-ui-movement-button[data-direction=right]{grid-area:right}.game-ui-movement-button[data-direction=backward]{grid-area:backward}.game-ui-movement-button[data-direction=reset]{grid-area:reset}.game-ui-movement-pad p{max-width:18ch;color:var(--game-ui-text-muted);font-size:var(--game-ui-font-xs);margin:0;font-weight:760;line-height:1.25}.game-ui-asset-library{min-width:0;container:game-asset-library/inline-size}.game-ui-asset-library>section{gap:12px;min-width:0;display:grid}.game-ui-asset-library-subtitle{color:var(--game-ui-text-muted);font-size:var(--game-ui-font-sm);line-height:var(--game-ui-line-body);margin:0}.game-ui-asset-library-counts,.game-ui-asset-card-badges{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.game-ui-asset-library-groups{gap:14px;min-width:0;display:grid}.game-ui-asset-library-group{gap:8px;min-width:0;display:grid}.game-ui-asset-library-group>header{justify-content:space-between;align-items:center;gap:8px;min-width:0;display:flex}.game-ui-asset-library-group>header strong{min-width:0;color:var(--game-ui-text);font-family:var(--game-ui-font-display);font-weight:var(--game-ui-weight-title);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.game-ui-asset-library-grid{grid-template-columns:repeat(auto-fill, minmax(min(var(--game-ui-asset-card-min-width,168px), 100%), 1fr));gap:9px;display:grid}.game-ui-asset-library [data-density=dense] .game-ui-asset-library-grid{grid-template-columns:repeat(auto-fill, minmax(min(var(--game-ui-asset-card-dense-min-width,132px), 100%), 1fr))}.game-ui-asset-card{box-sizing:border-box;border:1px solid color-mix(in srgb, var(--game-ui-border-ink) 16%, transparent);border-radius:var(--game-ui-radius-panel);background:color-mix(in srgb, var(--game-ui-panel-strong) 90%, transparent);width:100%;min-width:0;color:var(--game-ui-text);text-align:left;box-shadow:var(--game-ui-shadow-button);cursor:pointer;transition:transform var(--game-ui-motion-fast) var(--game-ui-ease-pop), box-shadow var(--game-ui-motion-fast) var(--game-ui-ease-soft);grid-template-columns:auto minmax(0,1fr);align-items:center;gap:10px;padding:10px;display:grid}@media (hover:hover){.game-ui-asset-card:hover{transform:translateY(-1px)}}.game-ui-asset-card:active{scale:.98}.game-ui-asset-card:focus-visible{outline:3px solid var(--game-ui-focus-ring);outline-offset:2px}.game-ui-asset-card:disabled{cursor:not-allowed;opacity:.62;transform:none}.game-ui-asset-card[aria-pressed=true]{border-color:var(--game-ui-secondary);box-shadow:var(--game-ui-shadow-button), 0 0 0 3px color-mix(in srgb, var(--game-ui-secondary) 22%, transparent)}.game-ui-asset-card-preview{box-sizing:border-box;background:color-mix(in srgb, var(--game-ui-ink-deep) 7%, transparent);width:64px;height:64px;box-shadow:var(--game-ui-shadow-inset);border-radius:18px;flex:none;place-items:center;display:grid;overflow:hidden}.game-ui-asset-card-preview img{object-fit:contain;width:100%;height:100%}.game-ui-asset-card-icon{width:min(100%, var(--game-ui-asset-icon-xl));height:min(100%, var(--game-ui-asset-icon-xl))}.game-ui-asset-card-copy{gap:5px;min-width:0;display:grid}.game-ui-asset-card-copy>strong{color:var(--game-ui-text);font-size:var(--game-ui-font-sm);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.game-ui-asset-card-copy>span:not(.game-ui-asset-card-badges):not(.game-ui-asset-card-facts){color:var(--game-ui-text-muted);font-size:var(--game-ui-font-xs);line-height:1.3}.game-ui-asset-card-facts{flex-wrap:wrap;gap:5px;display:flex}.game-ui-asset-card-facts>span{background:color-mix(in srgb, var(--game-ui-ink-deep) 8%, transparent);border-radius:9px;padding:4px 6px;display:inline-grid}.game-ui-asset-card-facts small{color:var(--game-ui-text-muted);letter-spacing:.06em;text-transform:uppercase;font-size:.66rem;font-weight:820}.game-ui-asset-card-facts b{color:var(--game-ui-text);font-size:.76rem}.game-ui-asset-card[data-asset-source=generated]{border-color:color-mix(in srgb, var(--game-ui-secondary) 28%, transparent)}.game-ui-asset-card[data-asset-source=imported]{border-color:color-mix(in srgb, var(--game-ui-accent) 30%, transparent)}.game-ui-asset-card[data-asset-card-layout=rail],.game-ui-asset-library[data-card-layout=rail] .game-ui-asset-card{width:min(var(--game-ui-asset-rail-card-size,52px), 100%);min-width:0;min-height:min(var(--game-ui-asset-rail-card-size,52px), 100%);text-align:center;border-radius:20px;grid-template-columns:1fr;place-items:center;gap:0;padding:5px}.game-ui-asset-card[data-asset-card-layout=rail] .game-ui-asset-card-preview,.game-ui-asset-library[data-card-layout=rail] .game-ui-asset-card-preview{width:min(var(--game-ui-asset-rail-preview-size,42px), 100%);height:min(var(--game-ui-asset-rail-preview-size,42px), 100%);border-radius:15px;overflow:visible}.game-ui-asset-card[data-asset-card-layout=rail] .game-ui-asset-card-icon,.game-ui-asset-library[data-card-layout=rail] .game-ui-asset-card-icon{width:min(78%, var(--game-ui-asset-icon-lg));height:min(78%, var(--game-ui-asset-icon-lg))}.game-ui-asset-card[data-asset-card-layout=rail] .game-ui-asset-card-copy,.game-ui-asset-library[data-card-layout=rail] .game-ui-asset-card-copy{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.game-ui-asset-library[data-card-layout=rail]{padding:6px}.game-ui-asset-library[data-card-layout=rail]>h3,.game-ui-asset-library[data-card-layout=rail] .game-ui-asset-library-subtitle,.game-ui-asset-library[data-card-layout=rail] .game-ui-asset-library-counts,.game-ui-asset-library[data-card-layout=rail] .game-ui-asset-library-group>header{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.game-ui-asset-library[data-card-layout=rail]>section,.game-ui-asset-library[data-card-layout=rail] .game-ui-asset-library-groups,.game-ui-asset-library[data-card-layout=rail] .game-ui-asset-library-group,.game-ui-asset-library[data-card-layout=rail] .game-ui-asset-library-grid{grid-template-columns:1fr;justify-items:center;gap:8px;display:grid}@container game-asset-library (width<=180px){.game-ui-asset-library[data-card-layout=auto]{padding:6px}.game-ui-asset-library[data-card-layout=auto]>h3,.game-ui-asset-library[data-card-layout=auto] .game-ui-asset-library-subtitle,.game-ui-asset-library[data-card-layout=auto] .game-ui-asset-library-counts,.game-ui-asset-library[data-card-layout=auto] .game-ui-asset-library-group>header{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.game-ui-asset-library[data-card-layout=auto]>section,.game-ui-asset-library[data-card-layout=auto] .game-ui-asset-library-groups,.game-ui-asset-library[data-card-layout=auto] .game-ui-asset-library-group,.game-ui-asset-library[data-card-layout=auto] .game-ui-asset-library-grid{grid-template-columns:1fr;justify-items:center;gap:8px;display:grid}.game-ui-asset-library[data-card-layout=auto] .game-ui-asset-card{width:min(var(--game-ui-asset-rail-card-size,52px), 100%);min-width:0;min-height:min(var(--game-ui-asset-rail-card-size,52px), 100%);text-align:center;border-radius:20px;grid-template-columns:1fr;place-items:center;gap:0;padding:5px}.game-ui-asset-library[data-card-layout=auto] .game-ui-asset-card-preview{width:min(var(--game-ui-asset-rail-preview-size,42px), 100%);height:min(var(--game-ui-asset-rail-preview-size,42px), 100%);border-radius:15px;overflow:visible}.game-ui-asset-library[data-card-layout=auto] .game-ui-asset-card-icon{width:min(78%, var(--game-ui-asset-icon-lg));height:min(78%, var(--game-ui-asset-icon-lg))}.game-ui-asset-library[data-card-layout=auto] .game-ui-asset-card-copy{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}}.game-ui-placement-toolbar>div{gap:10px;display:grid}.game-ui-placement-toolbar .game-ui-progress{min-width:min(100%,260px)}.game-ui-placement-toolbar .game-ui-action-grid+.game-ui-action-grid{padding-top:2px}.game-ui-placement-toolbar [data-density=dense] .game-ui-fact-list{gap:6px}.game-ui-terrain-build-toolbox{min-width:0;container:game-terrain-build/inline-size}.game-ui-terrain-build-toolbox>section,.game-ui-terrain-build-toolbox-body{gap:12px;min-width:0;display:grid}.game-ui-terrain-status{border:1px solid color-mix(in srgb, var(--game-ui-border-ink) 12%, transparent);border-radius:var(--game-ui-radius-card);background:color-mix(in srgb, var(--game-ui-panel-strong) 50%, transparent);gap:6px;padding:10px;display:grid}.game-ui-terrain-status p{color:var(--game-ui-text-muted);font-size:var(--game-ui-font-sm);line-height:var(--game-ui-line-body);margin:0}.game-ui-terrain-mode-control,.game-ui-terrain-tool-strip,.game-ui-brush-controls,.game-ui-material-swatches,.game-ui-undo-redo-actions,.game-ui-build-library{min-width:0}.game-ui-terrain-build-main-grid{grid-template-columns:minmax(0,1.1fr) auto minmax(240px,.9fr);align-items:start;gap:12px;display:grid}.game-ui-terrain-mode-options,.game-ui-build-categories{flex-wrap:wrap;gap:8px;display:flex}.game-ui-terrain-mode-option,.game-ui-build-category,.game-ui-material-swatch,.game-ui-build-item{border:1px solid color-mix(in srgb, var(--game-ui-border-ink) 16%, transparent);border-radius:var(--game-ui-radius-control);background:color-mix(in srgb, var(--game-ui-panel-strong) 82%, transparent);min-width:0;color:var(--game-ui-text);font:inherit;font-weight:var(--game-ui-weight-strong);cursor:pointer;box-shadow:var(--game-ui-shadow-button)}.game-ui-terrain-mode-option{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:7px;min-height:44px;padding:6px 10px;display:inline-grid}.game-ui-terrain-mode-option>span,.game-ui-build-category>span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.game-ui-terrain-mode-option small,.game-ui-build-category small,.game-ui-material-swatch-copy small,.game-ui-build-item-copy small{color:var(--game-ui-text-muted);font-size:var(--game-ui-font-xs);font-weight:760;line-height:1.2}.game-ui-terrain-mode-option[aria-pressed=true],.game-ui-build-category[aria-selected=true],.game-ui-material-swatch[aria-selected=true],.game-ui-build-item[aria-pressed=true]{border-color:var(--game-ui-secondary);background:color-mix(in srgb, var(--game-ui-secondary) 18%, transparent);box-shadow:var(--game-ui-shadow-button), 0 0 0 3px color-mix(in srgb, var(--game-ui-secondary) 20%, transparent)}.game-ui-terrain-mode-option[aria-pressed=true] small,.game-ui-build-category[aria-selected=true] small,.game-ui-material-swatch[aria-selected=true] .game-ui-material-swatch-copy small,.game-ui-build-item[aria-pressed=true] .game-ui-build-item-copy small{color:var(--game-ui-ink-heading)}.game-ui-terrain-mode-option:disabled,.game-ui-build-category:disabled,.game-ui-material-swatch:disabled,.game-ui-build-item:disabled{cursor:not-allowed;opacity:.58;transform:none}.game-ui-terrain-mode-option:focus-visible,.game-ui-build-category:focus-visible,.game-ui-material-swatch:focus-visible,.game-ui-build-item:focus-visible,.game-ui-brush-range:focus-visible,.game-ui-brush-number:focus-visible{outline:3px solid var(--game-ui-focus-ring);outline-offset:2px}.game-ui-terrain-tool-strip .game-ui-action-grid-button[aria-pressed=true]{box-shadow:var(--game-ui-shadow-button), 0 0 0 3px color-mix(in srgb, var(--game-ui-secondary) 24%, transparent)}.game-ui-brush-controls{gap:10px;display:grid}.game-ui-brush-control-row{grid-template-columns:minmax(120px, 1fr) var(--game-ui-brush-number-width);align-items:center;gap:8px;display:grid}.game-ui-brush-range{width:100%;accent-color:var(--game-ui-secondary)}.game-ui-brush-number{border:1px solid var(--game-ui-border-strong);background:var(--game-ui-surface-raised);width:100%;min-height:40px;color:var(--game-ui-text);font:inherit;font-weight:var(--game-ui-weight-strong);box-shadow:var(--game-ui-shadow-inset);border-radius:12px;padding:0 8px}.game-ui-material-swatch-grid{grid-template-columns:repeat(auto-fit,minmax(118px,1fr));gap:8px;display:grid}.game-ui-material-swatch{grid-template-columns:var(--game-ui-terrain-swatch-size) minmax(0, 1fr);text-align:left;align-items:center;gap:8px;min-height:48px;padding:7px;display:grid}.game-ui-material-swatch-chip{width:var(--game-ui-terrain-swatch-size);height:var(--game-ui-terrain-swatch-size);border:2px solid color-mix(in srgb, var(--game-ui-panel-strong) 90%, transparent);background:var(--swatch-color);box-shadow:var(--game-ui-shadow-inset), 0 2px 8px color-mix(in srgb, var(--game-ui-ink-deep) 16%, transparent);border-radius:13px}.game-ui-material-swatch-chip[data-swatch-pattern=speckled]{background:radial-gradient(circle at 24% 28%, var(--swatch-secondary-color) 0 3px, transparent 3.5px), radial-gradient(circle at 70% 64%, color-mix(in srgb, var(--game-ui-panel-strong) 72%, transparent) 0 2px, transparent 2.5px), var(--swatch-color);background-size:18px 18px,16px 16px,auto}.game-ui-material-swatch-chip[data-swatch-pattern=hatched]{background:repeating-linear-gradient(135deg, var(--swatch-secondary-color) 0 3px, transparent 3px 8px), var(--swatch-color)}.game-ui-material-swatch-chip[data-swatch-pattern=grid]{background:linear-gradient(90deg, color-mix(in srgb, var(--game-ui-panel-strong) 50%, transparent) 1px, transparent 1px), linear-gradient(0deg, color-mix(in srgb, var(--game-ui-panel-strong) 42%, transparent) 1px, transparent 1px), var(--swatch-color);background-size:10px 10px}.game-ui-material-swatch-copy,.game-ui-build-item-copy{gap:2px;min-width:0;display:grid}.game-ui-material-swatch-copy strong,.game-ui-build-item-copy strong{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.game-ui-build-library>section{gap:10px;display:grid}.game-ui-build-category{text-align:left;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:7px;min-height:42px;padding:6px 9px;display:inline-grid}.game-ui-build-items{grid-template-columns:repeat(auto-fill,minmax(min(168px,100%),1fr));gap:9px;display:grid}.game-ui-build-item{text-align:left;grid-template-columns:42px minmax(0,1fr);align-items:center;gap:9px;width:100%;min-height:70px;padding:9px;display:grid}.game-ui-build-item-icon{background:color-mix(in srgb, var(--game-ui-ink-deep) 8%, transparent);width:42px;height:42px;box-shadow:var(--game-ui-shadow-inset);border-radius:14px;place-items:center;display:grid;overflow:hidden}.game-ui-build-item-preview{object-fit:contain;width:100%;height:100%}.game-ui-build-item-badges{flex-wrap:wrap;gap:5px;display:flex}.game-ui-build-item-copy>span:not(.game-ui-build-item-badges){color:var(--game-ui-text-muted);font-size:var(--game-ui-font-xs);line-height:1.25}.game-ui-compact-game-drawer{gap:8px;width:min(100%,360px);min-width:0;display:grid}.game-ui-compact-game-drawer[data-variant=small-mobile]{width:min(100%,320px)}.game-ui-compact-game-drawer-trigger{justify-self:start;max-width:100%}.game-ui-compact-game-drawer-panel{overscroll-behavior:contain;min-width:0;max-height:min(72dvh,520px);display:none;overflow:auto}.game-ui-compact-game-drawer[data-open=true] .game-ui-compact-game-drawer-panel{display:grid}.game-ui-compact-game-drawer .game-ui-panel{max-width:100%}.game-ui-terrain-build-toolbox[data-variant=dense] .game-ui-terrain-build-main-grid,.game-ui-terrain-build-toolbox-body[data-variant=dense] .game-ui-terrain-build-main-grid{grid-template-columns:minmax(0,1fr) auto}.game-ui-terrain-build-toolbox[data-variant=dense] .game-ui-brush-controls,.game-ui-terrain-build-toolbox-body[data-variant=dense] .game-ui-brush-controls{grid-column:1/-1}.game-ui-terrain-mode-control[data-variant=mobile] .game-ui-terrain-mode-options,.game-ui-terrain-mode-control[data-variant=small-mobile] .game-ui-terrain-mode-options{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.game-ui-terrain-tool-strip[data-variant=mobile] .game-ui-action-grid,.game-ui-terrain-tool-strip[data-variant=small-mobile] .game-ui-action-grid,.game-ui-undo-redo-actions .game-ui-action-grid{gap:6px}.game-ui-terrain-tool-strip[data-variant=mobile] .game-ui-action-grid .game-ui-icon-button,.game-ui-terrain-tool-strip[data-variant=small-mobile] .game-ui-action-grid .game-ui-icon-button,.game-ui-undo-redo-actions .game-ui-action-grid .game-ui-icon-button{width:var(--game-ui-terrain-tool-hit-size);min-height:var(--game-ui-terrain-tool-hit-size)}.game-ui-terrain-tool-strip[data-icon-label-mode=caption] .game-ui-action-grid .game-ui-icon-button{min-height:calc(var(--game-ui-terrain-tool-hit-size) + 14px)}.game-ui-terrain-tool-strip[data-variant=mobile] .game-ui-action-grid kbd,.game-ui-terrain-tool-strip[data-variant=small-mobile] .game-ui-action-grid kbd,.game-ui-undo-redo-actions .game-ui-action-grid kbd{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.game-ui-material-swatches[data-variant=small-mobile] .game-ui-material-swatch-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.game-ui-material-swatches[data-variant=small-mobile] .game-ui-material-swatch{grid-template-columns:30px minmax(0,1fr);min-height:44px}.game-ui-material-swatches[data-variant=small-mobile] .game-ui-material-swatch-chip{width:30px;height:30px}.game-ui-build-library[data-variant=small-mobile] .game-ui-build-categories{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.game-ui-build-items[data-card-layout=rail]{grid-template-columns:repeat(auto-fill, minmax(var(--game-ui-build-rail-card-size), 1fr));justify-items:start}.game-ui-build-items[data-card-layout=rail] .game-ui-build-item{width:var(--game-ui-build-rail-card-size);min-height:var(--game-ui-build-rail-card-size);grid-template-columns:1fr;place-items:center;padding:5px}.game-ui-build-items[data-card-layout=rail] .game-ui-build-item-icon{width:42px;height:42px}.game-ui-build-items[data-card-layout=rail] .game-ui-build-item-copy{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@container game-terrain-build (width<=560px){.game-ui-terrain-build-main-grid{grid-template-columns:minmax(0,1fr)}.game-ui-undo-redo-actions{justify-self:start}.game-ui-brush-control-row{grid-template-columns:minmax(0,1fr) 70px}.game-ui-build-items{grid-template-columns:repeat(auto-fill,minmax(min(140px,100%),1fr))}}@media (prefers-reduced-motion:reduce){.game-ui-terrain-mode-option,.game-ui-build-category,.game-ui-material-swatch,.game-ui-build-item{transition:none}}@media (width<=900px){.game-ui-shell{min-height:640px}.game-ui-shell-library,.game-ui-shell-side-panel{top:auto;right:var(--game-ui-safe-right);bottom:calc(var(--game-ui-safe-bottom) + 78px);left:var(--game-ui-safe-left);width:auto;max-height:min(48dvh,320px)}.game-ui-shell-bottom-bar{left:var(--game-ui-safe-left)}.game-ui-shell-movement{bottom:calc(var(--game-ui-safe-bottom) + 86px)}.game-ui-asset-library-grid{grid-template-columns:repeat(auto-fill,minmax(136px,1fr))}}@media (width<=900px) and (height<=500px) and (orientation:landscape){.game-ui-shell{min-height:390px}.game-ui-shell-library{top:calc(var(--game-ui-safe-top) + 58px);right:var(--game-ui-safe-right);bottom:calc(var(--game-ui-safe-bottom) + 70px);width:min(300px,46vw);left:auto}.game-ui-shell-bottom-bar{left:max(132px, var(--game-ui-safe-left))}.game-ui-asset-card-preview{width:48px;height:48px}.game-ui-asset-card-copy>span:not(.game-ui-asset-card-badges):not(.game-ui-asset-card-facts),.game-ui-asset-card-facts{display:none}}.game-ui-contractor-panel{min-width:0;container:game-contractor-panel/inline-size}.game-ui-contractor-panel>section,.game-ui-contractor-panel[data-variant=mobile],.game-ui-contractor-panel[data-variant=small-mobile]{gap:12px;min-width:0;display:grid}.game-ui-contractor-panel-subtitle{color:var(--game-ui-text-muted);font-size:var(--game-ui-font-sm);line-height:var(--game-ui-line-body);margin:0}.game-ui-contractor-panel-grid{grid-template-columns:minmax(300px,.92fr) minmax(320px,1.08fr);align-items:start;gap:12px;display:grid}.game-ui-contractor-job-list,.game-ui-contractor-detail,.game-ui-compact-job-drawer-list{gap:10px;min-width:0;display:grid}.game-ui-contractor-job-list{overscroll-behavior:contain;max-height:min(68dvh,620px);padding-right:2px;overflow:auto}.game-ui-contractor-detail{border:1px solid color-mix(in srgb, var(--game-ui-border-ink) 12%, transparent);border-radius:var(--game-ui-radius-panel);background:color-mix(in srgb, var(--game-ui-panel-strong) 46%, transparent);padding:12px}.game-ui-contractor-panel[data-variant=mobile],.game-ui-contractor-panel[data-variant=small-mobile]{width:min(100%,420px)}.game-ui-construction-job-card{border:1px solid color-mix(in srgb, var(--game-ui-border-ink) 16%, transparent);border-radius:var(--game-ui-radius-panel);background:color-mix(in srgb, var(--game-ui-panel-strong) 88%, transparent);min-width:0;box-shadow:var(--game-ui-shadow-panel);gap:10px;padding:12px;display:grid}.game-ui-construction-job-card[data-selected=true]{border-color:var(--game-ui-secondary);box-shadow:var(--game-ui-shadow-panel), 0 0 0 3px color-mix(in srgb, var(--game-ui-secondary) 20%, transparent)}.game-ui-construction-job-card[data-status=blocked]{border-color:color-mix(in srgb, var(--game-ui-danger) 34%, transparent)}.game-ui-construction-job-card[data-status=readyForReview]{border-color:color-mix(in srgb, var(--game-ui-success) 36%, transparent)}.game-ui-construction-job-card[data-density=dense]{gap:8px;padding:10px}.game-ui-construction-job-header{grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:8px;display:grid}.game-ui-construction-job-select{min-width:0;color:inherit;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:9px;padding:0;display:inline-grid}.game-ui-construction-job-select:disabled{cursor:default}.game-ui-construction-job-select:focus-visible{outline:3px solid var(--game-ui-focus-ring);outline-offset:3px;border-radius:14px}.game-ui-construction-job-select span,.game-ui-robot-crew-copy{gap:2px;min-width:0;display:grid}.game-ui-construction-job-select strong,.game-ui-robot-crew-copy strong{min-width:0;color:var(--game-ui-text);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.game-ui-construction-job-select small,.game-ui-robot-crew-copy small,.game-ui-robot-crew-copy em,.game-ui-construction-steps small,.game-ui-construction-warning small,.game-ui-before-after-preview figcaption{color:var(--game-ui-text-muted);font-size:var(--game-ui-font-xs);font-style:normal;line-height:1.25}.game-ui-construction-job-badges,.game-ui-construction-approval-meta{flex-wrap:wrap;justify-content:flex-end;gap:6px;display:flex}.game-ui-construction-job-facts{flex-wrap:wrap;gap:6px;display:flex}.game-ui-construction-job-facts>span{background:color-mix(in srgb, var(--game-ui-ink-deep) 8%, transparent);border-radius:10px;gap:1px;min-width:82px;padding:6px 8px;display:inline-grid}.game-ui-construction-job-facts small{color:var(--game-ui-text-muted);letter-spacing:.06em;text-transform:uppercase;font-size:.66rem;font-weight:860}.game-ui-construction-job-facts b{min-width:0;color:var(--game-ui-text);font-size:var(--game-ui-font-xs);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.game-ui-construction-progress{gap:8px;min-width:0;display:grid}.game-ui-construction-progress-header{justify-content:space-between;align-items:center;gap:8px;display:flex}.game-ui-construction-progress-header>span{align-items:center;gap:7px;min-width:0;display:inline-flex}.game-ui-construction-progress-header strong{min-width:0;color:var(--game-ui-text);font-size:var(--game-ui-font-sm);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.game-ui-construction-steps{gap:6px;margin:0;padding:0;list-style:none;display:grid}.game-ui-construction-steps li{background:color-mix(in srgb, var(--game-ui-ink-deep) 6%, transparent);border-radius:12px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:8px;padding:7px 8px;display:grid}.game-ui-construction-step-dot{background:var(--game-ui-disabled);width:11px;height:11px;box-shadow:0 0 0 3px color-mix(in srgb, var(--game-ui-ink-deep) 8%, transparent);border-radius:999px}.game-ui-construction-steps li[data-step-status=active] .game-ui-construction-step-dot{background:var(--game-ui-secondary)}.game-ui-construction-steps li[data-step-status=complete] .game-ui-construction-step-dot{background:var(--game-ui-success)}.game-ui-construction-steps li[data-step-status=blocked] .game-ui-construction-step-dot{background:var(--game-ui-danger)}.game-ui-construction-steps strong{min-width:0;color:var(--game-ui-text);font-size:var(--game-ui-font-xs);text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.game-ui-construction-warnings{gap:6px;display:grid}.game-ui-construction-warning{border:1px solid color-mix(in srgb, var(--game-ui-accent) 28%, transparent);background:color-mix(in srgb, var(--game-ui-warning) 16%, transparent);border-radius:12px;grid-template-columns:auto minmax(0,1fr);align-items:start;gap:7px;padding:8px;display:grid}.game-ui-construction-warning>span{gap:2px;min-width:0;display:grid}.game-ui-construction-warning[data-warning-tone=danger]{border-color:color-mix(in srgb, var(--game-ui-danger) 34%, transparent);background:color-mix(in srgb, var(--game-ui-danger) 13%, transparent)}.game-ui-construction-warning[data-warning-tone=success]{border-color:color-mix(in srgb, var(--game-ui-success) 34%, transparent);background:color-mix(in srgb, var(--game-ui-success-bright) 18%, transparent)}.game-ui-construction-warning strong{color:var(--game-ui-text);font-size:var(--game-ui-font-xs)}.game-ui-construction-approval-bar{border-top:1px solid color-mix(in srgb, var(--game-ui-border-ink) 10%, transparent);gap:8px;min-width:0;padding-top:8px;display:grid}.game-ui-construction-approval-bar .game-ui-action-grid{gap:7px}.game-ui-construction-approval-bar[data-variant=small-mobile] .game-ui-button{min-height:40px;font-size:var(--game-ui-font-xs);padding:0 10px}.game-ui-robot-crew-status{gap:8px;min-width:0;display:grid}.game-ui-robot-crew-status>header strong{color:var(--game-ui-text);font-family:var(--game-ui-font-display);font-weight:var(--game-ui-weight-title)}.game-ui-robot-crew-list{gap:7px;display:grid}.game-ui-robot-crew-member{background:color-mix(in srgb, var(--game-ui-ink-deep) 7%, transparent);border-radius:14px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:8px;padding:8px;display:grid}.game-ui-robot-crew-member[data-crew-status=working]{background:color-mix(in srgb, var(--game-ui-secondary) 11%, transparent)}.game-ui-robot-crew-member[data-crew-status=blocked]{background:color-mix(in srgb, var(--game-ui-danger) 10%, transparent)}.game-ui-before-after-toggle{gap:8px;min-width:0;display:grid}.game-ui-before-after-toggle .game-ui-segmented{width:fit-content;max-width:100%}.game-ui-before-after-preview{gap:7px;min-width:0;margin:0;display:grid}.game-ui-before-after-content,.game-ui-before-after-placeholder{border:1px solid color-mix(in srgb, var(--game-ui-border-ink) 12%, transparent);border-radius:var(--game-ui-radius-panel);background:radial-gradient(circle at 50% 50%, color-mix(in srgb, var(--game-ui-success-bright) 18%, transparent), transparent 8rem), color-mix(in srgb, var(--game-ui-ink-deep) 8%, transparent);place-items:center;min-height:160px;display:grid;overflow:hidden}.game-ui-before-after-placeholder{color:var(--game-ui-text-muted)}.game-ui-compact-job-drawer .game-ui-compact-game-drawer{width:100%}.game-ui-compact-job-drawer,.game-ui-compact-job-drawer .game-ui-compact-game-drawer,.game-ui-compact-job-drawer-list,.game-ui-compact-job-drawer-list>*{box-sizing:border-box;min-width:0;max-width:100%}.game-ui-compact-job-drawer-list{max-height:min(58dvh,440px);padding:2px;overflow:auto}.game-ui-contractor-panel[data-variant=small-mobile] .game-ui-construction-job-header,.game-ui-contractor-panel[data-variant=mobile] .game-ui-construction-job-header{grid-template-columns:minmax(0,1fr)}.game-ui-contractor-panel[data-variant=small-mobile] .game-ui-construction-job-badges,.game-ui-contractor-panel[data-variant=mobile] .game-ui-construction-job-badges{justify-content:flex-start}.game-ui-contractor-panel[data-variant=small-mobile] .game-ui-construction-steps{display:none}.game-ui-contractor-panel[data-variant=small-mobile] .game-ui-before-after-content,.game-ui-contractor-panel[data-variant=small-mobile] .game-ui-before-after-placeholder{min-height:118px}@container game-contractor-panel (width<=760px){.game-ui-contractor-panel-grid{grid-template-columns:minmax(0,1fr)}.game-ui-contractor-job-list{max-height:none;padding-right:0;overflow:visible}.game-ui-contractor-detail{padding:10px}}@media (width<=900px){.game-ui-contractor-panel-grid{grid-template-columns:minmax(0,1fr)}.game-ui-construction-job-facts>span{min-width:min(108px,100%)}}@media (prefers-reduced-motion:reduce){.game-ui-button:hover,.game-ui-icon-button:hover,.game-ui-language-trigger:hover,.game-ui-language-popover button:hover,.game-ui-stage-tile:hover,.game-ui-orientation-card button:hover,.game-ui-asset-card:hover{transform:none}}[data-game-ui-tone=glass] .game-ui-button,[data-game-ui-tone=glass] .game-ui-icon-button,[data-game-ui-tone=glass] .game-ui-tab,[data-game-ui-tone=glass] .game-ui-segmented-option,[data-game-ui-tone=glass] .game-ui-toggle,[data-game-ui-tone=glass] .game-ui-language-trigger,[data-game-ui-tone=glass] .game-ui-language-popover button,[data-game-ui-tone=glass] .game-ui-radial-item,.game-ui-overlay-scope .game-ui-button,.game-ui-overlay-scope .game-ui-icon-button,.game-ui-overlay-scope .game-ui-tab,.game-ui-overlay-scope .game-ui-segmented-option,.game-ui-overlay-scope .game-ui-toggle,.game-ui-overlay-scope .game-ui-language-trigger,.game-ui-overlay-scope .game-ui-language-popover button,.game-ui-overlay-scope .game-ui-radial-item{border-color:var(--game-ui-overlay-glass-border);background:var(--game-ui-overlay-glass-bg);color:var(--game-ui-overlay-glass-text);box-shadow:none;backdrop-filter:blur(var(--game-ui-overlay-glass-blur))}@media (hover:hover){[data-game-ui-tone=glass] .game-ui-button:hover,[data-game-ui-tone=glass] .game-ui-icon-button:hover,[data-game-ui-tone=glass] .game-ui-language-trigger:hover,[data-game-ui-tone=glass] .game-ui-language-popover button:hover,[data-game-ui-tone=glass] .game-ui-tab:hover,[data-game-ui-tone=glass] .game-ui-segmented-option:hover,[data-game-ui-tone=glass] .game-ui-radial-item:hover,.game-ui-overlay-scope .game-ui-button:hover,.game-ui-overlay-scope .game-ui-icon-button:hover,.game-ui-overlay-scope .game-ui-language-trigger:hover,.game-ui-overlay-scope .game-ui-language-popover button:hover,.game-ui-overlay-scope .game-ui-tab:hover,.game-ui-overlay-scope .game-ui-segmented-option:hover,.game-ui-overlay-scope .game-ui-radial-item:hover{border-color:var(--game-ui-overlay-glass-border-hover);background:var(--game-ui-overlay-glass-bg-hover)}}[data-game-ui-tone=glass] .game-ui-button--primary,[data-game-ui-tone=glass] .game-ui-orientation-card button,.game-ui-overlay-scope .game-ui-button--primary,.game-ui-overlay-scope .game-ui-orientation-card button{border-color:var(--game-ui-overlay-glass-border-hover);background:var(--game-ui-overlay-glass-primary-fill);color:var(--game-ui-overlay-glass-text);box-shadow:none}[data-game-ui-tone=glass] .game-ui-button--ghost,.game-ui-overlay-scope .game-ui-button--ghost{border-color:var(--game-ui-overlay-glass-border);background:color-mix(in srgb, var(--game-ui-overlay-glass-bg) 55%, transparent);color:var(--game-ui-overlay-glass-text-muted);box-shadow:none}[data-game-ui-tone=glass] .game-ui-button--success,.game-ui-overlay-scope .game-ui-button--success{border-color:color-mix(in srgb, var(--game-ui-success) 48%, transparent);background:linear-gradient(135deg, color-mix(in srgb, var(--game-ui-success) 32%, transparent), color-mix(in srgb, var(--game-ui-text-on-dark) 4%, transparent)), var(--game-ui-overlay-glass-bg-strong);color:var(--game-ui-overlay-glass-text)}[data-game-ui-tone=glass] .game-ui-button--danger,.game-ui-overlay-scope .game-ui-button--danger{border-color:color-mix(in srgb, var(--game-ui-danger) 48%, transparent);background:linear-gradient(135deg, color-mix(in srgb, var(--game-ui-danger) 32%, transparent), color-mix(in srgb, var(--game-ui-text-on-dark) 4%, transparent)), var(--game-ui-overlay-glass-bg-strong);color:var(--game-ui-overlay-glass-text)}[data-game-ui-tone=glass] .game-ui-button:disabled,.game-ui-overlay-scope .game-ui-button:disabled{border-color:color-mix(in srgb, var(--game-ui-overlay-glass-border) 50%, transparent);background:color-mix(in srgb, var(--game-ui-overlay-glass-bg) 55%, transparent);color:var(--game-ui-disabled)}[data-game-ui-tone=glass] .game-ui-badge,.game-ui-overlay-scope .game-ui-badge{border-color:color-mix(in srgb, var(--game-ui-overlay-glass-border) 90%, transparent);background:var(--game-ui-overlay-glass-bg);color:var(--game-ui-overlay-glass-text);backdrop-filter:blur(var(--game-ui-overlay-glass-blur))}[data-game-ui-tone=glass] .game-ui-panel,[data-game-ui-tone=glass] .game-ui-dialog,[data-game-ui-tone=glass] .game-ui-history,[data-game-ui-tone=glass] .game-ui-prompt,[data-game-ui-tone=glass] .game-ui-toast,.game-ui-overlay-scope .game-ui-panel,.game-ui-overlay-scope .game-ui-dialog,.game-ui-overlay-scope .game-ui-history,.game-ui-overlay-scope .game-ui-prompt,.game-ui-overlay-scope .game-ui-toast{border-color:var(--game-ui-overlay-glass-border);background:var(--game-ui-overlay-glass-bg-panel);color:var(--game-ui-overlay-glass-text);backdrop-filter:blur(var(--game-ui-overlay-glass-blur)) saturate(1.1)}[data-game-ui-tone=glass] .game-ui-input,.game-ui-overlay-scope .game-ui-input{border-color:var(--game-ui-overlay-glass-border);background:color-mix(in srgb, var(--game-ui-overlay-glass-bg-strong) 88%, transparent);color:var(--game-ui-overlay-glass-text);box-shadow:none;backdrop-filter:blur(var(--game-ui-overlay-glass-blur))}[data-game-ui-tone=glass] .game-ui-input:focus-visible,.game-ui-overlay-scope .game-ui-input:focus-visible{border-color:var(--game-ui-overlay-glass-border-hover);box-shadow:0 0 0 3px var(--game-ui-focus-ring)}[data-game-ui-tone=glass] .game-ui-progress-track,.game-ui-overlay-scope .game-ui-progress-track{background:color-mix(in srgb, var(--game-ui-overlay-glass-bg) 70%, transparent);box-shadow:none}[data-game-ui-tone=glass] .game-ui-hud-chip,[data-game-ui-tone=glass] .game-ui-fact,.game-ui-overlay-scope .game-ui-hud-chip,.game-ui-overlay-scope .game-ui-fact{border-color:var(--game-ui-overlay-glass-border);background:var(--game-ui-overlay-glass-bg);box-shadow:none;backdrop-filter:blur(var(--game-ui-overlay-glass-blur))}[data-game-ui-tone=glass] .game-ui-asset-icon,.game-ui-overlay-scope .game-ui-asset-icon{filter:drop-shadow(0 1px 1px color-mix(in srgb, var(--game-ui-scenery-soil) 55%, transparent))}[data-game-ui-tone=glass] .game-ui-tab[aria-selected=true],[data-game-ui-tone=glass] .game-ui-segmented-option[aria-pressed=true],.game-ui-overlay-scope .game-ui-tab[aria-selected=true],.game-ui-overlay-scope .game-ui-segmented-option[aria-pressed=true]{border-color:color-mix(in srgb, var(--game-ui-secondary) 55%, transparent);background:linear-gradient(135deg, color-mix(in srgb, var(--game-ui-secondary) 36%, transparent), color-mix(in srgb, var(--game-ui-text-on-dark) 4%, transparent)), var(--game-ui-overlay-glass-bg-strong);color:var(--game-ui-overlay-glass-text)}[data-game-ui-density=compact] .game-ui-button,[data-game-ui-density=compact] .game-ui-icon-button,[data-game-ui-density=compact] .game-ui-tab,[data-game-ui-density=compact] .game-ui-segmented-option,[data-game-ui-density=compact] .game-ui-toggle,[data-game-ui-density=compact] .game-ui-language-trigger,[data-game-ui-density=compact] .game-ui-language-popover button,[data-game-ui-density=compact] .game-ui-radial-item{min-height:34px;padding:0 12px}[data-game-ui-density=compact] .game-ui-icon-button{width:34px;min-width:34px;padding:0}[data-game-ui-density=compact] .game-ui-badge{min-height:22px;padding:0 8px}[data-game-ui-density=compact] .game-ui-panel,[data-game-ui-density=compact] .game-ui-dialog,[data-game-ui-density=compact] .game-ui-history,[data-game-ui-density=compact] .game-ui-prompt{gap:8px;padding:10px 12px}[data-game-ui-density=compact] .game-ui-input{min-height:36px;padding:8px 12px}[data-game-ui-density=compact] .game-ui-textarea{min-height:72px}[data-game-ui-density=compact] .game-ui-hud-chip{gap:6px;min-height:40px;padding:4px 8px 4px 4px}[data-game-ui-density=compact] .game-ui-hud-cluster,[data-game-ui-density=compact] .game-ui-hud-tools,[data-game-ui-density=compact] .game-ui-hud-actions,[data-game-ui-density=compact] .game-ui-tabs,[data-game-ui-density=compact] .game-ui-segmented{gap:6px}[data-game-ui-density=compact] .game-ui-slider input[type=range]{min-height:34px}.game-ui-button:focus-visible,.game-ui-icon-button:focus-visible,.game-ui-tab:focus-visible,.game-ui-segmented-option:focus-visible,.game-ui-toggle:focus-visible,.game-ui-language-trigger:focus-visible,.game-ui-language-popover button:focus-visible,.game-ui-stage-tile:focus-visible,.game-ui-orientation-card button:focus-visible,.game-ui-collapsible-toggle:focus-visible,.game-ui-construction-job-select:focus-visible,.game-ui-radial-item:focus-visible{outline:3px solid var(--game-ui-focus-ring);outline-offset:2px}.game-ui-window-body,.game-ui-contractor-job-list,.game-ui-compact-job-drawer-list,.game-ui-compact-game-drawer-panel,.game-ui-shell-library,.game-ui-shell-side-panel,.game-ui-modal-frame{scrollbar-width:thin;scrollbar-color:var(--game-ui-border-strong) transparent}.game-ui-panel ::selection,.game-ui-modal-frame ::selection,.game-ui-window ::selection,.game-ui-collapsible ::selection,.game-ui-dialog ::selection{background:color-mix(in srgb, var(--game-ui-accent) 28%, transparent)}@media (forced-colors:active){.game-ui-button,.game-ui-icon-button,.game-ui-tab,.game-ui-segmented-option,.game-ui-toggle,.game-ui-radial-item,.game-ui-input,.game-ui-textarea,.game-ui-asset-card,.game-ui-terrain-mode-option,.game-ui-build-category,.game-ui-material-swatch,.game-ui-build-item,.game-ui-construction-job-select,.game-ui-checkbox-box{border:1px solid buttontext}.game-ui-button:focus-visible,.game-ui-icon-button:focus-visible,.game-ui-tab:focus-visible,.game-ui-segmented-option:focus-visible,.game-ui-toggle:focus-visible,.game-ui-language-trigger:focus-visible,.game-ui-language-popover button:focus-visible,.game-ui-stage-tile:focus-visible,.game-ui-orientation-card button:focus-visible,.game-ui-collapsible-toggle:focus-visible,.game-ui-construction-job-select:focus-visible,.game-ui-radial-item:focus-visible,.game-ui-input:focus-visible,.game-ui-asset-card:focus-visible{outline-color:highlight}.game-ui-tab[aria-selected=true],.game-ui-segmented-option[aria-pressed=true],.game-ui-asset-card[aria-pressed=true],.game-ui-terrain-mode-option[aria-pressed=true],.game-ui-build-category[aria-selected=true],.game-ui-material-swatch[aria-selected=true],.game-ui-build-item[aria-pressed=true]{border-color:highlight}.game-ui-checkbox-input:checked+.game-ui-checkbox-box{background:highlight;border-color:highlight}}.game-ui-button,.game-ui-icon-button,.game-ui-tab,.game-ui-segmented-option,.game-ui-toggle,.game-ui-language-trigger,.game-ui-language-popover button,.game-ui-stage-tile,.game-ui-orientation-card button,.game-ui-collapsible-toggle,.game-ui-window-button,.game-ui-movement-button,.game-ui-asset-card,.game-ui-terrain-mode-option,.game-ui-build-category,.game-ui-material-swatch,.game-ui-build-item,.game-ui-brush-range,.game-ui-construction-job-select,.game-ui-checkbox,.game-ui-card-fan-card,.game-ui-radial-item{touch-action:manipulation;-webkit-tap-highlight-color:transparent}.game-ui-movement-pad,.game-ui-placement-toolbar,.game-ui-terrain-tool-strip,.game-ui-hud,.game-ui-hud-actions,.swimmer-first-session-controls{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.game-ui-collapsible{border:var(--game-ui-stroke);border-radius:var(--game-ui-radius-panel);background:var(--game-ui-panel);min-width:0;box-shadow:var(--game-ui-shadow-panel);display:grid}.game-ui-collapsible[data-panel-tone=strong]{background:var(--game-ui-panel-strong)}.game-ui-collapsible-header{align-items:center;gap:8px;padding:5px 8px 5px 5px;display:flex}.game-ui-collapsible-heading{flex:1;min-width:0;margin:0;display:flex}.game-ui-collapsible-toggle{border-radius:var(--game-ui-radius-card);min-width:0;min-height:44px;color:var(--game-ui-text);font:inherit;font-family:var(--game-ui-font-display);font-weight:var(--game-ui-weight-title);text-align:left;cursor:pointer;background:0 0;border:0;flex:1;align-items:center;gap:10px;padding:4px 10px;display:flex}@media (hover:hover){.game-ui-collapsible-toggle:hover{background:color-mix(in srgb, var(--game-ui-ink-deep) 6%, transparent)}}.game-ui-collapsible-title{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.game-ui-collapsible-chevron{border-right:3px solid var(--game-ui-accent);border-bottom:3px solid var(--game-ui-accent);width:9px;height:9px;transition:transform var(--game-ui-motion-base) var(--game-ui-ease-pop), margin-top var(--game-ui-motion-base) var(--game-ui-ease-pop);border-radius:1px;flex:none;margin-top:-4px;transform:rotate(45deg)}.game-ui-collapsible[data-open=false] .game-ui-collapsible-chevron{margin-top:2px;transform:rotate(-45deg)}.game-ui-collapsible-actions{flex:none;align-items:center;gap:6px;display:inline-flex}.game-ui-collapsible-region{transition:grid-template-rows var(--game-ui-motion-base) var(--game-ui-ease-soft);grid-template-rows:1fr;display:grid}.game-ui-collapsible[data-open=false] .game-ui-collapsible-region{grid-template-rows:0fr}.game-ui-collapsible-clip{min-height:0;overflow:hidden}.game-ui-collapsible-content{gap:12px;padding:2px 14px 14px;display:grid}.game-ui-window{border:var(--game-ui-stroke);border-radius:var(--game-ui-radius-panel);background:var(--game-ui-panel);width:min(420px,100%);min-width:0;box-shadow:var(--game-ui-shadow-panel);interpolate-size:allow-keywords;transition:width var(--game-ui-motion-base) var(--game-ui-ease-soft), border-radius var(--game-ui-motion-base) var(--game-ui-ease-soft), box-shadow var(--game-ui-motion-base) var(--game-ui-ease-soft);grid-template-rows:auto 1fr;display:grid;position:relative;overflow:hidden}.game-ui-window-titlebar{border-bottom:var(--game-ui-stroke);background:color-mix(in srgb, var(--game-ui-ink-deep) 5%, transparent);align-items:center;gap:8px;min-height:48px;padding:6px 8px 6px 14px;display:flex}.game-ui-window-icon{flex:none;place-items:center;display:inline-grid}.game-ui-window-title{min-width:0;color:var(--game-ui-text);font-family:var(--game-ui-font-display);font-size:var(--game-ui-font-md);font-weight:var(--game-ui-weight-title);text-overflow:ellipsis;white-space:nowrap;flex:1;margin:0;overflow:hidden}.game-ui-window-actions{flex:none;align-items:center;gap:6px;display:inline-flex}.game-ui-window-button{width:34px;min-width:34px;min-height:34px;padding:0}.game-ui-window-region{min-height:0;transition:grid-template-rows var(--game-ui-motion-base) var(--game-ui-ease-soft);grid-template-rows:1fr;display:grid}.game-ui-window-clip{min-height:0;display:grid;overflow:hidden}.game-ui-window-body{overscroll-behavior:contain;min-height:0;padding:12px 14px;overflow:auto}.game-ui-window-footer{border-top:var(--game-ui-stroke);flex-wrap:wrap;justify-content:flex-end;gap:8px;padding:10px 14px;display:flex}.game-ui-window[data-window-state=minimized]{border-radius:var(--game-ui-radius-control);width:fit-content;max-width:100%}.game-ui-window[data-window-state=minimized] .game-ui-window-region{grid-template-rows:0fr}.game-ui-window[data-window-state=minimized] .game-ui-window-titlebar{background:0 0;border-bottom-color:#0000}.game-ui-window[data-window-state=maximized]{inset:var(--game-ui-safe-top) var(--game-ui-safe-right) var(--game-ui-safe-bottom) var(--game-ui-safe-left);z-index:var(--game-ui-z-overlay);width:auto;animation:game-ui-pop var(--game-ui-motion-base) var(--game-ui-ease-pop) both;position:absolute}.game-ui-window[data-window-state=maximized] .game-ui-window-body{max-height:none}.game-ui-modal{background:0 0;border:0;max-width:min(560px,100vw - 32px);margin:auto;padding:0;overflow:visible}.game-ui-modal[data-size=sm]{max-width:min(380px,100vw - 32px)}.game-ui-modal[data-size=lg]{max-width:min(780px,100vw - 32px)}.game-ui-modal::backdrop{background:var(--game-ui-scrim-strong);backdrop-filter:blur(8px)}.game-ui-modal-frame{overscroll-behavior:contain;border:var(--game-ui-stroke);border-radius:var(--game-ui-radius-modal);background:var(--game-ui-panel-strong);max-height:min(82dvh,720px);color:var(--game-ui-text);box-shadow:var(--game-ui-shadow-modal);gap:12px;padding:clamp(16px,2.5vw,24px);display:grid;overflow:auto}.game-ui-modal[open] .game-ui-modal-frame{animation:game-ui-pop var(--game-ui-motion-base) var(--game-ui-ease-pop) both}.game-ui-modal-header{align-items:center;gap:10px;display:flex}.game-ui-modal-title{min-width:0;color:var(--game-ui-ink-heading);font-family:var(--game-ui-font-display);font-weight:var(--game-ui-weight-title);flex:1;margin:0}.game-ui-modal-body{min-width:0;color:var(--game-ui-text)}.game-ui-modal-footer{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.game-ui-modal[data-position=bottom]{max-width:min(560px,100vw);margin:auto auto 0}.game-ui-modal[data-position=bottom][data-size=sm]{max-width:min(380px,100vw)}.game-ui-modal[data-position=bottom][data-size=lg]{max-width:min(780px,100vw)}.game-ui-modal[data-position=bottom] .game-ui-modal-frame{border-radius:var(--game-ui-radius-modal) var(--game-ui-radius-modal) 0 0;padding-bottom:max(clamp(16px, 2.5vw, 24px), var(--game-ui-safe-bottom))}.game-ui-modal[data-position=bottom][open] .game-ui-modal-frame{animation:game-ui-rise-sheet var(--game-ui-motion-base) var(--game-ui-ease-soft) both}@keyframes game-ui-rise-sheet{0%{opacity:0;transform:translateY(32px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.game-ui-collapsible-region,.game-ui-collapsible-chevron,.game-ui-window,.game-ui-window-region{transition:none}.game-ui-window[data-window-state=maximized],.game-ui-modal[open] .game-ui-modal-frame,.game-ui-modal[data-position=bottom][open] .game-ui-modal-frame{animation:none}}.game-ui-callout{border:var(--game-ui-stroke);border-radius:var(--game-ui-radius-panel);background:color-mix(in srgb, var(--game-ui-panel-strong) 88%, transparent);color:var(--game-ui-text);box-shadow:var(--game-ui-shadow-panel);gap:.35rem;margin:0;padding:.65rem .75rem;display:grid}.game-ui-callout-title{color:var(--game-ui-ink-heading);font-family:var(--game-ui-font-display);font-size:var(--game-ui-font-md);font-weight:var(--game-ui-weight-title);margin:0}.game-ui-callout-body{color:var(--game-ui-text-muted);font-size:var(--game-ui-font-sm,.85rem);line-height:var(--game-ui-line-body);margin:0}.game-ui-callout--info{border-color:color-mix(in srgb, var(--game-ui-accent) 45%, transparent)}.game-ui-callout--warning{border-color:color-mix(in srgb, var(--game-ui-warning) 55%, transparent);background:color-mix(in srgb, var(--game-ui-warning) 12%, var(--game-ui-panel-strong))}.game-ui-callout--danger{border-color:color-mix(in srgb, var(--game-ui-danger) 55%, transparent)}.game-ui-callout--success{border-color:color-mix(in srgb, var(--game-ui-success) 55%, transparent)}.game-ui-callout--neutral{opacity:.96}.game-ui-button{min-height:max(2.4rem,40px)}@media (pointer:coarse){.game-ui-button{min-height:max(2.75rem,44px)}}}
|
|
1
|
+
:root{color-scheme:light;--game-ui-font-display:"Baloo 2", "Geist Variable", "Noto Sans SC", system-ui, sans-serif;--game-ui-font-body:"Geist Variable", "Noto Sans SC", "Noto Sans", system-ui, sans-serif;--game-ui-font-xs:.72rem;--game-ui-font-sm:.82rem;--game-ui-font-md:.95rem;--game-ui-font-lg:1.18rem;--game-ui-font-xl:clamp(1.5rem, 2.4vw, 2.35rem);--game-ui-font-xxl:clamp(2.3rem, 5vw, 4.5rem);--game-ui-font-mono:ui-monospace, SFMono-Regular, "SF Mono", Menlo, "Noto Sans Mono CJK SC", "Noto Sans Mono", monospace;--game-ui-font-reading:1.06rem;--game-ui-line-reading:1.9;--game-ui-measure-reading:34em;--game-ui-line-tight:1.05;--game-ui-line-body:1.52;--game-ui-weight-body:620;--game-ui-weight-strong:800;--game-ui-weight-title:930;--game-ui-bg:#f3e8d8;--game-ui-playfield-scrim:#2a1e146b;--game-ui-surface:#fff8ecc7;--game-ui-surface-raised:#fffaf0f0;--game-ui-panel:#fff8ece6;--game-ui-panel-strong:#fff8ec;--game-ui-panel-deep:#efd1a3;--game-ui-text:#3b2d23;--game-ui-text-muted:#786250;--game-ui-accent:#e8743b;--game-ui-accent-bright:#f28d50;--game-ui-accent-pale:#ffd4a2;--game-ui-accent-contrast:#241609;--game-ui-secondary:#1d9a8b;--game-ui-secondary-pale:#baf5df;--game-ui-success:#4f9d6b;--game-ui-success-bright:#7ee0b6;--game-ui-danger:#d85a45;--game-ui-danger-bright:#ef8a72;--game-ui-danger-ink:#b3402f;--game-ui-accent-ink:#a34e17;--game-ui-warning:#f2b35c;--game-ui-berry:#9b6dd6;--game-ui-berry-pale:#d9c6ff;--game-ui-focus-ring:#1d9a8bb8;--game-ui-border-subtle:#6c4f3838;--game-ui-border-strong:#6c4f386b;--game-ui-disabled:#7b66527a;--game-ui-ink-deep:#3a2518;--game-ui-border-ink:#5c3c27;--game-ui-wood:#6c4f38;--game-ui-ink-title:#4a2f1f;--game-ui-ink-heading:#5a3924;--game-ui-text-on-dark:#fff8ec;--game-ui-glass-night:#1f1812ad;--game-ui-glass-night-soft:#1f1812a3;--game-ui-scrim-strong:#1e140e94;--game-ui-overlay-glass-bg:#0c0e14b8;--game-ui-overlay-glass-bg-hover:#1c1814e0;--game-ui-overlay-glass-bg-strong:#100e0ce0;--game-ui-overlay-glass-bg-panel:#080a10d6;--game-ui-overlay-glass-border:#ffffff2e;--game-ui-overlay-glass-border-hover:#f1c9a873;--game-ui-overlay-glass-text:#fff6ee;--game-ui-overlay-glass-text-muted:#fff5ecb8;--game-ui-overlay-glass-blur:12px;--game-ui-overlay-glass-shadow-lift:0 .5em 2em #00000047;--game-ui-overlay-glass-focus-ring:#f1c9a8c7;--game-ui-overlay-glass-primary-fill:linear-gradient(135deg, #f0a46a47, #ffffff0a), #100e0ce0;--game-ui-space-2:2px;--game-ui-space-4:4px;--game-ui-space-6:6px;--game-ui-space-8:8px;--game-ui-space-10:10px;--game-ui-space-12:12px;--game-ui-space-16:16px;--game-ui-space-20:20px;--game-ui-space-24:24px;--game-ui-space-32:32px;--game-ui-safe-top:max(14px, env(safe-area-inset-top));--game-ui-safe-right:max(14px, env(safe-area-inset-right));--game-ui-safe-bottom:max(14px, env(safe-area-inset-bottom));--game-ui-safe-left:max(14px, env(safe-area-inset-left));--game-ui-radius-bead:999px;--game-ui-radius-control:999px;--game-ui-radius-card:18px;--game-ui-radius-panel:26px;--game-ui-radius-modal:34px;--game-ui-shadow-button:0 13px 26px #4c341c38, inset 0 2px 0 #ffffff6b;--game-ui-shadow-panel:0 22px 60px #4c341c2e, inset 0 1px 0 #ffffffb3;--game-ui-shadow-modal:0 32px 90px #301e1261, inset 0 1px 0 #ffffffb3;--game-ui-shadow-inset:inset 0 2px 8px #4c341c1f;--game-ui-shadow-scenery:0 28px 70px #00000057, inset 0 8px 20px #ffffff1a;--game-ui-shadow-seat:0 8px 18px #00000052;--game-ui-shadow-callout:0 8px 18px #00000038;--game-ui-stroke:1px solid var(--game-ui-border-subtle);--game-ui-motion-fast:.12s;--game-ui-motion-base:.22s;--game-ui-motion-slow:.36s;--game-ui-ease-pop:cubic-bezier(.2, 1.35, .26, 1);--game-ui-ease-soft:cubic-bezier(.22, 1, .36, 1);--game-ui-reduced-motion-policy:disable non-essential transform/opacity animation;--game-ui-z-playfield:0;--game-ui-z-hud:20;--game-ui-z-sidebar:40;--game-ui-z-overlay:60;--game-ui-z-modal:80;--game-ui-z-toast:100;--game-ui-asset-icon-sm:22px;--game-ui-asset-icon-md:34px;--game-ui-asset-icon-lg:48px;--game-ui-asset-icon-xl:64px;--game-ui-asset-button-min-width:148px;--game-ui-asset-card-fan-width:132px;--game-ui-stage-tile-min-height:122px;--game-ui-terrain-swatch-size:34px;--game-ui-terrain-tool-hit-size:44px;--game-ui-build-rail-card-size:52px;--game-ui-brush-number-width:76px;--game-ui-radial-diameter:176px;--game-ui-radial-radius:72px;--game-ui-scenery-canopy:#40543c;--game-ui-scenery-moss:#2d3a2d;--game-ui-scenery-soil:#261b14;--game-ui-scenery-pine:#314b38;--game-ui-scenery-clearing:#5f3b20db;--game-ui-scenery-wood-hi:#9a6c42;--game-ui-scenery-wood-lo:#563621;--game-ui-scenery-dusk-1:#27180e;--game-ui-scenery-dusk-2:#7f5735;--game-ui-scenery-dusk-3:#d7b174;--game-ui-scenery-grid-strong:#ffffff12;--game-ui-scenery-grid-soft:#ffffff0d;--game-ui-preview-glow-warm:#fff6cae6;--game-ui-preview-glow-mint:#7ee0b63d;--game-ui-preview-canvas-1:#f6e8d2;--game-ui-preview-canvas-2:#e4cda8;--game-ui-preview-canvas-3:#b98d5d}[data-game-ui-theme=night]{color-scheme:dark;--game-ui-bg:#221812;--game-ui-playfield-scrim:#0a060480;--game-ui-surface:#34261cb8;--game-ui-surface-raised:#402f22f0;--game-ui-panel:#2e2118eb;--game-ui-panel-strong:#3a2a1e;--game-ui-panel-deep:#2c1f16;--game-ui-text:#f6e7d3;--game-ui-text-muted:#c9ac8d;--game-ui-accent:#ef8148;--game-ui-accent-bright:#ffa06b;--game-ui-accent-pale:#8a4f28;--game-ui-secondary:#2fb3a2;--game-ui-secondary-pale:#1d5c53;--game-ui-success:#63b381;--game-ui-success-bright:#3d7c58;--game-ui-danger:#e26a55;--game-ui-danger-bright:#8a3a2c;--game-ui-danger-ink:#ff9a80;--game-ui-accent-ink:#ffb072;--game-ui-warning:#f2b35c;--game-ui-berry:#b58ae0;--game-ui-berry-pale:#55407a;--game-ui-focus-ring:#2fb3a2bf;--game-ui-border-subtle:#f6e7d329;--game-ui-border-strong:#f6e7d352;--game-ui-disabled:#c9ac8d73;--game-ui-ink-deep:#f6e7d3;--game-ui-border-ink:#e8d3b8;--game-ui-wood:#d8b892;--game-ui-ink-title:#f6e2c8;--game-ui-ink-heading:#ecd6b8;--game-ui-text-on-dark:#fff8ec;--game-ui-scrim-strong:#0000009e;--game-ui-shadow-button:0 13px 26px #00000073, inset 0 2px 0 #ffffff14;--game-ui-shadow-panel:0 22px 60px #0006, inset 0 1px 0 #ffffff0f;--game-ui-shadow-modal:0 32px 90px #0009, inset 0 1px 0 #ffffff0f;--game-ui-shadow-inset:inset 0 2px 8px #00000059;--game-ui-preview-glow-warm:#78582a59;--game-ui-preview-glow-mint:#2fb3a224;--game-ui-preview-canvas-1:#2a1d13;--game-ui-preview-canvas-2:#201510;--game-ui-preview-canvas-3:#150d08}[data-game-ui-tone=glass],.game-ui-overlay-scope{color-scheme:dark;--game-ui-bg:transparent;--game-ui-playfield-scrim:#080a1059;--game-ui-surface:var(--game-ui-overlay-glass-bg);--game-ui-surface-raised:var(--game-ui-overlay-glass-bg);--game-ui-panel:var(--game-ui-overlay-glass-bg-panel);--game-ui-panel-strong:var(--game-ui-overlay-glass-bg-strong);--game-ui-panel-deep:#080a10eb;--game-ui-text:var(--game-ui-overlay-glass-text);--game-ui-text-muted:var(--game-ui-overlay-glass-text-muted);--game-ui-text-on-dark:var(--game-ui-overlay-glass-text);--game-ui-accent-pale:#f0a46a47;--game-ui-secondary-pale:#2fb3a238;--game-ui-danger-ink:#ff9a80;--game-ui-accent-ink:#ffb072;--game-ui-berry-pale:#b58ae047;--game-ui-focus-ring:var(--game-ui-overlay-glass-focus-ring);--game-ui-border-subtle:var(--game-ui-overlay-glass-border);--game-ui-border-strong:#ffffff47;--game-ui-disabled:#fff5ec6b;--game-ui-ink-deep:#fff6ee;--game-ui-border-ink:#fff;--game-ui-wood:#e8c9a0;--game-ui-ink-title:var(--game-ui-overlay-glass-text);--game-ui-ink-heading:var(--game-ui-overlay-glass-text);--game-ui-glass-night:var(--game-ui-overlay-glass-bg);--game-ui-glass-night-soft:#0a0c12b8;--game-ui-scrim-strong:#0000008c;--game-ui-shadow-button:none;--game-ui-shadow-panel:var(--game-ui-overlay-glass-shadow-lift);--game-ui-shadow-modal:var(--game-ui-overlay-glass-shadow-lift);--game-ui-shadow-inset:none;--game-ui-shadow-callout:0 8px 18px #00000047;--game-ui-stroke:1px solid var(--game-ui-overlay-glass-border)}@layer swimmer-ui{.game-ui-dialog h2,.game-ui-panel h3,.game-ui-prompt h3,.swimmer-first-session-onboarding-card h2{color:var(--game-ui-ink-heading);font-family:var(--game-ui-font-display);margin:0;font-weight:900}.game-ui-dialog,.game-ui-history,.game-ui-panel,.game-ui-prompt,.game-ui-toast{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-stage-tile-copy>span,.game-ui-hud-chip span,.game-ui-language-popover button span,.game-ui-history-entry-header,.swimmer-first-session-control-copy{gap:2px;display:grid}.game-ui-dialog,.game-ui-panel,.game-ui-history,.game-ui-prompt{gap:12px;padding:14px;display:grid}.game-ui-stage-tile small,.game-ui-hud-chip small,.game-ui-hud-chip em,.game-ui-language-popover small{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-dialog p,.game-ui-history-entry p,.game-ui-prompt p,.swimmer-first-session-onboarding-card 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-hud-cluster,.game-ui-hud-tools,.game-ui-tabs,.game-ui-segmented,.game-ui-hud-actions,.swimmer-first-session-onboarding-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.game-ui-button,.game-ui-icon-button,.game-ui-tab,.game-ui-segmented-option,.game-ui-toggle,.game-ui-language-trigger,.game-ui-language-popover button,.game-ui-stage-tile,.game-ui-orientation-card button,.game-ui-radial-item{border:1px solid color-mix(in srgb, var(--game-ui-border-ink) 18%, transparent);border-radius:var(--game-ui-radius-control);min-height:44px;font:inherit;font-family:var(--game-ui-font-body);cursor:pointer;box-shadow:var(--game-ui-shadow-button);transition:transform var(--game-ui-motion-fast) var(--game-ui-ease-pop), scale var(--game-ui-motion-fast) var(--game-ui-ease-pop), box-shadow var(--game-ui-motion-fast) var(--game-ui-ease-soft);font-weight:860}.game-ui-button,.game-ui-icon-button,.game-ui-radial-item{justify-content:center;align-items:center;gap:8px;min-width:fit-content;padding:0 16px;display:inline-flex}@media (hover:hover){.game-ui-button:hover,.game-ui-icon-button:hover,.game-ui-language-trigger:hover,.game-ui-language-popover button:hover,.game-ui-stage-tile:hover,.game-ui-orientation-card button:hover{transform:translateY(-1px)}.game-ui-radial-item:hover{--radial-lift:-6px}}.game-ui-button:active,.game-ui-icon-button:active,.game-ui-tab:active,.game-ui-segmented-option:active,.game-ui-toggle:active,.game-ui-language-trigger:active,.game-ui-language-popover button:active,.game-ui-stage-tile:active,.game-ui-orientation-card button:active,.game-ui-radial-item:active{scale:.96}.game-ui-button--primary,.game-ui-orientation-card button{background:linear-gradient(180deg, var(--game-ui-accent-bright), var(--game-ui-accent));color:var(--game-ui-accent-contrast)}.game-ui-button--secondary,.game-ui-icon-button,.game-ui-tab,.game-ui-segmented-option,.game-ui-toggle,.game-ui-language-trigger,.game-ui-language-popover button,.game-ui-radial-item{background:var(--game-ui-surface-raised);color:var(--game-ui-text)}.game-ui-button--ghost{border-color:var(--game-ui-border-subtle);background:color-mix(in srgb, var(--game-ui-panel-strong) 18%, transparent);color:var(--game-ui-text-muted);box-shadow:none}.game-ui-button--success{background:linear-gradient(180deg, var(--game-ui-success-bright), var(--game-ui-success));color:var(--game-ui-accent-contrast)}.game-ui-button--danger{background:linear-gradient(180deg, var(--game-ui-danger-bright), var(--game-ui-danger));color:var(--game-ui-accent-contrast)}.game-ui-button:disabled{background:color-mix(in srgb, var(--game-ui-text-muted) 16%, transparent);color:var(--game-ui-disabled);cursor:not-allowed;transform:none}.game-ui-asset-icon{width:var(--game-ui-asset-icon-md);height:var(--game-ui-asset-icon-md);flex:none;place-items:center;display:inline-grid}.game-ui-asset-icon[data-icon-size=sm]{width:var(--game-ui-asset-icon-sm);height:var(--game-ui-asset-icon-sm)}.game-ui-asset-icon[data-icon-size=lg]{width:var(--game-ui-asset-icon-lg);height:var(--game-ui-asset-icon-lg)}.game-ui-asset-icon[data-icon-size=xl]{width:var(--game-ui-asset-icon-xl);height:var(--game-ui-asset-icon-xl)}.game-ui-asset-icon img{object-fit:contain;width:100%;height:100%}.game-ui-badge{white-space:nowrap;border:1px solid var(--game-ui-border-subtle);border-radius:var(--game-ui-radius-bead);background:color-mix(in srgb, var(--game-ui-panel-strong) 90%, transparent);width:fit-content;min-height:28px;color:var(--game-ui-text);font-size:var(--game-ui-font-xs);letter-spacing:.05em;text-transform:uppercase;justify-content:center;align-items:center;padding:0 10px;font-weight:900;display:inline-flex}.game-ui-badge[data-badge-tone=success]{border-color:color-mix(in srgb, var(--game-ui-success) 42%, transparent);background:color-mix(in srgb, var(--game-ui-success-bright) 28%, transparent)}.game-ui-badge[data-badge-tone=warning]{border-color:color-mix(in srgb, var(--game-ui-accent) 42%, transparent);background:color-mix(in srgb, var(--game-ui-warning) 28%, transparent)}.game-ui-badge[data-badge-tone=danger]{border-color:color-mix(in srgb, var(--game-ui-danger) 42%, transparent);background:color-mix(in srgb, var(--game-ui-danger) 16%, transparent)}.game-ui-badge[data-badge-tone=ai]{border-color:color-mix(in srgb, var(--game-ui-secondary) 42%, transparent);background:color-mix(in srgb, var(--game-ui-secondary) 16%, transparent)}.game-ui-toast{padding:12px 14px;font-weight:820}.game-ui-toast[data-toast-tone=success]{border-color:color-mix(in srgb, var(--game-ui-success) 42%, transparent);background:color-mix(in srgb, var(--game-ui-success-bright) 22%, transparent)}.game-ui-toast[data-toast-tone=danger]{border-color:color-mix(in srgb, var(--game-ui-danger) 42%, transparent);background:color-mix(in srgb, var(--game-ui-danger) 13%, transparent)}.game-ui-history-entry{border-radius:var(--game-ui-radius-card);background:color-mix(in srgb, var(--game-ui-panel-strong) 56%, transparent);gap:4px;padding:12px;display:grid}.game-ui-history-entry[data-entry-kind=mystery]{background:color-mix(in srgb, var(--game-ui-berry) 12%, transparent)}.game-ui-history-entry[data-entry-kind=system]{background:color-mix(in srgb, var(--game-ui-secondary) 12%, transparent)}.game-ui-history-entry-header{grid-template-columns:1fr auto;align-items:center}.game-ui-history-entry-header span{color:var(--game-ui-text-muted);font-size:var(--game-ui-font-xs);font-weight:760}.game-ui-tab[aria-selected=true],.game-ui-segmented-option[aria-pressed=true]{background:var(--game-ui-secondary);color:var(--game-ui-accent-contrast)}.game-ui-slider{color:var(--game-ui-text-muted);gap:6px;font-weight:820;display:grid}.game-ui-slider input{accent-color:var(--game-ui-secondary)}.game-ui-slider input[type=range]{-webkit-appearance:none;appearance:none;cursor:pointer;background:0 0;width:100%;min-height:44px}.game-ui-slider input[type=range]::-webkit-slider-runnable-track{border-radius:var(--game-ui-radius-control);background:var(--game-ui-surface);height:10px;box-shadow:var(--game-ui-shadow-inset)}.game-ui-slider input[type=range]::-moz-range-track{border-radius:var(--game-ui-radius-control);background:var(--game-ui-surface);height:10px;box-shadow:var(--game-ui-shadow-inset)}.game-ui-slider input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;border:2px solid var(--game-ui-panel-strong);background:linear-gradient(180deg, var(--game-ui-accent-bright), var(--game-ui-accent));width:22px;height:22px;box-shadow:var(--game-ui-shadow-button);transition:scale var(--game-ui-motion-fast) var(--game-ui-ease-pop);border-radius:50%;margin-top:-6px}.game-ui-slider input[type=range]::-moz-range-thumb{border:2px solid var(--game-ui-panel-strong);background:linear-gradient(180deg, var(--game-ui-accent-bright), var(--game-ui-accent));width:22px;height:22px;box-shadow:var(--game-ui-shadow-button);transition:scale var(--game-ui-motion-fast) var(--game-ui-ease-pop);border-radius:50%}@media (hover:hover){.game-ui-slider input[type=range]:hover::-webkit-slider-thumb{scale:1.08}.game-ui-slider input[type=range]:hover::-moz-range-thumb{scale:1.08}}.game-ui-slider input[type=range]:active::-webkit-slider-thumb{scale:.94}.game-ui-slider input[type=range]:active::-moz-range-thumb{scale:.94}.game-ui-slider input[type=range]:focus-visible::-webkit-slider-thumb{outline:3px solid var(--game-ui-focus-ring);outline-offset:2px}.game-ui-slider input[type=range]:focus-visible::-moz-range-thumb{outline:3px solid var(--game-ui-focus-ring);outline-offset:2px}.game-ui-toggle{justify-content:space-between;align-items:center;gap:10px;padding:0 10px 0 14px;display:inline-flex}.game-ui-toggle-track{border:2px solid var(--game-ui-panel-strong);border-radius:var(--game-ui-radius-bead);background:var(--game-ui-surface);width:42px;height:24px;box-shadow:var(--game-ui-shadow-inset), inset 8px 0 0 var(--game-ui-text);transition:background var(--game-ui-motion-fast) var(--game-ui-ease-soft), box-shadow var(--game-ui-motion-fast) var(--game-ui-ease-pop)}.game-ui-toggle[aria-checked=true] .game-ui-toggle-track{background:var(--game-ui-secondary);box-shadow:inset -8px 0 0 var(--game-ui-text)}.game-ui-tooltip{display:inline-flex;position:relative}.game-ui-tooltip [role=tooltip]{background:var(--game-ui-text);min-width:150px;color:var(--game-ui-text-on-dark);font-size:var(--game-ui-font-xs);opacity:0;pointer-events:none;transition:opacity var(--game-ui-motion-fast) var(--game-ui-ease-soft), transform var(--game-ui-motion-fast) var(--game-ui-ease-pop);border-radius:12px;padding:7px 9px;position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%)translateY(3px)}.game-ui-tooltip [role=tooltip]:after{background:var(--game-ui-text);content:"";border-radius:2px;width:8px;height:8px;margin-top:-5px;position:absolute;top:100%;left:50%;transform:translate(-50%)rotate(45deg)}.game-ui-tooltip:hover [role=tooltip],.game-ui-tooltip:focus-within [role=tooltip]{opacity:1;transform:translate(-50%)translateY(0)}.game-ui-radial-menu{width:var(--game-ui-radial-diameter);height:var(--game-ui-radial-diameter);place-items:center;margin:0 auto;display:grid;position:relative}.game-ui-radial-item{--radial-lift:0px;transform:rotate(calc(360deg / var(--radial-count,1) * var(--radial-index,0))) translateY(calc(-1 * var(--game-ui-radial-radius) + var(--radial-lift))) rotate(calc(-360deg / var(--radial-count,1) * var(--radial-index,0)));position:absolute}.game-ui-hud{z-index:var(--game-ui-z-hud);justify-content:space-between;align-items:flex-start;gap:12px;display:flex;position:relative}.game-ui-hud-chip{border:1px solid color-mix(in srgb, var(--game-ui-text-on-dark) 30%, transparent);background:var(--game-ui-glass-night);min-height:54px;color:var(--game-ui-text-on-dark);backdrop-filter:blur(10px);font-variant-numeric:tabular-nums;border-radius:20px;align-items:center;gap:8px;padding:6px 10px 6px 6px;display:inline-flex}.game-ui-hud-chip strong{color:var(--game-ui-text-on-dark);font-size:var(--game-ui-font-sm)}.game-ui-hud-chip small,.game-ui-hud-chip em{color:var(--game-ui-text-on-dark)}.game-ui-stage-tile{min-height:var(--game-ui-stage-tile-min-height);border-radius:var(--game-ui-radius-panel);background:color-mix(in srgb, var(--game-ui-panel-strong) 92%, transparent);width:100%;color:var(--game-ui-text);text-align:left;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;padding:12px;display:grid}.game-ui-stage-tile[data-stage-tone=portal]{border-color:color-mix(in srgb, var(--game-ui-secondary) 42%, transparent)}.game-ui-stage-tile[data-stage-tone=host]{border-color:color-mix(in srgb, var(--game-ui-accent) 42%, transparent)}.game-ui-stage-tile[data-stage-tone=danger]{border-color:color-mix(in srgb, var(--game-ui-danger) 42%, transparent)}.game-ui-stage-tile:disabled{cursor:not-allowed;opacity:.76;filter:saturate(.72);transform:none}.game-ui-stage-tile-copy>span{color:var(--game-ui-text-muted);font-size:var(--game-ui-font-sm);line-height:1.35}.game-ui-card-fan{place-items:center;min-height:190px;display:grid;position:relative}.game-ui-card-fan-card{width:var(--game-ui-asset-card-fan-width);border:2px solid color-mix(in srgb, var(--game-ui-border-ink) 16%, transparent);background:linear-gradient(180deg, var(--game-ui-panel-strong), var(--game-ui-panel-deep));text-align:center;min-height:170px;transform:translateX(calc(var(--game-ui-card-offset) * 54px)) rotate(calc(var(--game-ui-card-offset) * 8deg));box-shadow:var(--game-ui-shadow-button);border-radius:22px;place-items:center;gap:6px;padding:12px;display:grid;position:absolute}.game-ui-card-fan-card:nth-child(2){z-index:2;transform:translateY(-10px)}.game-ui-card-fan-card small{color:var(--game-ui-text-muted);font-size:var(--game-ui-font-xs);text-transform:uppercase;font-weight:860}.game-ui-card-fan-card strong{font-size:var(--game-ui-font-lg)}.game-ui-orientation-gate{border:1px dashed var(--game-ui-border-strong);border-radius:var(--game-ui-radius-modal);background:color-mix(in srgb, var(--game-ui-ink-deep) 14%, transparent);place-items:center;min-height:320px;padding:16px;display:grid}.game-ui-orientation-card{border:2px solid color-mix(in srgb, var(--game-ui-panel-strong) 62%, transparent);border-radius:var(--game-ui-radius-modal);background:color-mix(in srgb, var(--game-ui-panel-strong) 94%, transparent);max-width:440px;color:var(--game-ui-text);text-align:center;box-shadow:var(--game-ui-shadow-modal);justify-items:center;gap:10px;padding:24px;display:grid}.game-ui-orientation-card h2,.game-ui-orientation-card p,.game-ui-orientation-card small{margin:0}.game-ui-language-menu{justify-self:end;position:relative}.game-ui-language-trigger,.game-ui-language-popover button{align-items:center;gap:8px;padding:0 12px;display:inline-flex}.game-ui-language-popover{z-index:var(--game-ui-z-toast);border:var(--game-ui-stroke);background:var(--game-ui-panel-strong);min-width:210px;box-shadow:var(--game-ui-shadow-modal);border-radius:18px;gap:6px;padding:8px;display:grid;position:absolute;top:calc(100% + 8px);right:0}.game-ui-language-popover button{text-align:left;border-radius:14px;justify-content:flex-start;width:100%}.game-ui-loading-state{border:var(--game-ui-stroke);border-radius:var(--game-ui-radius-control);background:color-mix(in srgb, var(--game-ui-panel-strong) 72%, transparent);min-height:48px;color:var(--game-ui-text);align-items:center;gap:8px;padding:8px 12px;font-weight:820;display:inline-flex}.game-ui-loading-state[data-loading-tone=error]{border-color:color-mix(in srgb, var(--game-ui-danger) 42%, transparent);background:color-mix(in srgb, var(--game-ui-danger) 12%, transparent)}.game-ui-loading-state img{object-fit:contain;width:30px;height:30px}.game-ui-input{border:1px solid var(--game-ui-border-strong);border-radius:var(--game-ui-radius-card);background:var(--game-ui-surface-raised);width:100%;min-height:48px;box-shadow:var(--game-ui-shadow-inset);color:var(--game-ui-text);font:inherit;font-weight:var(--game-ui-weight-body);transition:border-color var(--game-ui-motion-fast) var(--game-ui-ease-soft), box-shadow var(--game-ui-motion-fast) var(--game-ui-ease-soft);padding:12px 16px}.game-ui-input::placeholder{color:var(--game-ui-disabled)}.game-ui-input:focus-visible{border-color:var(--game-ui-secondary);box-shadow:var(--game-ui-shadow-inset), 0 0 0 3px var(--game-ui-focus-ring);outline:none}.game-ui-input:disabled{opacity:.6;cursor:not-allowed}.game-ui-input[data-invalid=true],.game-ui-field[data-invalid=true] .game-ui-input{border-color:var(--game-ui-danger);box-shadow:var(--game-ui-shadow-inset), 0 0 0 3px color-mix(in srgb, var(--game-ui-danger) 26%, transparent)}.game-ui-textarea{min-height:92px;line-height:var(--game-ui-line-body);resize:vertical}.game-ui-field{gap:6px;display:grid}.game-ui-field-label{color:var(--game-ui-text-muted);font-size:var(--game-ui-font-xs);font-weight:var(--game-ui-weight-strong);letter-spacing:.06em;text-transform:uppercase}.game-ui-field-required{color:var(--game-ui-danger-ink)}.game-ui-field-hint{color:var(--game-ui-text-muted);font-size:var(--game-ui-font-sm)}.game-ui-field-error{color:var(--game-ui-danger-ink);font-size:var(--game-ui-font-sm);font-weight:var(--game-ui-weight-strong)}.game-ui-checkbox{cursor:pointer;min-height:40px;color:var(--game-ui-text);font-weight:var(--game-ui-weight-body);align-items:center;gap:10px;display:inline-flex}.game-ui-checkbox-input{opacity:0;width:1px;height:1px;position:absolute}.game-ui-checkbox-box{border:1px solid var(--game-ui-border-strong);background:var(--game-ui-surface-raised);width:26px;height:26px;box-shadow:var(--game-ui-shadow-inset);transition:background var(--game-ui-motion-fast), border-color var(--game-ui-motion-fast);border-radius:9px;flex:none;place-items:center;display:grid;position:relative}.game-ui-checkbox-box:after{content:"";border-left:3px solid var(--game-ui-accent-contrast);border-bottom:3px solid var(--game-ui-accent-contrast);opacity:0;width:12px;height:7px;transition:transform var(--game-ui-motion-fast) var(--game-ui-ease-pop), opacity var(--game-ui-motion-fast);margin-top:-3px;transform:rotate(-45deg)scale(.3)}.game-ui-checkbox-input:checked+.game-ui-checkbox-box{background:var(--game-ui-accent);border-color:var(--game-ui-accent)}.game-ui-checkbox-input:checked+.game-ui-checkbox-box:after{opacity:1;transform:rotate(-45deg)scale(1)}.game-ui-checkbox-input:focus-visible+.game-ui-checkbox-box{box-shadow:var(--game-ui-shadow-inset), 0 0 0 3px var(--game-ui-focus-ring)}.game-ui-checkbox-input:disabled~*{opacity:.55;cursor:not-allowed}.game-ui-sr-only{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.game-ui-avatar{border:2px solid var(--game-ui-panel-strong);background:linear-gradient(150deg, var(--game-ui-warning), var(--game-ui-accent));color:var(--game-ui-accent-contrast);font-family:var(--game-ui-font-display);font-weight:var(--game-ui-weight-title);box-shadow:var(--game-ui-shadow-button);border-radius:50%;flex:none;place-items:center;display:inline-grid;position:relative}.game-ui-avatar img,.game-ui-avatar-initials{grid-area:1/1}.game-ui-avatar img{object-fit:cover;border-radius:50%;width:100%;height:100%}.game-ui-avatar[data-avatar-size=sm]{width:32px;height:32px;font-size:.72rem}.game-ui-avatar[data-avatar-size=md]{width:44px;height:44px;font-size:.95rem}.game-ui-avatar[data-avatar-size=lg]{width:60px;height:60px;font-size:1.25rem}.game-ui-avatar[data-avatar-size=xl]{width:84px;height:84px;font-size:1.7rem}.game-ui-avatar-status{border:2px solid var(--game-ui-panel-strong);border-radius:50%;width:30%;min-width:9px;height:30%;min-height:9px;position:absolute;bottom:-1px;right:-1px}.game-ui-avatar[data-avatar-status=online] .game-ui-avatar-status{background:var(--game-ui-success)}.game-ui-avatar[data-avatar-status=busy] .game-ui-avatar-status{background:var(--game-ui-danger)}.game-ui-avatar[data-avatar-status=away] .game-ui-avatar-status{background:var(--game-ui-warning)}.game-ui-progress{align-items:center;gap:10px;display:flex}.game-ui-progress-track{border-radius:var(--game-ui-radius-control);background:var(--game-ui-surface);height:14px;box-shadow:var(--game-ui-shadow-inset);flex:1;position:relative;overflow:hidden}.game-ui-progress-fill{border-radius:inherit;background:var(--game-ui-accent);height:100%;transition:width var(--game-ui-motion-base) var(--game-ui-ease-soft)}.game-ui-progress[data-progress-tone=success] .game-ui-progress-fill{background:var(--game-ui-success)}.game-ui-progress[data-progress-tone=danger] .game-ui-progress-fill{background:var(--game-ui-danger)}.game-ui-progress[data-progress-tone=warning] .game-ui-progress-fill{background:var(--game-ui-warning)}.game-ui-progress-value{white-space:nowrap;min-width:3ch;color:var(--game-ui-text-muted);font-size:var(--game-ui-font-sm);font-weight:var(--game-ui-weight-strong);text-align:right;font-variant-numeric:tabular-nums;flex-shrink:0}.game-ui-empty-state{border:1px dashed var(--game-ui-border-strong);border-radius:var(--game-ui-radius-panel);background:var(--game-ui-surface);text-align:center;justify-items:center;gap:8px;padding:28px 20px;display:grid}.game-ui-empty-state-title{color:var(--game-ui-text);font-family:var(--game-ui-font-display);font-size:var(--game-ui-font-lg);font-weight:var(--game-ui-weight-strong)}.game-ui-empty-state-body{max-width:42ch;color:var(--game-ui-text-muted);font-size:var(--game-ui-font-sm);line-height:var(--game-ui-line-body);margin:0}.game-ui-empty-state-action{margin-top:6px}@media (prefers-reduced-motion:reduce){.game-ui-input,.game-ui-checkbox-box,.game-ui-checkbox-box:after,.game-ui-progress-fill,.game-ui-toggle-track{transition:none}.game-ui-slider input[type=range]::-webkit-slider-thumb{transition:none}.game-ui-slider input[type=range]::-moz-range-thumb{transition:none}}.game-ui-stage-tile strong,.game-ui-dialog h2,.game-ui-panel h3,.game-ui-prompt h3,.game-ui-empty-state-title,.swimmer-first-session-onboarding-card h2{text-wrap:balance}.game-ui-stage-tile-copy>span,.game-ui-field-hint,.game-ui-empty-state-body,.game-ui-prompt p,.game-ui-dialog p{text-wrap:pretty}.game-ui-button:has(>.game-ui-asset-icon:last-child),.game-ui-button:has(>svg:last-child){padding-right:14px}.game-ui-button:has(>.game-ui-asset-icon:first-child),.game-ui-button:has(>svg:first-child){padding-left:14px}@keyframes game-ui-pop{0%{opacity:0;filter:blur(4px);transform:translateY(8px)scale(.96)}to{opacity:1;filter:blur();transform:none}}@keyframes game-ui-rise{0%{opacity:0;filter:blur(3px);transform:translateY(10px)}to{opacity:1;filter:blur();transform:none}}.game-ui-dialog,.swimmer-first-session-onboarding-card{animation:game-ui-pop var(--game-ui-motion-base) var(--game-ui-ease-pop) both}.game-ui-language-popover{animation:game-ui-pop var(--game-ui-motion-fast) var(--game-ui-ease-pop) both;transform-origin:100% 0}.game-ui-toast{animation:game-ui-rise var(--game-ui-motion-base) var(--game-ui-ease-soft) both}@media (prefers-reduced-motion:reduce){.game-ui-dialog,.swimmer-first-session-onboarding-card,.game-ui-language-popover,.game-ui-toast{animation:none}}.game-ui-button--static:active{scale:1}.swimmer-first-session-shell{z-index:5;pointer-events:none;position:absolute;inset:0}.swimmer-first-session-hud{top:var(--game-ui-safe-top);right:var(--game-ui-safe-right);left:var(--game-ui-safe-left);align-items:flex-start;position:absolute}.swimmer-first-session-hud .game-ui-hud-cluster,.swimmer-first-session-hud .game-ui-hud-tools,.swimmer-first-session-hud-actions{pointer-events:auto}.swimmer-first-session-controls{right:max(18px, var(--game-ui-safe-right));bottom:max(16px, var(--game-ui-safe-bottom));left:max(18px, var(--game-ui-safe-left));border:var(--game-ui-stroke);border-radius:var(--game-ui-radius-modal);background:color-mix(in srgb, var(--game-ui-panel-strong) 86%, transparent);pointer-events:none;box-shadow:var(--game-ui-shadow-panel);backdrop-filter:blur(16px);grid-template-columns:auto minmax(120px,1fr) minmax(180px,.72fr) auto;align-items:center;gap:12px;padding:10px 12px;display:grid;position:absolute}.swimmer-first-session-joystick{border:1px solid color-mix(in srgb, var(--game-ui-border-ink) 18%, transparent);background:color-mix(in srgb, var(--game-ui-ink-deep) 8%, transparent);width:58px;height:58px;box-shadow:var(--game-ui-shadow-inset);border-radius:50%;place-items:center;display:grid}.swimmer-first-session-joystick span{background:linear-gradient(180deg, var(--game-ui-accent-bright), var(--game-ui-accent));width:25px;height:25px;box-shadow:var(--game-ui-shadow-button);border-radius:50%}.swimmer-first-session-control-copy strong{color:var(--game-ui-text);font-size:var(--game-ui-font-sm)}.swimmer-first-session-input,.swimmer-first-session-emote{border:1px solid color-mix(in srgb, var(--game-ui-border-ink) 18%, transparent);border-radius:var(--game-ui-radius-control);background:color-mix(in srgb, var(--game-ui-panel-strong) 74%, transparent);min-height:44px;color:var(--game-ui-text-muted);font-size:var(--game-ui-font-sm);align-items:center;gap:8px;padding:0 12px;font-weight:860;display:inline-flex}.swimmer-first-session-emote{color:var(--game-ui-text);cursor:pointer;pointer-events:auto}.swimmer-first-session-onboarding{z-index:var(--game-ui-z-modal);place-items:center;padding:18px;display:grid;position:absolute;inset:0}.swimmer-first-session-onboarding-scrim{background:var(--game-ui-scrim-strong);backdrop-filter:blur(10px);position:absolute;inset:0}.swimmer-first-session-onboarding-card{border:var(--game-ui-stroke);border-radius:var(--game-ui-radius-modal);background:color-mix(in srgb, var(--game-ui-panel-strong) 90%, transparent);width:min(720px,100vw - 40px);max-height:min(720px,100dvh - 28px);color:var(--game-ui-text);box-shadow:var(--game-ui-shadow-modal);gap:12px;padding:clamp(18px,3vw,30px);display:grid;position:relative;overflow:auto}.swimmer-first-session-onboarding-card h2{max-width:15ch;font-size:clamp(1.8rem,4vw,3.4rem);line-height:.95}.swimmer-first-session-onboarding-steps{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:4px 0 0;padding:0;list-style:none;display:grid}.swimmer-first-session-onboarding-steps li{border:1px solid color-mix(in srgb, var(--game-ui-border-ink) 14%, transparent);border-radius:var(--game-ui-radius-panel);background:color-mix(in srgb, var(--game-ui-panel-strong) 56%, transparent);gap:5px;padding:12px;display:grid}.swimmer-first-session-onboarding-steps span{color:var(--game-ui-accent-ink);font-size:var(--game-ui-font-xs);font-weight:950}.swimmer-first-session-onboarding-steps small{color:var(--game-ui-text-muted);line-height:1.35}@media (width<=900px){.game-ui-language-menu{justify-self:start}.game-ui-hud{display:grid}}@media (width<=900px) and (height<=500px) and (orientation:landscape){.swimmer-first-session-hud .game-ui-hud-chip:nth-child(3),.swimmer-first-session-hud .game-ui-hud-chip:nth-child(4){display:none}.swimmer-first-session-hud .game-ui-button{min-height:34px;padding:0 10px;font-size:11px}.swimmer-first-session-controls{grid-template-columns:auto minmax(0,1fr) auto;gap:8px;padding:8px 10px}.swimmer-first-session-input{display:none}.swimmer-first-session-joystick{width:46px;height:46px}.swimmer-first-session-onboarding-card{grid-template-columns:minmax(0,.7fr) minmax(260px,1fr);gap:12px;padding:14px}.swimmer-first-session-onboarding-steps{grid-area:1/2/span 5;grid-template-columns:1fr}}.game-ui-shell{border-radius:var(--game-ui-radius-modal);background:radial-gradient(circle at 18% 16%, color-mix(in srgb, var(--game-ui-success-bright) 24%, transparent), transparent 24rem), linear-gradient(150deg, var(--game-ui-scenery-pine), var(--game-ui-scenery-soil) 78%);min-height:min(760px,100dvh);color:var(--game-ui-text);isolation:isolate;box-shadow:var(--game-ui-shadow-modal);display:grid;position:relative;overflow:hidden}.game-ui-shell-scene{min-width:0;min-height:420px;position:relative;overflow:hidden}.game-ui-shell-scene>*{min-width:0}.game-ui-shell-hud,.game-ui-shell-library,.game-ui-shell-side-panel,.game-ui-shell-movement,.game-ui-shell-bottom-bar,.game-ui-shell-overlay{z-index:var(--game-ui-z-hud);position:absolute}.game-ui-shell-hud{top:var(--game-ui-safe-top);right:var(--game-ui-safe-right);left:var(--game-ui-safe-left)}.game-ui-shell-library{top:calc(var(--game-ui-safe-top) + 76px);right:var(--game-ui-safe-right);bottom:calc(var(--game-ui-safe-bottom) + 96px);width:min(360px,100% - 32px);overflow:auto}.game-ui-shell-side-panel{top:calc(var(--game-ui-safe-top) + 76px);left:var(--game-ui-safe-left);bottom:calc(var(--game-ui-safe-bottom) + 96px);width:min(320px,100% - 32px);overflow:auto}.game-ui-shell-movement{bottom:calc(var(--game-ui-safe-bottom) + 20px);left:var(--game-ui-safe-left)}.game-ui-shell-bottom-bar{right:var(--game-ui-safe-right);bottom:var(--game-ui-safe-bottom);left:max(172px, var(--game-ui-safe-left))}.game-ui-shell-overlay{pointer-events:none;place-items:center;display:grid;inset:0}.game-ui-shell-overlay>*{pointer-events:auto}.game-ui-shell[data-density=dense] .game-ui-panel{padding:10px}.game-ui-shell[data-layout=mobile] .game-ui-shell-library,.game-ui-shell[data-layout=mobile] .game-ui-shell-side-panel{top:auto;right:var(--game-ui-safe-right);bottom:calc(var(--game-ui-safe-bottom) + 78px);left:var(--game-ui-safe-left);width:auto;max-height:min(48dvh,320px)}.game-ui-shell[data-layout=mobile] .game-ui-shell-bottom-bar{left:var(--game-ui-safe-left)}.game-ui-shell[data-layout=mobile] .game-ui-shell-movement{bottom:calc(var(--game-ui-safe-bottom) + 86px)}.game-ui-fact-list{flex-wrap:wrap;gap:8px;display:flex}.game-ui-fact-list[data-variant=stats]{grid-template-columns:repeat(auto-fit,minmax(118px,1fr));display:grid}.game-ui-fact{border:1px solid color-mix(in srgb, var(--game-ui-text-on-dark) 32%, transparent);border-radius:var(--game-ui-radius-control);background:var(--game-ui-glass-night-soft);min-width:0;color:var(--game-ui-text-on-dark);box-shadow:var(--game-ui-shadow-button);backdrop-filter:blur(12px);align-items:center;gap:8px;padding:7px 9px;display:inline-flex}.game-ui-fact-list[data-density=dense] .game-ui-fact{min-height:38px;padding:5px 7px}.game-ui-fact-copy{gap:1px;min-width:0;display:grid}.game-ui-fact-copy small,.game-ui-fact-copy em{color:var(--game-ui-text-on-dark);font-size:var(--game-ui-font-xs);letter-spacing:.06em;text-transform:uppercase;font-style:normal;font-weight:820}.game-ui-fact-copy strong{color:var(--game-ui-text-on-dark);font-size:var(--game-ui-font-sm);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.game-ui-action-grid{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.game-ui-action-grid-button{min-width:0}.game-ui-action-grid kbd,.game-ui-movement-button kbd{background:color-mix(in srgb, var(--game-ui-ink-deep) 12%, transparent);color:inherit;border-radius:8px;padding:2px 6px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.72em;font-weight:900}.game-ui-action-grid .game-ui-icon-button{width:48px;min-width:0;padding:0}.game-ui-action-grid[data-icon-label-mode=caption] .game-ui-icon-button{width:var(--game-ui-terrain-tool-hit-size,54px);min-height:calc(var(--game-ui-terrain-tool-hit-size,54px) + 14px);flex-direction:column;gap:2px;padding:5px 4px 4px;line-height:1}.game-ui-action-grid[data-icon-label-mode=caption] .game-ui-icon-button .game-ui-asset-icon{background:color-mix(in srgb, var(--game-ui-ink-deep) 8%, transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--game-ui-ink-deep) 8%, transparent);border-radius:999px;padding:2px}.game-ui-action-grid[data-icon-label-mode=caption] .game-ui-icon-button[aria-pressed=true] .game-ui-asset-icon{background:color-mix(in srgb, var(--game-ui-panel-strong) 32%, transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--game-ui-ink-deep) 12%, transparent)}.game-ui-action-grid-caption{max-width:100%;color:var(--game-ui-text-muted);letter-spacing:.015em;text-align:center;text-overflow:ellipsis;white-space:nowrap;font-size:.62rem;font-weight:920;line-height:1;display:block;overflow:hidden}.game-ui-action-grid .game-ui-icon-button[aria-pressed=true] .game-ui-action-grid-caption{color:var(--game-ui-text)}.game-ui-movement-pad{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:fit-content;box-shadow:var(--game-ui-shadow-panel);backdrop-filter:blur(14px);gap:7px;padding:10px;display:grid}.game-ui-movement-pad:focus-visible{outline:3px solid var(--game-ui-focus-ring);outline-offset:3px}.game-ui-movement-pad-grid{grid-template-columns:repeat(3,48px);grid-template-areas:".forward.""left reset right"".backward.";gap:6px;display:grid}.game-ui-movement-pad[data-density=dense] .game-ui-movement-pad-grid{grid-template-columns:repeat(3,40px);gap:5px}.game-ui-movement-pad[data-layout=row] .game-ui-movement-pad-grid{flex-wrap:wrap;display:flex}.game-ui-movement-button{width:48px;min-width:0;padding:0}.game-ui-movement-pad[data-density=dense] .game-ui-movement-button{width:40px;min-height:40px}.game-ui-movement-button[data-direction=forward]{grid-area:forward}.game-ui-movement-button[data-direction=left]{grid-area:left}.game-ui-movement-button[data-direction=right]{grid-area:right}.game-ui-movement-button[data-direction=backward]{grid-area:backward}.game-ui-movement-button[data-direction=reset]{grid-area:reset}.game-ui-movement-pad p{max-width:18ch;color:var(--game-ui-text-muted);font-size:var(--game-ui-font-xs);margin:0;font-weight:760;line-height:1.25}.game-ui-asset-library{min-width:0;container:game-asset-library/inline-size}.game-ui-asset-library>section{gap:12px;min-width:0;display:grid}.game-ui-asset-library-subtitle{color:var(--game-ui-text-muted);font-size:var(--game-ui-font-sm);line-height:var(--game-ui-line-body);margin:0}.game-ui-asset-library-counts,.game-ui-asset-card-badges{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.game-ui-asset-library-groups{gap:14px;min-width:0;display:grid}.game-ui-asset-library-group{gap:8px;min-width:0;display:grid}.game-ui-asset-library-group>header{justify-content:space-between;align-items:center;gap:8px;min-width:0;display:flex}.game-ui-asset-library-group>header strong{min-width:0;color:var(--game-ui-text);font-family:var(--game-ui-font-display);font-weight:var(--game-ui-weight-title);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.game-ui-asset-library-grid{grid-template-columns:repeat(auto-fill, minmax(min(var(--game-ui-asset-card-min-width,168px), 100%), 1fr));gap:9px;display:grid}.game-ui-asset-library [data-density=dense] .game-ui-asset-library-grid{grid-template-columns:repeat(auto-fill, minmax(min(var(--game-ui-asset-card-dense-min-width,132px), 100%), 1fr))}.game-ui-asset-card{box-sizing:border-box;border:1px solid color-mix(in srgb, var(--game-ui-border-ink) 16%, transparent);border-radius:var(--game-ui-radius-panel);background:color-mix(in srgb, var(--game-ui-panel-strong) 90%, transparent);width:100%;min-width:0;color:var(--game-ui-text);text-align:left;box-shadow:var(--game-ui-shadow-button);cursor:pointer;transition:transform var(--game-ui-motion-fast) var(--game-ui-ease-pop), box-shadow var(--game-ui-motion-fast) var(--game-ui-ease-soft);grid-template-columns:auto minmax(0,1fr);align-items:center;gap:10px;padding:10px;display:grid}@media (hover:hover){.game-ui-asset-card:hover{transform:translateY(-1px)}}.game-ui-asset-card:active{scale:.98}.game-ui-asset-card:focus-visible{outline:3px solid var(--game-ui-focus-ring);outline-offset:2px}.game-ui-asset-card:disabled{cursor:not-allowed;opacity:.62;transform:none}.game-ui-asset-card[aria-pressed=true]{border-color:var(--game-ui-secondary);box-shadow:var(--game-ui-shadow-button), 0 0 0 3px color-mix(in srgb, var(--game-ui-secondary) 22%, transparent)}.game-ui-asset-card-preview{box-sizing:border-box;background:color-mix(in srgb, var(--game-ui-ink-deep) 7%, transparent);width:64px;height:64px;box-shadow:var(--game-ui-shadow-inset);border-radius:18px;flex:none;place-items:center;display:grid;overflow:hidden}.game-ui-asset-card-preview img{object-fit:contain;width:100%;height:100%}.game-ui-asset-card-icon{width:min(100%, var(--game-ui-asset-icon-xl));height:min(100%, var(--game-ui-asset-icon-xl))}.game-ui-asset-card-copy{gap:5px;min-width:0;display:grid}.game-ui-asset-card-copy>strong{color:var(--game-ui-text);font-size:var(--game-ui-font-sm);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.game-ui-asset-card-copy>span:not(.game-ui-asset-card-badges):not(.game-ui-asset-card-facts){color:var(--game-ui-text-muted);font-size:var(--game-ui-font-xs);line-height:1.3}.game-ui-asset-card-facts{flex-wrap:wrap;gap:5px;display:flex}.game-ui-asset-card-facts>span{background:color-mix(in srgb, var(--game-ui-ink-deep) 8%, transparent);border-radius:9px;padding:4px 6px;display:inline-grid}.game-ui-asset-card-facts small{color:var(--game-ui-text-muted);letter-spacing:.06em;text-transform:uppercase;font-size:.66rem;font-weight:820}.game-ui-asset-card-facts b{color:var(--game-ui-text);font-size:.76rem}.game-ui-asset-card[data-asset-source=generated]{border-color:color-mix(in srgb, var(--game-ui-secondary) 28%, transparent)}.game-ui-asset-card[data-asset-source=imported]{border-color:color-mix(in srgb, var(--game-ui-accent) 30%, transparent)}.game-ui-asset-card[data-asset-card-layout=rail],.game-ui-asset-library[data-card-layout=rail] .game-ui-asset-card{width:min(var(--game-ui-asset-rail-card-size,52px), 100%);min-width:0;min-height:min(var(--game-ui-asset-rail-card-size,52px), 100%);text-align:center;border-radius:20px;grid-template-columns:1fr;place-items:center;gap:0;padding:5px}.game-ui-asset-card[data-asset-card-layout=rail] .game-ui-asset-card-preview,.game-ui-asset-library[data-card-layout=rail] .game-ui-asset-card-preview{width:min(var(--game-ui-asset-rail-preview-size,42px), 100%);height:min(var(--game-ui-asset-rail-preview-size,42px), 100%);border-radius:15px;overflow:visible}.game-ui-asset-card[data-asset-card-layout=rail] .game-ui-asset-card-icon,.game-ui-asset-library[data-card-layout=rail] .game-ui-asset-card-icon{width:min(78%, var(--game-ui-asset-icon-lg));height:min(78%, var(--game-ui-asset-icon-lg))}.game-ui-asset-card[data-asset-card-layout=rail] .game-ui-asset-card-copy,.game-ui-asset-library[data-card-layout=rail] .game-ui-asset-card-copy{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.game-ui-asset-library[data-card-layout=rail]{padding:6px}.game-ui-asset-library[data-card-layout=rail]>h3,.game-ui-asset-library[data-card-layout=rail] .game-ui-asset-library-subtitle,.game-ui-asset-library[data-card-layout=rail] .game-ui-asset-library-counts,.game-ui-asset-library[data-card-layout=rail] .game-ui-asset-library-group>header{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.game-ui-asset-library[data-card-layout=rail]>section,.game-ui-asset-library[data-card-layout=rail] .game-ui-asset-library-groups,.game-ui-asset-library[data-card-layout=rail] .game-ui-asset-library-group,.game-ui-asset-library[data-card-layout=rail] .game-ui-asset-library-grid{grid-template-columns:1fr;justify-items:center;gap:8px;display:grid}@container game-asset-library (width<=180px){.game-ui-asset-library[data-card-layout=auto]{padding:6px}.game-ui-asset-library[data-card-layout=auto]>h3,.game-ui-asset-library[data-card-layout=auto] .game-ui-asset-library-subtitle,.game-ui-asset-library[data-card-layout=auto] .game-ui-asset-library-counts,.game-ui-asset-library[data-card-layout=auto] .game-ui-asset-library-group>header{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.game-ui-asset-library[data-card-layout=auto]>section,.game-ui-asset-library[data-card-layout=auto] .game-ui-asset-library-groups,.game-ui-asset-library[data-card-layout=auto] .game-ui-asset-library-group,.game-ui-asset-library[data-card-layout=auto] .game-ui-asset-library-grid{grid-template-columns:1fr;justify-items:center;gap:8px;display:grid}.game-ui-asset-library[data-card-layout=auto] .game-ui-asset-card{width:min(var(--game-ui-asset-rail-card-size,52px), 100%);min-width:0;min-height:min(var(--game-ui-asset-rail-card-size,52px), 100%);text-align:center;border-radius:20px;grid-template-columns:1fr;place-items:center;gap:0;padding:5px}.game-ui-asset-library[data-card-layout=auto] .game-ui-asset-card-preview{width:min(var(--game-ui-asset-rail-preview-size,42px), 100%);height:min(var(--game-ui-asset-rail-preview-size,42px), 100%);border-radius:15px;overflow:visible}.game-ui-asset-library[data-card-layout=auto] .game-ui-asset-card-icon{width:min(78%, var(--game-ui-asset-icon-lg));height:min(78%, var(--game-ui-asset-icon-lg))}.game-ui-asset-library[data-card-layout=auto] .game-ui-asset-card-copy{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}}.game-ui-placement-toolbar>div{gap:10px;display:grid}.game-ui-placement-toolbar .game-ui-progress{min-width:min(100%,260px)}.game-ui-placement-toolbar .game-ui-action-grid+.game-ui-action-grid{padding-top:2px}.game-ui-placement-toolbar [data-density=dense] .game-ui-fact-list{gap:6px}.game-ui-terrain-build-toolbox{min-width:0;container:game-terrain-build/inline-size}.game-ui-terrain-build-toolbox>section,.game-ui-terrain-build-toolbox-body{gap:12px;min-width:0;display:grid}.game-ui-terrain-status{border:1px solid color-mix(in srgb, var(--game-ui-border-ink) 12%, transparent);border-radius:var(--game-ui-radius-card);background:color-mix(in srgb, var(--game-ui-panel-strong) 50%, transparent);gap:6px;padding:10px;display:grid}.game-ui-terrain-status p{color:var(--game-ui-text-muted);font-size:var(--game-ui-font-sm);line-height:var(--game-ui-line-body);margin:0}.game-ui-terrain-mode-control,.game-ui-terrain-tool-strip,.game-ui-brush-controls,.game-ui-material-swatches,.game-ui-undo-redo-actions,.game-ui-build-library{min-width:0}.game-ui-terrain-build-main-grid{grid-template-columns:minmax(0,1.1fr) auto minmax(240px,.9fr);align-items:start;gap:12px;display:grid}.game-ui-terrain-mode-options,.game-ui-build-categories{flex-wrap:wrap;gap:8px;display:flex}.game-ui-terrain-mode-option,.game-ui-build-category,.game-ui-material-swatch,.game-ui-build-item{border:1px solid color-mix(in srgb, var(--game-ui-border-ink) 16%, transparent);border-radius:var(--game-ui-radius-control);background:color-mix(in srgb, var(--game-ui-panel-strong) 82%, transparent);min-width:0;color:var(--game-ui-text);font:inherit;font-weight:var(--game-ui-weight-strong);cursor:pointer;box-shadow:var(--game-ui-shadow-button)}.game-ui-terrain-mode-option{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:7px;min-height:44px;padding:6px 10px;display:inline-grid}.game-ui-terrain-mode-option>span,.game-ui-build-category>span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.game-ui-terrain-mode-option small,.game-ui-build-category small,.game-ui-material-swatch-copy small,.game-ui-build-item-copy small{color:var(--game-ui-text-muted);font-size:var(--game-ui-font-xs);font-weight:760;line-height:1.2}.game-ui-terrain-mode-option[aria-pressed=true],.game-ui-build-category[aria-selected=true],.game-ui-material-swatch[aria-selected=true],.game-ui-build-item[aria-pressed=true]{border-color:var(--game-ui-secondary);background:color-mix(in srgb, var(--game-ui-secondary) 18%, transparent);box-shadow:var(--game-ui-shadow-button), 0 0 0 3px color-mix(in srgb, var(--game-ui-secondary) 20%, transparent)}.game-ui-terrain-mode-option[aria-pressed=true] small,.game-ui-build-category[aria-selected=true] small,.game-ui-material-swatch[aria-selected=true] .game-ui-material-swatch-copy small,.game-ui-build-item[aria-pressed=true] .game-ui-build-item-copy small{color:var(--game-ui-ink-heading)}.game-ui-terrain-mode-option:disabled,.game-ui-build-category:disabled,.game-ui-material-swatch:disabled,.game-ui-build-item:disabled{cursor:not-allowed;opacity:.58;transform:none}.game-ui-terrain-mode-option:focus-visible,.game-ui-build-category:focus-visible,.game-ui-material-swatch:focus-visible,.game-ui-build-item:focus-visible,.game-ui-brush-range:focus-visible,.game-ui-brush-number:focus-visible{outline:3px solid var(--game-ui-focus-ring);outline-offset:2px}.game-ui-terrain-tool-strip .game-ui-action-grid-button[aria-pressed=true]{box-shadow:var(--game-ui-shadow-button), 0 0 0 3px color-mix(in srgb, var(--game-ui-secondary) 24%, transparent)}.game-ui-brush-controls{gap:10px;display:grid}.game-ui-brush-control-row{grid-template-columns:minmax(120px, 1fr) var(--game-ui-brush-number-width);align-items:center;gap:8px;display:grid}.game-ui-brush-range{width:100%;accent-color:var(--game-ui-secondary)}.game-ui-brush-number{border:1px solid var(--game-ui-border-strong);background:var(--game-ui-surface-raised);width:100%;min-height:40px;color:var(--game-ui-text);font:inherit;font-weight:var(--game-ui-weight-strong);box-shadow:var(--game-ui-shadow-inset);border-radius:12px;padding:0 8px}.game-ui-material-swatch-grid{grid-template-columns:repeat(auto-fit,minmax(118px,1fr));gap:8px;display:grid}.game-ui-material-swatch{grid-template-columns:var(--game-ui-terrain-swatch-size) minmax(0, 1fr);text-align:left;align-items:center;gap:8px;min-height:48px;padding:7px;display:grid}.game-ui-material-swatch-chip{width:var(--game-ui-terrain-swatch-size);height:var(--game-ui-terrain-swatch-size);border:2px solid color-mix(in srgb, var(--game-ui-panel-strong) 90%, transparent);background:var(--swatch-color);box-shadow:var(--game-ui-shadow-inset), 0 2px 8px color-mix(in srgb, var(--game-ui-ink-deep) 16%, transparent);border-radius:13px}.game-ui-material-swatch-chip[data-swatch-pattern=speckled]{background:radial-gradient(circle at 24% 28%, var(--swatch-secondary-color) 0 3px, transparent 3.5px), radial-gradient(circle at 70% 64%, color-mix(in srgb, var(--game-ui-panel-strong) 72%, transparent) 0 2px, transparent 2.5px), var(--swatch-color);background-size:18px 18px,16px 16px,auto}.game-ui-material-swatch-chip[data-swatch-pattern=hatched]{background:repeating-linear-gradient(135deg, var(--swatch-secondary-color) 0 3px, transparent 3px 8px), var(--swatch-color)}.game-ui-material-swatch-chip[data-swatch-pattern=grid]{background:linear-gradient(90deg, color-mix(in srgb, var(--game-ui-panel-strong) 50%, transparent) 1px, transparent 1px), linear-gradient(0deg, color-mix(in srgb, var(--game-ui-panel-strong) 42%, transparent) 1px, transparent 1px), var(--swatch-color);background-size:10px 10px}.game-ui-material-swatch-copy,.game-ui-build-item-copy{gap:2px;min-width:0;display:grid}.game-ui-material-swatch-copy strong,.game-ui-build-item-copy strong{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.game-ui-build-library>section{gap:10px;display:grid}.game-ui-build-category{text-align:left;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:7px;min-height:42px;padding:6px 9px;display:inline-grid}.game-ui-build-items{grid-template-columns:repeat(auto-fill,minmax(min(168px,100%),1fr));gap:9px;display:grid}.game-ui-build-item{text-align:left;grid-template-columns:42px minmax(0,1fr);align-items:center;gap:9px;width:100%;min-height:70px;padding:9px;display:grid}.game-ui-build-item-icon{background:color-mix(in srgb, var(--game-ui-ink-deep) 8%, transparent);width:42px;height:42px;box-shadow:var(--game-ui-shadow-inset);border-radius:14px;place-items:center;display:grid;overflow:hidden}.game-ui-build-item-preview{object-fit:contain;width:100%;height:100%}.game-ui-build-item-badges{flex-wrap:wrap;gap:5px;display:flex}.game-ui-build-item-copy>span:not(.game-ui-build-item-badges){color:var(--game-ui-text-muted);font-size:var(--game-ui-font-xs);line-height:1.25}.game-ui-compact-game-drawer{gap:8px;width:min(100%,360px);min-width:0;display:grid}.game-ui-compact-game-drawer[data-variant=small-mobile]{width:min(100%,320px)}.game-ui-compact-game-drawer-trigger{justify-self:start;max-width:100%}.game-ui-compact-game-drawer-panel{overscroll-behavior:contain;min-width:0;max-height:min(72dvh,520px);display:none;overflow:auto}.game-ui-compact-game-drawer[data-open=true] .game-ui-compact-game-drawer-panel{display:grid}.game-ui-compact-game-drawer .game-ui-panel{max-width:100%}.game-ui-terrain-build-toolbox[data-variant=dense] .game-ui-terrain-build-main-grid,.game-ui-terrain-build-toolbox-body[data-variant=dense] .game-ui-terrain-build-main-grid{grid-template-columns:minmax(0,1fr) auto}.game-ui-terrain-build-toolbox[data-variant=dense] .game-ui-brush-controls,.game-ui-terrain-build-toolbox-body[data-variant=dense] .game-ui-brush-controls{grid-column:1/-1}.game-ui-terrain-mode-control[data-variant=mobile] .game-ui-terrain-mode-options,.game-ui-terrain-mode-control[data-variant=small-mobile] .game-ui-terrain-mode-options{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.game-ui-terrain-tool-strip[data-variant=mobile] .game-ui-action-grid,.game-ui-terrain-tool-strip[data-variant=small-mobile] .game-ui-action-grid,.game-ui-undo-redo-actions .game-ui-action-grid{gap:6px}.game-ui-terrain-tool-strip[data-variant=mobile] .game-ui-action-grid .game-ui-icon-button,.game-ui-terrain-tool-strip[data-variant=small-mobile] .game-ui-action-grid .game-ui-icon-button,.game-ui-undo-redo-actions .game-ui-action-grid .game-ui-icon-button{width:var(--game-ui-terrain-tool-hit-size);min-height:var(--game-ui-terrain-tool-hit-size)}.game-ui-terrain-tool-strip[data-icon-label-mode=caption] .game-ui-action-grid .game-ui-icon-button{min-height:calc(var(--game-ui-terrain-tool-hit-size) + 14px)}.game-ui-terrain-tool-strip[data-variant=mobile] .game-ui-action-grid kbd,.game-ui-terrain-tool-strip[data-variant=small-mobile] .game-ui-action-grid kbd,.game-ui-undo-redo-actions .game-ui-action-grid kbd{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.game-ui-material-swatches[data-variant=small-mobile] .game-ui-material-swatch-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.game-ui-material-swatches[data-variant=small-mobile] .game-ui-material-swatch{grid-template-columns:30px minmax(0,1fr);min-height:44px}.game-ui-material-swatches[data-variant=small-mobile] .game-ui-material-swatch-chip{width:30px;height:30px}.game-ui-build-library[data-variant=small-mobile] .game-ui-build-categories{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.game-ui-build-items[data-card-layout=rail]{grid-template-columns:repeat(auto-fill, minmax(var(--game-ui-build-rail-card-size), 1fr));justify-items:start}.game-ui-build-items[data-card-layout=rail] .game-ui-build-item{width:var(--game-ui-build-rail-card-size);min-height:var(--game-ui-build-rail-card-size);grid-template-columns:1fr;place-items:center;padding:5px}.game-ui-build-items[data-card-layout=rail] .game-ui-build-item-icon{width:42px;height:42px}.game-ui-build-items[data-card-layout=rail] .game-ui-build-item-copy{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@container game-terrain-build (width<=560px){.game-ui-terrain-build-main-grid{grid-template-columns:minmax(0,1fr)}.game-ui-undo-redo-actions{justify-self:start}.game-ui-brush-control-row{grid-template-columns:minmax(0,1fr) 70px}.game-ui-build-items{grid-template-columns:repeat(auto-fill,minmax(min(140px,100%),1fr))}}@media (prefers-reduced-motion:reduce){.game-ui-terrain-mode-option,.game-ui-build-category,.game-ui-material-swatch,.game-ui-build-item{transition:none}}@media (width<=900px){.game-ui-shell{min-height:640px}.game-ui-shell-library,.game-ui-shell-side-panel{top:auto;right:var(--game-ui-safe-right);bottom:calc(var(--game-ui-safe-bottom) + 78px);left:var(--game-ui-safe-left);width:auto;max-height:min(48dvh,320px)}.game-ui-shell-bottom-bar{left:var(--game-ui-safe-left)}.game-ui-shell-movement{bottom:calc(var(--game-ui-safe-bottom) + 86px)}.game-ui-asset-library-grid{grid-template-columns:repeat(auto-fill,minmax(136px,1fr))}}@media (width<=900px) and (height<=500px) and (orientation:landscape){.game-ui-shell{min-height:390px}.game-ui-shell-library{top:calc(var(--game-ui-safe-top) + 58px);right:var(--game-ui-safe-right);bottom:calc(var(--game-ui-safe-bottom) + 70px);width:min(300px,46vw);left:auto}.game-ui-shell-bottom-bar{left:max(132px, var(--game-ui-safe-left))}.game-ui-asset-card-preview{width:48px;height:48px}.game-ui-asset-card-copy>span:not(.game-ui-asset-card-badges):not(.game-ui-asset-card-facts),.game-ui-asset-card-facts{display:none}}.game-ui-contractor-panel{min-width:0;container:game-contractor-panel/inline-size}.game-ui-contractor-panel>section,.game-ui-contractor-panel[data-variant=mobile],.game-ui-contractor-panel[data-variant=small-mobile]{gap:12px;min-width:0;display:grid}.game-ui-contractor-panel-subtitle{color:var(--game-ui-text-muted);font-size:var(--game-ui-font-sm);line-height:var(--game-ui-line-body);margin:0}.game-ui-contractor-panel-grid{grid-template-columns:minmax(300px,.92fr) minmax(320px,1.08fr);align-items:start;gap:12px;display:grid}.game-ui-contractor-job-list,.game-ui-contractor-detail,.game-ui-compact-job-drawer-list{gap:10px;min-width:0;display:grid}.game-ui-contractor-job-list{overscroll-behavior:contain;max-height:min(68dvh,620px);padding-right:2px;overflow:auto}.game-ui-contractor-detail{border:1px solid color-mix(in srgb, var(--game-ui-border-ink) 12%, transparent);border-radius:var(--game-ui-radius-panel);background:color-mix(in srgb, var(--game-ui-panel-strong) 46%, transparent);padding:12px}.game-ui-contractor-panel[data-variant=mobile],.game-ui-contractor-panel[data-variant=small-mobile]{width:min(100%,420px)}.game-ui-construction-job-card{border:1px solid color-mix(in srgb, var(--game-ui-border-ink) 16%, transparent);border-radius:var(--game-ui-radius-panel);background:color-mix(in srgb, var(--game-ui-panel-strong) 88%, transparent);min-width:0;box-shadow:var(--game-ui-shadow-panel);gap:10px;padding:12px;display:grid}.game-ui-construction-job-card[data-selected=true]{border-color:var(--game-ui-secondary);box-shadow:var(--game-ui-shadow-panel), 0 0 0 3px color-mix(in srgb, var(--game-ui-secondary) 20%, transparent)}.game-ui-construction-job-card[data-status=blocked]{border-color:color-mix(in srgb, var(--game-ui-danger) 34%, transparent)}.game-ui-construction-job-card[data-status=readyForReview]{border-color:color-mix(in srgb, var(--game-ui-success) 36%, transparent)}.game-ui-construction-job-card[data-density=dense]{gap:8px;padding:10px}.game-ui-construction-job-header{grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:8px;display:grid}.game-ui-construction-job-select{min-width:0;color:inherit;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:9px;padding:0;display:inline-grid}.game-ui-construction-job-select:disabled{cursor:default}.game-ui-construction-job-select:focus-visible{outline:3px solid var(--game-ui-focus-ring);outline-offset:3px;border-radius:14px}.game-ui-construction-job-select span,.game-ui-robot-crew-copy{gap:2px;min-width:0;display:grid}.game-ui-construction-job-select strong,.game-ui-robot-crew-copy strong{min-width:0;color:var(--game-ui-text);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.game-ui-construction-job-select small,.game-ui-robot-crew-copy small,.game-ui-robot-crew-copy em,.game-ui-construction-steps small,.game-ui-construction-warning small,.game-ui-before-after-preview figcaption{color:var(--game-ui-text-muted);font-size:var(--game-ui-font-xs);font-style:normal;line-height:1.25}.game-ui-construction-job-badges,.game-ui-construction-approval-meta{flex-wrap:wrap;justify-content:flex-end;gap:6px;display:flex}.game-ui-construction-job-facts{flex-wrap:wrap;gap:6px;display:flex}.game-ui-construction-job-facts>span{background:color-mix(in srgb, var(--game-ui-ink-deep) 8%, transparent);border-radius:10px;gap:1px;min-width:82px;padding:6px 8px;display:inline-grid}.game-ui-construction-job-facts small{color:var(--game-ui-text-muted);letter-spacing:.06em;text-transform:uppercase;font-size:.66rem;font-weight:860}.game-ui-construction-job-facts b{min-width:0;color:var(--game-ui-text);font-size:var(--game-ui-font-xs);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.game-ui-construction-progress{gap:8px;min-width:0;display:grid}.game-ui-construction-progress-header{justify-content:space-between;align-items:center;gap:8px;display:flex}.game-ui-construction-progress-header>span{align-items:center;gap:7px;min-width:0;display:inline-flex}.game-ui-construction-progress-header strong{min-width:0;color:var(--game-ui-text);font-size:var(--game-ui-font-sm);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.game-ui-construction-steps{gap:6px;margin:0;padding:0;list-style:none;display:grid}.game-ui-construction-steps li{background:color-mix(in srgb, var(--game-ui-ink-deep) 6%, transparent);border-radius:12px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:8px;padding:7px 8px;display:grid}.game-ui-construction-step-dot{background:var(--game-ui-disabled);width:11px;height:11px;box-shadow:0 0 0 3px color-mix(in srgb, var(--game-ui-ink-deep) 8%, transparent);border-radius:999px}.game-ui-construction-steps li[data-step-status=active] .game-ui-construction-step-dot{background:var(--game-ui-secondary)}.game-ui-construction-steps li[data-step-status=complete] .game-ui-construction-step-dot{background:var(--game-ui-success)}.game-ui-construction-steps li[data-step-status=blocked] .game-ui-construction-step-dot{background:var(--game-ui-danger)}.game-ui-construction-steps strong{min-width:0;color:var(--game-ui-text);font-size:var(--game-ui-font-xs);text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.game-ui-construction-warnings{gap:6px;display:grid}.game-ui-construction-warning{border:1px solid color-mix(in srgb, var(--game-ui-accent) 28%, transparent);background:color-mix(in srgb, var(--game-ui-warning) 16%, transparent);border-radius:12px;grid-template-columns:auto minmax(0,1fr);align-items:start;gap:7px;padding:8px;display:grid}.game-ui-construction-warning>span{gap:2px;min-width:0;display:grid}.game-ui-construction-warning[data-warning-tone=danger]{border-color:color-mix(in srgb, var(--game-ui-danger) 34%, transparent);background:color-mix(in srgb, var(--game-ui-danger) 13%, transparent)}.game-ui-construction-warning[data-warning-tone=success]{border-color:color-mix(in srgb, var(--game-ui-success) 34%, transparent);background:color-mix(in srgb, var(--game-ui-success-bright) 18%, transparent)}.game-ui-construction-warning strong{color:var(--game-ui-text);font-size:var(--game-ui-font-xs)}.game-ui-construction-approval-bar{border-top:1px solid color-mix(in srgb, var(--game-ui-border-ink) 10%, transparent);gap:8px;min-width:0;padding-top:8px;display:grid}.game-ui-construction-approval-bar .game-ui-action-grid{gap:7px}.game-ui-construction-approval-bar[data-variant=small-mobile] .game-ui-button{min-height:40px;font-size:var(--game-ui-font-xs);padding:0 10px}.game-ui-robot-crew-status{gap:8px;min-width:0;display:grid}.game-ui-robot-crew-status>header strong{color:var(--game-ui-text);font-family:var(--game-ui-font-display);font-weight:var(--game-ui-weight-title)}.game-ui-robot-crew-list{gap:7px;display:grid}.game-ui-robot-crew-member{background:color-mix(in srgb, var(--game-ui-ink-deep) 7%, transparent);border-radius:14px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:8px;padding:8px;display:grid}.game-ui-robot-crew-member[data-crew-status=working]{background:color-mix(in srgb, var(--game-ui-secondary) 11%, transparent)}.game-ui-robot-crew-member[data-crew-status=blocked]{background:color-mix(in srgb, var(--game-ui-danger) 10%, transparent)}.game-ui-before-after-toggle{gap:8px;min-width:0;display:grid}.game-ui-before-after-toggle .game-ui-segmented{width:fit-content;max-width:100%}.game-ui-before-after-preview{gap:7px;min-width:0;margin:0;display:grid}.game-ui-before-after-content,.game-ui-before-after-placeholder{border:1px solid color-mix(in srgb, var(--game-ui-border-ink) 12%, transparent);border-radius:var(--game-ui-radius-panel);background:radial-gradient(circle at 50% 50%, color-mix(in srgb, var(--game-ui-success-bright) 18%, transparent), transparent 8rem), color-mix(in srgb, var(--game-ui-ink-deep) 8%, transparent);place-items:center;min-height:160px;display:grid;overflow:hidden}.game-ui-before-after-placeholder{color:var(--game-ui-text-muted)}.game-ui-compact-job-drawer .game-ui-compact-game-drawer{width:100%}.game-ui-compact-job-drawer,.game-ui-compact-job-drawer .game-ui-compact-game-drawer,.game-ui-compact-job-drawer-list,.game-ui-compact-job-drawer-list>*{box-sizing:border-box;min-width:0;max-width:100%}.game-ui-compact-job-drawer-list{max-height:min(58dvh,440px);padding:2px;overflow:auto}.game-ui-contractor-panel[data-variant=small-mobile] .game-ui-construction-job-header,.game-ui-contractor-panel[data-variant=mobile] .game-ui-construction-job-header{grid-template-columns:minmax(0,1fr)}.game-ui-contractor-panel[data-variant=small-mobile] .game-ui-construction-job-badges,.game-ui-contractor-panel[data-variant=mobile] .game-ui-construction-job-badges{justify-content:flex-start}.game-ui-contractor-panel[data-variant=small-mobile] .game-ui-construction-steps{display:none}.game-ui-contractor-panel[data-variant=small-mobile] .game-ui-before-after-content,.game-ui-contractor-panel[data-variant=small-mobile] .game-ui-before-after-placeholder{min-height:118px}@container game-contractor-panel (width<=760px){.game-ui-contractor-panel-grid{grid-template-columns:minmax(0,1fr)}.game-ui-contractor-job-list{max-height:none;padding-right:0;overflow:visible}.game-ui-contractor-detail{padding:10px}}@media (width<=900px){.game-ui-contractor-panel-grid{grid-template-columns:minmax(0,1fr)}.game-ui-construction-job-facts>span{min-width:min(108px,100%)}}@media (prefers-reduced-motion:reduce){.game-ui-button:hover,.game-ui-icon-button:hover,.game-ui-language-trigger:hover,.game-ui-language-popover button:hover,.game-ui-stage-tile:hover,.game-ui-orientation-card button:hover,.game-ui-asset-card:hover{transform:none}}[data-game-ui-tone=glass] .game-ui-button,[data-game-ui-tone=glass] .game-ui-icon-button,[data-game-ui-tone=glass] .game-ui-tab,[data-game-ui-tone=glass] .game-ui-segmented-option,[data-game-ui-tone=glass] .game-ui-toggle,[data-game-ui-tone=glass] .game-ui-language-trigger,[data-game-ui-tone=glass] .game-ui-language-popover button,[data-game-ui-tone=glass] .game-ui-radial-item,.game-ui-overlay-scope .game-ui-button,.game-ui-overlay-scope .game-ui-icon-button,.game-ui-overlay-scope .game-ui-tab,.game-ui-overlay-scope .game-ui-segmented-option,.game-ui-overlay-scope .game-ui-toggle,.game-ui-overlay-scope .game-ui-language-trigger,.game-ui-overlay-scope .game-ui-language-popover button,.game-ui-overlay-scope .game-ui-radial-item{border-color:var(--game-ui-overlay-glass-border);background:var(--game-ui-overlay-glass-bg);color:var(--game-ui-overlay-glass-text);box-shadow:none;backdrop-filter:blur(var(--game-ui-overlay-glass-blur))}@media (hover:hover){[data-game-ui-tone=glass] .game-ui-button:hover,[data-game-ui-tone=glass] .game-ui-icon-button:hover,[data-game-ui-tone=glass] .game-ui-language-trigger:hover,[data-game-ui-tone=glass] .game-ui-language-popover button:hover,[data-game-ui-tone=glass] .game-ui-tab:hover,[data-game-ui-tone=glass] .game-ui-segmented-option:hover,[data-game-ui-tone=glass] .game-ui-radial-item:hover,.game-ui-overlay-scope .game-ui-button:hover,.game-ui-overlay-scope .game-ui-icon-button:hover,.game-ui-overlay-scope .game-ui-language-trigger:hover,.game-ui-overlay-scope .game-ui-language-popover button:hover,.game-ui-overlay-scope .game-ui-tab:hover,.game-ui-overlay-scope .game-ui-segmented-option:hover,.game-ui-overlay-scope .game-ui-radial-item:hover{border-color:var(--game-ui-overlay-glass-border-hover);background:var(--game-ui-overlay-glass-bg-hover)}}[data-game-ui-tone=glass] .game-ui-button--primary,[data-game-ui-tone=glass] .game-ui-orientation-card button,.game-ui-overlay-scope .game-ui-button--primary,.game-ui-overlay-scope .game-ui-orientation-card button{border-color:var(--game-ui-overlay-glass-border-hover);background:var(--game-ui-overlay-glass-primary-fill);color:var(--game-ui-overlay-glass-text);box-shadow:none}[data-game-ui-tone=glass] .game-ui-button--ghost,.game-ui-overlay-scope .game-ui-button--ghost{border-color:var(--game-ui-overlay-glass-border);background:color-mix(in srgb, var(--game-ui-overlay-glass-bg) 55%, transparent);color:var(--game-ui-overlay-glass-text-muted);box-shadow:none}[data-game-ui-tone=glass] .game-ui-button--success,.game-ui-overlay-scope .game-ui-button--success{border-color:color-mix(in srgb, var(--game-ui-success) 48%, transparent);background:linear-gradient(135deg, color-mix(in srgb, var(--game-ui-success) 32%, transparent), color-mix(in srgb, var(--game-ui-text-on-dark) 4%, transparent)), var(--game-ui-overlay-glass-bg-strong);color:var(--game-ui-overlay-glass-text)}[data-game-ui-tone=glass] .game-ui-button--danger,.game-ui-overlay-scope .game-ui-button--danger{border-color:color-mix(in srgb, var(--game-ui-danger) 48%, transparent);background:linear-gradient(135deg, color-mix(in srgb, var(--game-ui-danger) 32%, transparent), color-mix(in srgb, var(--game-ui-text-on-dark) 4%, transparent)), var(--game-ui-overlay-glass-bg-strong);color:var(--game-ui-overlay-glass-text)}[data-game-ui-tone=glass] .game-ui-button:disabled,.game-ui-overlay-scope .game-ui-button:disabled{border-color:color-mix(in srgb, var(--game-ui-overlay-glass-border) 50%, transparent);background:color-mix(in srgb, var(--game-ui-overlay-glass-bg) 55%, transparent);color:var(--game-ui-disabled)}[data-game-ui-tone=glass] .game-ui-badge,.game-ui-overlay-scope .game-ui-badge{border-color:color-mix(in srgb, var(--game-ui-overlay-glass-border) 90%, transparent);background:var(--game-ui-overlay-glass-bg);color:var(--game-ui-overlay-glass-text);backdrop-filter:blur(var(--game-ui-overlay-glass-blur))}[data-game-ui-tone=glass] .game-ui-panel,[data-game-ui-tone=glass] .game-ui-dialog,[data-game-ui-tone=glass] .game-ui-history,[data-game-ui-tone=glass] .game-ui-prompt,[data-game-ui-tone=glass] .game-ui-toast,.game-ui-overlay-scope .game-ui-panel,.game-ui-overlay-scope .game-ui-dialog,.game-ui-overlay-scope .game-ui-history,.game-ui-overlay-scope .game-ui-prompt,.game-ui-overlay-scope .game-ui-toast{border-color:var(--game-ui-overlay-glass-border);background:var(--game-ui-overlay-glass-bg-panel);color:var(--game-ui-overlay-glass-text);backdrop-filter:blur(var(--game-ui-overlay-glass-blur)) saturate(1.1)}[data-game-ui-tone=glass] .game-ui-input,.game-ui-overlay-scope .game-ui-input{border-color:var(--game-ui-overlay-glass-border);background:color-mix(in srgb, var(--game-ui-overlay-glass-bg-strong) 88%, transparent);color:var(--game-ui-overlay-glass-text);box-shadow:none;backdrop-filter:blur(var(--game-ui-overlay-glass-blur))}[data-game-ui-tone=glass] .game-ui-input:focus-visible,.game-ui-overlay-scope .game-ui-input:focus-visible{border-color:var(--game-ui-overlay-glass-border-hover);box-shadow:0 0 0 3px var(--game-ui-focus-ring)}[data-game-ui-tone=glass] .game-ui-progress-track,.game-ui-overlay-scope .game-ui-progress-track{background:color-mix(in srgb, var(--game-ui-overlay-glass-bg) 70%, transparent);box-shadow:none}[data-game-ui-tone=glass] .game-ui-hud-chip,[data-game-ui-tone=glass] .game-ui-fact,.game-ui-overlay-scope .game-ui-hud-chip,.game-ui-overlay-scope .game-ui-fact{border-color:var(--game-ui-overlay-glass-border);background:var(--game-ui-overlay-glass-bg);box-shadow:none;backdrop-filter:blur(var(--game-ui-overlay-glass-blur))}[data-game-ui-tone=glass] .game-ui-asset-icon,.game-ui-overlay-scope .game-ui-asset-icon{filter:drop-shadow(0 1px 1px color-mix(in srgb, var(--game-ui-scenery-soil) 55%, transparent))}[data-game-ui-tone=glass] .game-ui-tab[aria-selected=true],[data-game-ui-tone=glass] .game-ui-segmented-option[aria-pressed=true],.game-ui-overlay-scope .game-ui-tab[aria-selected=true],.game-ui-overlay-scope .game-ui-segmented-option[aria-pressed=true]{border-color:color-mix(in srgb, var(--game-ui-secondary) 55%, transparent);background:linear-gradient(135deg, color-mix(in srgb, var(--game-ui-secondary) 36%, transparent), color-mix(in srgb, var(--game-ui-text-on-dark) 4%, transparent)), var(--game-ui-overlay-glass-bg-strong);color:var(--game-ui-overlay-glass-text)}[data-game-ui-density=compact] .game-ui-button,[data-game-ui-density=compact] .game-ui-icon-button,[data-game-ui-density=compact] .game-ui-tab,[data-game-ui-density=compact] .game-ui-segmented-option,[data-game-ui-density=compact] .game-ui-toggle,[data-game-ui-density=compact] .game-ui-language-trigger,[data-game-ui-density=compact] .game-ui-language-popover button,[data-game-ui-density=compact] .game-ui-radial-item{min-height:34px;padding:0 12px}[data-game-ui-density=compact] .game-ui-icon-button{width:34px;min-width:34px;padding:0}[data-game-ui-density=compact] .game-ui-badge{min-height:22px;padding:0 8px}[data-game-ui-density=compact] .game-ui-panel,[data-game-ui-density=compact] .game-ui-dialog,[data-game-ui-density=compact] .game-ui-history,[data-game-ui-density=compact] .game-ui-prompt{gap:8px;padding:10px 12px}[data-game-ui-density=compact] .game-ui-input{min-height:36px;padding:8px 12px}[data-game-ui-density=compact] .game-ui-textarea{min-height:72px}[data-game-ui-density=compact] .game-ui-hud-chip{gap:6px;min-height:40px;padding:4px 8px 4px 4px}[data-game-ui-density=compact] .game-ui-hud-cluster,[data-game-ui-density=compact] .game-ui-hud-tools,[data-game-ui-density=compact] .game-ui-hud-actions,[data-game-ui-density=compact] .game-ui-tabs,[data-game-ui-density=compact] .game-ui-segmented{gap:6px}[data-game-ui-density=compact] .game-ui-slider input[type=range]{min-height:34px}.game-ui-button:focus-visible,.game-ui-icon-button:focus-visible,.game-ui-tab:focus-visible,.game-ui-segmented-option:focus-visible,.game-ui-toggle:focus-visible,.game-ui-language-trigger:focus-visible,.game-ui-language-popover button:focus-visible,.game-ui-stage-tile:focus-visible,.game-ui-orientation-card button:focus-visible,.game-ui-collapsible-toggle:focus-visible,.game-ui-construction-job-select:focus-visible,.game-ui-radial-item:focus-visible{outline:3px solid var(--game-ui-focus-ring);outline-offset:2px}.game-ui-window-body,.game-ui-contractor-job-list,.game-ui-compact-job-drawer-list,.game-ui-compact-game-drawer-panel,.game-ui-shell-library,.game-ui-shell-side-panel,.game-ui-modal-frame{scrollbar-width:thin;scrollbar-color:var(--game-ui-border-strong) transparent}.game-ui-panel ::selection,.game-ui-modal-frame ::selection,.game-ui-window ::selection,.game-ui-collapsible ::selection,.game-ui-dialog ::selection{background:color-mix(in srgb, var(--game-ui-accent) 28%, transparent)}@media (forced-colors:active){.game-ui-button,.game-ui-icon-button,.game-ui-tab,.game-ui-segmented-option,.game-ui-toggle,.game-ui-radial-item,.game-ui-input,.game-ui-textarea,.game-ui-asset-card,.game-ui-terrain-mode-option,.game-ui-build-category,.game-ui-material-swatch,.game-ui-build-item,.game-ui-construction-job-select,.game-ui-checkbox-box{border:1px solid buttontext}.game-ui-button:focus-visible,.game-ui-icon-button:focus-visible,.game-ui-tab:focus-visible,.game-ui-segmented-option:focus-visible,.game-ui-toggle:focus-visible,.game-ui-language-trigger:focus-visible,.game-ui-language-popover button:focus-visible,.game-ui-stage-tile:focus-visible,.game-ui-orientation-card button:focus-visible,.game-ui-collapsible-toggle:focus-visible,.game-ui-construction-job-select:focus-visible,.game-ui-radial-item:focus-visible,.game-ui-input:focus-visible,.game-ui-asset-card:focus-visible{outline-color:highlight}.game-ui-tab[aria-selected=true],.game-ui-segmented-option[aria-pressed=true],.game-ui-asset-card[aria-pressed=true],.game-ui-terrain-mode-option[aria-pressed=true],.game-ui-build-category[aria-selected=true],.game-ui-material-swatch[aria-selected=true],.game-ui-build-item[aria-pressed=true]{border-color:highlight}.game-ui-checkbox-input:checked+.game-ui-checkbox-box{background:highlight;border-color:highlight}}.game-ui-button,.game-ui-icon-button,.game-ui-tab,.game-ui-segmented-option,.game-ui-toggle,.game-ui-language-trigger,.game-ui-language-popover button,.game-ui-stage-tile,.game-ui-orientation-card button,.game-ui-collapsible-toggle,.game-ui-window-button,.game-ui-movement-button,.game-ui-asset-card,.game-ui-terrain-mode-option,.game-ui-build-category,.game-ui-material-swatch,.game-ui-build-item,.game-ui-brush-range,.game-ui-construction-job-select,.game-ui-checkbox,.game-ui-card-fan-card,.game-ui-radial-item{touch-action:manipulation;-webkit-tap-highlight-color:transparent}.game-ui-movement-pad,.game-ui-placement-toolbar,.game-ui-terrain-tool-strip,.game-ui-hud,.game-ui-hud-actions,.swimmer-first-session-controls{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.game-ui-collapsible{border:var(--game-ui-stroke);border-radius:var(--game-ui-radius-panel);background:var(--game-ui-panel);min-width:0;box-shadow:var(--game-ui-shadow-panel);display:grid}.game-ui-collapsible[data-panel-tone=strong]{background:var(--game-ui-panel-strong)}.game-ui-collapsible-header{align-items:center;gap:8px;padding:5px 8px 5px 5px;display:flex}.game-ui-collapsible-heading{flex:1;min-width:0;margin:0;display:flex}.game-ui-collapsible-toggle{border-radius:var(--game-ui-radius-card);min-width:0;min-height:44px;color:var(--game-ui-text);font:inherit;font-family:var(--game-ui-font-display);font-weight:var(--game-ui-weight-title);text-align:left;cursor:pointer;background:0 0;border:0;flex:1;align-items:center;gap:10px;padding:4px 10px;display:flex}@media (hover:hover){.game-ui-collapsible-toggle:hover{background:color-mix(in srgb, var(--game-ui-ink-deep) 6%, transparent)}}.game-ui-collapsible-title{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.game-ui-collapsible-chevron{border-right:3px solid var(--game-ui-accent);border-bottom:3px solid var(--game-ui-accent);width:9px;height:9px;transition:transform var(--game-ui-motion-base) var(--game-ui-ease-pop), margin-top var(--game-ui-motion-base) var(--game-ui-ease-pop);border-radius:1px;flex:none;margin-top:-4px;transform:rotate(45deg)}.game-ui-collapsible[data-open=false] .game-ui-collapsible-chevron{margin-top:2px;transform:rotate(-45deg)}.game-ui-collapsible-actions{flex:none;align-items:center;gap:6px;display:inline-flex}.game-ui-collapsible-region{transition:grid-template-rows var(--game-ui-motion-base) var(--game-ui-ease-soft);grid-template-rows:1fr;display:grid}.game-ui-collapsible[data-open=false] .game-ui-collapsible-region{grid-template-rows:0fr}.game-ui-collapsible-clip{min-height:0;overflow:hidden}.game-ui-collapsible-content{gap:12px;padding:2px 14px 14px;display:grid}.game-ui-window{border:var(--game-ui-stroke);border-radius:var(--game-ui-radius-panel);background:var(--game-ui-panel);width:min(420px,100%);min-width:0;box-shadow:var(--game-ui-shadow-panel);interpolate-size:allow-keywords;transition:width var(--game-ui-motion-base) var(--game-ui-ease-soft), border-radius var(--game-ui-motion-base) var(--game-ui-ease-soft), box-shadow var(--game-ui-motion-base) var(--game-ui-ease-soft);grid-template-rows:auto 1fr;display:grid;position:relative;overflow:hidden}.game-ui-window-titlebar{border-bottom:var(--game-ui-stroke);background:color-mix(in srgb, var(--game-ui-ink-deep) 5%, transparent);align-items:center;gap:8px;min-height:48px;padding:6px 8px 6px 14px;display:flex}.game-ui-window-icon{flex:none;place-items:center;display:inline-grid}.game-ui-window-title{min-width:0;color:var(--game-ui-text);font-family:var(--game-ui-font-display);font-size:var(--game-ui-font-md);font-weight:var(--game-ui-weight-title);text-overflow:ellipsis;white-space:nowrap;flex:1;margin:0;overflow:hidden}.game-ui-window-actions{flex:none;align-items:center;gap:6px;display:inline-flex}.game-ui-window-button{width:34px;min-width:34px;min-height:34px;padding:0}.game-ui-window-region{min-height:0;transition:grid-template-rows var(--game-ui-motion-base) var(--game-ui-ease-soft);grid-template-rows:1fr;display:grid}.game-ui-window-clip{min-height:0;display:grid;overflow:hidden}.game-ui-window-body{overscroll-behavior:contain;min-height:0;padding:12px 14px;overflow:auto}.game-ui-window-footer{border-top:var(--game-ui-stroke);flex-wrap:wrap;justify-content:flex-end;gap:8px;padding:10px 14px;display:flex}.game-ui-window[data-window-state=minimized]{border-radius:var(--game-ui-radius-control);width:fit-content;max-width:100%}.game-ui-window[data-window-state=minimized] .game-ui-window-region{grid-template-rows:0fr}.game-ui-window[data-window-state=minimized] .game-ui-window-titlebar{background:0 0;border-bottom-color:#0000}.game-ui-window[data-window-state=maximized]{inset:var(--game-ui-safe-top) var(--game-ui-safe-right) var(--game-ui-safe-bottom) var(--game-ui-safe-left);z-index:var(--game-ui-z-overlay);width:auto;animation:game-ui-pop var(--game-ui-motion-base) var(--game-ui-ease-pop) both;position:absolute}.game-ui-window[data-window-state=maximized] .game-ui-window-body{max-height:none}.game-ui-modal{background:0 0;border:0;max-width:min(560px,100vw - 32px);margin:auto;padding:0;overflow:visible}.game-ui-modal[data-size=sm]{max-width:min(380px,100vw - 32px)}.game-ui-modal[data-size=lg]{max-width:min(780px,100vw - 32px)}.game-ui-modal::backdrop{background:var(--game-ui-scrim-strong);backdrop-filter:blur(8px)}.game-ui-modal-frame{overscroll-behavior:contain;border:var(--game-ui-stroke);border-radius:var(--game-ui-radius-modal);background:var(--game-ui-panel-strong);max-height:min(82dvh,720px);color:var(--game-ui-text);box-shadow:var(--game-ui-shadow-modal);gap:12px;padding:clamp(16px,2.5vw,24px);display:grid;overflow:auto}.game-ui-modal[open] .game-ui-modal-frame{animation:game-ui-pop var(--game-ui-motion-base) var(--game-ui-ease-pop) both}.game-ui-modal-header{align-items:center;gap:10px;display:flex}.game-ui-modal-title{min-width:0;color:var(--game-ui-ink-heading);font-family:var(--game-ui-font-display);font-weight:var(--game-ui-weight-title);flex:1;margin:0}.game-ui-modal-body{min-width:0;color:var(--game-ui-text)}.game-ui-modal-footer{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.game-ui-modal[data-position=bottom]{max-width:min(560px,100vw);margin:auto auto 0}.game-ui-modal[data-position=bottom][data-size=sm]{max-width:min(380px,100vw)}.game-ui-modal[data-position=bottom][data-size=lg]{max-width:min(780px,100vw)}.game-ui-modal[data-position=bottom] .game-ui-modal-frame{border-radius:var(--game-ui-radius-modal) var(--game-ui-radius-modal) 0 0;padding-bottom:max(clamp(16px, 2.5vw, 24px), var(--game-ui-safe-bottom))}.game-ui-modal[data-position=bottom][open] .game-ui-modal-frame{animation:game-ui-rise-sheet var(--game-ui-motion-base) var(--game-ui-ease-soft) both}@keyframes game-ui-rise-sheet{0%{opacity:0;transform:translateY(32px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.game-ui-collapsible-region,.game-ui-collapsible-chevron,.game-ui-window,.game-ui-window-region{transition:none}.game-ui-window[data-window-state=maximized],.game-ui-modal[open] .game-ui-modal-frame,.game-ui-modal[data-position=bottom][open] .game-ui-modal-frame{animation:none}}.game-ui-callout{border:var(--game-ui-stroke);border-radius:var(--game-ui-radius-panel);background:color-mix(in srgb, var(--game-ui-panel-strong) 88%, transparent);color:var(--game-ui-text);box-shadow:var(--game-ui-shadow-panel);gap:.35rem;margin:0;padding:.65rem .75rem;display:grid}.game-ui-callout-title{color:var(--game-ui-ink-heading);font-family:var(--game-ui-font-display);font-size:var(--game-ui-font-md);font-weight:var(--game-ui-weight-title);margin:0}.game-ui-callout-body{color:var(--game-ui-text-muted);font-size:var(--game-ui-font-sm,.85rem);line-height:var(--game-ui-line-body);margin:0}.game-ui-callout--info{border-color:color-mix(in srgb, var(--game-ui-accent) 45%, transparent)}.game-ui-callout--warning{border-color:color-mix(in srgb, var(--game-ui-warning) 55%, transparent);background:color-mix(in srgb, var(--game-ui-warning) 12%, var(--game-ui-panel-strong))}.game-ui-callout--danger{border-color:color-mix(in srgb, var(--game-ui-danger) 55%, transparent)}.game-ui-callout--success{border-color:color-mix(in srgb, var(--game-ui-success) 55%, transparent)}.game-ui-callout--neutral{opacity:.96}.game-ui-button{min-height:max(2.4rem,40px)}@media (pointer:coarse){.game-ui-button{min-height:max(2.75rem,44px)}}}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@pieai/swimmer-ui-kit",
|
|
3
|
-
"version": "1.
|
|
3
|
+
"version": "1.6.0",
|
|
4
4
|
"description": "Token-driven React game UI kit for web and wrapped PieAI game surfaces.",
|
|
5
5
|
"keywords": [
|
|
6
6
|
"design-system",
|
|
@@ -50,29 +50,11 @@
|
|
|
50
50
|
"access": "public",
|
|
51
51
|
"registry": "https://registry.npmjs.org"
|
|
52
52
|
},
|
|
53
|
-
"scripts": {
|
|
54
|
-
"dev": "vite --host 127.0.0.1 --port 5174",
|
|
55
|
-
"typecheck": "tsc -p tsconfig.json --noEmit",
|
|
56
|
-
"lint": "oxlint src preview .storybook bin scripts vite.config.ts vite.config.site.ts vitest.config.ts -c ./.oxlintrc.json",
|
|
57
|
-
"format": "oxfmt package.json tsconfig.json tsconfig.build.json src preview .storybook bin scripts vite.config.ts vite.config.site.ts vitest.config.ts --write --ignore-path ./.oxfmtignore",
|
|
58
|
-
"format:check": "oxfmt package.json tsconfig.json tsconfig.build.json src preview .storybook bin scripts vite.config.ts vite.config.site.ts vitest.config.ts --check --ignore-path ./.oxfmtignore",
|
|
59
|
-
"verify": "pnpm typecheck && pnpm lint && pnpm format:check && pnpm test && pnpm build",
|
|
60
|
-
"build": "vite build && node scripts/build-css.mjs && cp src/tailwind-bridge.css dist/tailwind.css && find dist -name '.DS_Store' -delete",
|
|
61
|
-
"build:site": "vite build --config vite.config.site.ts",
|
|
62
|
-
"preview:site": "vite preview --config vite.config.site.ts --host 127.0.0.1 --port 4175",
|
|
63
|
-
"test": "vitest run",
|
|
64
|
-
"storybook": "storybook dev -p 6006",
|
|
65
|
-
"build-storybook": "storybook build",
|
|
66
|
-
"build:deploy": "pnpm run build:site && pnpm run build-storybook && rm -rf site-dist/storybook && cp -r storybook-static site-dist/storybook",
|
|
67
|
-
"doc-gov": "doc-gov",
|
|
68
|
-
"pro-gov": "pro-gov",
|
|
69
|
-
"docs:check": "pnpm pro-gov doctor --strict-hooks && pnpm doc-gov router-check && pnpm doc-gov check && pnpm doc-gov scan --check && pnpm doc-gov links && pnpm doc-gov audit && pnpm doc-gov doctor"
|
|
70
|
-
},
|
|
71
53
|
"devDependencies": {
|
|
72
54
|
"@chromatic-com/storybook": "^5.2.1",
|
|
73
55
|
"@microsoft/api-extractor": "^7.58.9",
|
|
74
|
-
"@pieai/doc-gov": "0.9.
|
|
75
|
-
"@pieai/pro-gov": "0.9.
|
|
56
|
+
"@pieai/doc-gov": "0.9.3",
|
|
57
|
+
"@pieai/pro-gov": "0.9.3",
|
|
76
58
|
"@storybook/addon-a11y": "10.5.0",
|
|
77
59
|
"@storybook/addon-docs": "10.5.0",
|
|
78
60
|
"@storybook/addon-mcp": "^0.6.0",
|
|
@@ -104,5 +86,22 @@
|
|
|
104
86
|
"engines": {
|
|
105
87
|
"node": ">=24 <25"
|
|
106
88
|
},
|
|
107
|
-
"
|
|
108
|
-
|
|
89
|
+
"scripts": {
|
|
90
|
+
"dev": "vite --host 127.0.0.1 --port 5174",
|
|
91
|
+
"typecheck": "tsc -p tsconfig.json --noEmit",
|
|
92
|
+
"lint": "oxlint src preview .storybook bin scripts vite.config.ts vite.config.site.ts vitest.config.ts -c ./.oxlintrc.json",
|
|
93
|
+
"format": "oxfmt package.json tsconfig.json tsconfig.build.json src preview .storybook bin scripts vite.config.ts vite.config.site.ts vitest.config.ts --write --ignore-path ./.oxfmtignore",
|
|
94
|
+
"format:check": "oxfmt package.json tsconfig.json tsconfig.build.json src preview .storybook bin scripts vite.config.ts vite.config.site.ts vitest.config.ts --check --ignore-path ./.oxfmtignore",
|
|
95
|
+
"verify": "pnpm typecheck && pnpm lint && pnpm format:check && pnpm test && pnpm build",
|
|
96
|
+
"build": "vite build && node scripts/build-css.mjs && cp src/tailwind-bridge.css dist/tailwind.css && find dist -name '.DS_Store' -delete",
|
|
97
|
+
"build:site": "vite build --config vite.config.site.ts",
|
|
98
|
+
"preview:site": "vite preview --config vite.config.site.ts --host 127.0.0.1 --port 4175",
|
|
99
|
+
"test": "vitest run",
|
|
100
|
+
"storybook": "storybook dev -p 6006",
|
|
101
|
+
"build-storybook": "storybook build",
|
|
102
|
+
"build:deploy": "pnpm run build:site && pnpm run build-storybook && rm -rf site-dist/storybook && cp -r storybook-static site-dist/storybook",
|
|
103
|
+
"doc-gov": "doc-gov",
|
|
104
|
+
"pro-gov": "pro-gov",
|
|
105
|
+
"docs:check": "pnpm pro-gov doctor --strict-hooks && pnpm doc-gov router-check && pnpm doc-gov check && pnpm doc-gov scan --check && pnpm doc-gov links && pnpm doc-gov audit && pnpm doc-gov doctor"
|
|
106
|
+
}
|
|
107
|
+
}
|