@pieai/swimmer-ui-kit 1.11.0 → 1.11.2

package/dist/preview.css

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pieai/swimmer-ui-kit",
-  "version": "1.11.0",
+  "version": "1.11.2",
   "description": "Token-driven React game UI kit for web and wrapped PieAI game surfaces.",
   "keywords": [
     "design-system",
@@ -96,7 +96,7 @@
     "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",
     "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",
     "verify": "pnpm typecheck && pnpm lint && pnpm format:check && pnpm test && pnpm check:styles && pnpm build",
-    "build": "vite build && node scripts/build-css.mjs && cp src/tailwind-bridge.css dist/tailwind.css && find dist -name '.DS_Store' -delete",
+    "build": "vite build && node scripts/build-css.mjs && cp src/tailwind-bridge.css dist/tailwind.css && find dist -name '.DS_Store' -delete && node scripts/check-warnings-survive-build.mjs",
     "build:site": "vite build --config vite.config.site.ts",
     "preview:site": "vite preview --config vite.config.site.ts --host 127.0.0.1 --port 4175",
     "test": "vitest run",