@freegamestore/games 0.18.0 → 0.19.0

package/dist/StartScreen.js

@@ -2,147 +2,18 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useId, useState } from 'react';
 import { GameButton } from './GameButton.js';
 import { GameModal } from './GameModal.js';
-import { LIGHT_COLOURS, MOTION_TOKENS, SHAPE_TOKENS, TYPOGRAPHY_TOKENS } from './tokens.js';
-/** A CSS variable with a fallback taken from the #209 light tokens, so the screen renders without GAME_TOKENS_CSS. */
-const v = (name, fallback) => `var(--${name}, ${fallback})`;
-/**
- * Styles for the start screen and its how-to-play list. The durations and
- * easings come from the motion tokens, and everything stops under
- * prefers-reduced-motion. Class names carry the `fgs-` prefix, so they cannot
- * collide with a game's own styles.
- */
-export const START_SCREEN_CSS = `
-.fgs-start {
-  position: relative;
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  justify-content: center;
-  gap: clamp(0.75rem, 3svh, 1.5rem);
-  height: 100%;
-  padding: 1rem;
-  overflow: hidden;
-  background:
-    radial-gradient(120% 70% at 50% 0%, ${v('accent-soft', LIGHT_COLOURS.accentSoft)} 0%, transparent 65%),
-    ${v('paper', LIGHT_COLOURS.paper)};
-}
-.fgs-start-artwork { width: min(11rem, 52vw); }
-.fgs-start-artwork-inner { animation: fgs-start-float 7s ease-in-out infinite; }
-.fgs-start-card {
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  gap: 0.5rem;
-  width: min(20rem, 100%);
-  padding: 1.5rem 1.25rem 1.25rem;
-  border-radius: ${v('radius', SHAPE_TOKENS.radius)};
-  text-align: center;
-  background: ${v('panel', LIGHT_COLOURS.panel)};
-  border: 1px solid ${v('line', LIGHT_COLOURS.line)};
-  box-shadow:
-    inset 0 1px 0 rgb(255 255 255 / 0.4),
-    0 1px 2px rgb(0 0 0 / 0.06),
-    0 18px 32px -18px rgb(0 0 0 / 0.35);
-}
-.fgs-start-title {
-  margin: 0;
-  font-family: ${v('font-display', TYPOGRAPHY_TOKENS.fontDisplay)};
-  font-weight: 800;
-  font-optical-sizing: auto;
-  font-variation-settings: "opsz" 144;
-  font-size: ${v('text-display', TYPOGRAPHY_TOKENS.textDisplay)};
-  line-height: 0.95;
-  letter-spacing: -0.03em;
-  color: ${v('ink', LIGHT_COLOURS.ink)};
-  text-wrap: balance;
-}
-.fgs-start-tagline {
-  margin: 0 0 0.5rem;
-  max-width: 18rem;
-  font-size: 0.95rem;
-  line-height: 1.4;
-  color: ${v('muted', LIGHT_COLOURS.muted)};
-}
-.fgs-start-actions {
-  display: flex;
-  flex-direction: column;
-  gap: 0.5rem;
-  width: 100%;
-  margin-top: 0.25rem;
-}
-.fgs-start-enter {
-  animation: fgs-start-rise ${v('motion-slow', MOTION_TOKENS.slow)} cubic-bezier(0.2, 0.8, 0.2, 1) both;
-  animation-delay: var(--delay, 0ms);
-}
-@keyframes fgs-start-rise {
-  from { opacity: 0; transform: translateY(12px); }
-  to { opacity: 1; transform: none; }
-}
-@keyframes fgs-start-float {
-  0%, 100% { transform: translateY(0) rotate(0deg); }
-  50% { transform: translateY(-4px) rotate(-1deg); }
-}
-.fgs-how-steps {
-  display: flex;
-  flex-direction: column;
-  gap: 0.85rem;
-  margin: 0;
-  padding: 0;
-  list-style: none;
-}
-.fgs-how-steps li {
-  display: flex;
-  align-items: flex-start;
-  gap: 0.75rem;
-  animation: fgs-start-rise ${v('motion-base', MOTION_TOKENS.base)} ease-out both;
-  animation-delay: calc(var(--i, 0) * 60ms);
-}
-.fgs-how-num {
-  flex: none;
-  display: grid;
-  place-items: center;
-  width: 1.75rem;
-  height: 1.75rem;
-  border-radius: 0.5rem;
-  font-family: ${v('font-display', TYPOGRAPHY_TOKENS.fontDisplay)};
-  font-weight: 800;
-  color: #ffffff;
-  background: ${v('accent', LIGHT_COLOURS.accent)};
-  box-shadow:
-    inset 0 1px 0 rgb(255 255 255 / 0.35),
-    0 2px 4px rgb(0 0 0 / 0.2);
-}
-.fgs-how-steps strong {
-  display: block;
-  font-weight: 700;
-  color: ${v('ink', LIGHT_COLOURS.ink)};
-}
-.fgs-how-steps p {
-  margin: 0.15rem 0 0;
-  font-size: 0.9rem;
-  line-height: 1.4;
-  color: ${v('muted', LIGHT_COLOURS.muted)};
-}
-@media (prefers-reduced-motion: reduce) {
-  .fgs-start-enter,
-  .fgs-start-artwork-inner,
-  .fgs-how-steps li {
-    animation: none;
-  }
-}
-`;
-/** Entrance delay for one element, so the screen rises in a sequence. */
-const delay = (ms) => ({ '--delay': `${ms}ms` });
 /** The numbered steps of a game's rules. */
 function HowToPlaySteps({ steps }) {
-    return (_jsx("ol", { className: "fgs-how-steps", children: steps.map((step, i) => (_jsxs("li", { style: { '--i': i }, children: [_jsx("span", { className: "fgs-how-num", "aria-hidden": "true", children: i + 1 }), _jsxs("div", { children: [_jsx("strong", { children: step.heading }), _jsx("p", { children: step.text })] })] }, step.heading))) }));
+    return (_jsx("ol", { className: "m-0 flex list-none flex-col gap-[0.85rem] p-0", children: steps.map((step, i) => (_jsxs("li", { className: "flex animate-fgs-rise-step items-start gap-3 motion-reduce:animate-none", 
+            // Dynamic: the entrance delay is staggered by the step's index.
+            style: { '--i': i }, children: [_jsx("span", { className: "grid size-7 flex-none place-items-center rounded-lg bg-accent font-display font-extrabold text-white shadow-[inset_0_1px_0_rgb(255_255_255/0.35),0_2px_4px_rgb(0_0_0/0.2)]", "aria-hidden": "true", children: i + 1 }), _jsxs("div", { children: [_jsx("strong", { className: "block font-bold text-ink", children: step.heading }), _jsx("p", { className: "m-0 mt-[0.15rem] text-[0.9rem] leading-[1.4] text-muted", children: step.text })] })] }, step.heading))) }));
 }
 /**
  * A game's start screen: artwork, title, tagline, then Play and How to play.
- * Motion is CSS only, and it stops under prefers-reduced-motion.
+ * Motion is the `animate-fgs-*` utilities from the SDK's `theme.css`, and it
+ * stops under prefers-reduced-motion. The card sits on an opaque `bg-panel`.
  *
- * The screen does not define the brand tokens. It falls back to the #209
- * light values, so a game that loads GAME_TOKENS_CSS gets the full theme.
+ * Colours come from the platform tokens through the game's `@theme` mapping.
  */
 export function StartScreen({ title, tagline, artwork, playLabel = 'Play', onPlay, onHowToPlay, howToPlay, }) {
     const [helpOpen, setHelpOpen] = useState(false);
@@ -154,6 +25,6 @@ export function StartScreen({ title, tagline, artwork, playLabel = 'Play', onPla
         else
             setHelpOpen(true);
     };
-    return (_jsxs("section", { className: "fgs-start", "aria-labelledby": titleId, children: [_jsx("style", { children: START_SCREEN_CSS }), artwork !== undefined && artwork !== null && (_jsx("div", { className: "fgs-start-artwork fgs-start-enter", style: delay(0), "aria-hidden": "true", children: _jsx("div", { className: "fgs-start-artwork-inner", children: artwork }) })), _jsxs("div", { className: "fgs-start-card fgs-start-enter", style: delay(120), children: [_jsx("h1", { id: titleId, className: "fgs-start-title", children: title }), tagline && _jsx("p", { className: "fgs-start-tagline", children: tagline }), _jsxs("div", { className: "fgs-start-actions", children: [_jsx(GameButton, { variant: "primary", size: "lg", block: true, onClick: onPlay, children: playLabel }), showsHelp && (_jsx(GameButton, { variant: "secondary", size: "md", block: true, onClick: openHelp, children: "How to play" }))] })] }), onHowToPlay === undefined && howToPlay !== undefined && (_jsx(GameModal, { open: helpOpen, onClose: () => setHelpOpen(false), title: "How to play", children: _jsx(HowToPlaySteps, { steps: howToPlay }) }))] }));
+    return (_jsxs("section", { "data-fgs": "start", className: "relative flex h-full flex-col items-center justify-center gap-[clamp(0.75rem,3svh,1.5rem)] overflow-hidden bg-paper bg-[radial-gradient(120%_70%_at_50%_0%,var(--color-accent-soft)_0%,transparent_65%)] p-4", "aria-labelledby": titleId, children: [artwork !== undefined && artwork !== null && (_jsx("div", { "data-fgs": "start-artwork", className: "w-[min(11rem,52vw)] animate-fgs-rise [--delay:0ms] motion-reduce:animate-none", "aria-hidden": "true", children: _jsx("div", { className: "animate-fgs-float motion-reduce:animate-none", children: artwork }) })), _jsxs("div", { className: "flex w-[min(20rem,100%)] animate-fgs-rise flex-col items-center gap-2 rounded-fgs border border-line bg-panel px-5 pb-5 pt-6 text-center shadow-[inset_0_1px_0_rgb(255_255_255/0.4),0_1px_2px_rgb(0_0_0/0.06),0_18px_32px_-18px_rgb(0_0_0/0.35)] [--delay:120ms] motion-reduce:animate-none", children: [_jsx("h1", { id: titleId, className: "m-0 text-balance font-display text-fgs-display font-extrabold leading-[0.95] tracking-[-0.03em] text-ink [font-optical-sizing:auto] [font-variation-settings:'opsz'_144]", children: title }), tagline && (_jsx("p", { className: "m-0 mb-2 max-w-72 text-[0.95rem] leading-[1.4] text-muted", children: tagline })), _jsxs("div", { className: "mt-1 flex w-full flex-col gap-2", children: [_jsx(GameButton, { variant: "primary", size: "lg", block: true, onClick: onPlay, children: playLabel }), showsHelp && (_jsx(GameButton, { variant: "secondary", size: "md", block: true, onClick: openHelp, children: "How to play" }))] })] }), onHowToPlay === undefined && howToPlay !== undefined && (_jsx(GameModal, { open: helpOpen, onClose: () => setHelpOpen(false), title: "How to play", children: _jsx(HowToPlaySteps, { steps: howToPlay }) }))] }));
 }
 //# sourceMappingURL=StartScreen.js.map

package/dist/StartScreen.js.map

@@ -1 +1 @@
-{"version":3,"file":"StartScreen.js","sourceRoot":"","sources":["../src/StartScreen.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"StartScreen.js","sourceRoot":"","sources":["../src/StartScreen.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,KAAK,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACxC,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAC7C,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAmC3C,4CAA4C;AAC5C,SAAS,cAAc,CAAC,EAAE,KAAK,EAAyC;IACtE,OAAO,CACL,aAAI,SAAS,EAAC,+CAA+C,YAC1D,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,CAAC,EAAE,EAAE,CAAC,CACtB,cAEE,SAAS,EAAC,yEAAyE;YACnF,gEAAgE;YAChE,KAAK,EAAE,EAAE,KAAK,EAAE,CAAC,EAAyB,aAE1C,eACE,SAAS,EAAC,4KAA4K,iBAC1K,MAAM,YAEjB,CAAC,GAAG,CAAC,GACD,EACP,0BACE,iBAAQ,SAAS,EAAC,0BAA0B,YAAE,IAAI,CAAC,OAAO,GAAU,EACpE,YAAG,SAAS,EAAC,yDAAyD,YAAE,IAAI,CAAC,IAAI,GAAK,IAClF,KAdD,IAAI,CAAC,OAAO,CAed,CACN,CAAC,GACC,CACN,CAAC;AACJ,CAAC;AAED;;;;;;GAMG;AACH,MAAM,UAAU,WAAW,CAAC,EAC1B,KAAK,EACL,OAAO,EACP,OAAO,EACP,SAAS,GAAG,MAAM,EAClB,MAAM,EACN,WAAW,EACX,SAAS,GACQ;IACjB,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAChD,MAAM,OAAO,GAAG,KAAK,EAAE,CAAC;IACxB,MAAM,SAAS,GAAG,WAAW,KAAK,SAAS,IAAI,SAAS,KAAK,SAAS,CAAC;IAEvE,MAAM,QAAQ,GAAG,GAAG,EAAE;QACpB,IAAI,WAAW;YAAE,WAAW,EAAE,CAAC;;YAC1B,WAAW,CAAC,IAAI,CAAC,CAAC;IACzB,CAAC,CAAC;IAEF,OAAO,CACL,+BACW,OAAO,EAChB,SAAS,EAAC,8MAA8M,qBACvM,OAAO,aAEvB,OAAO,KAAK,SAAS,IAAI,OAAO,KAAK,IAAI,IAAI,CAC5C,0BACW,eAAe,EACxB,SAAS,EAAC,+EAA+E,iBAC7E,MAAM,YAElB,cAAK,SAAS,EAAC,8CAA8C,YAAE,OAAO,GAAO,GACzE,CACP,EACD,eAAK,SAAS,EAAC,6RAA6R,aAC1S,aACE,EAAE,EAAE,OAAO,EACX,SAAS,EAAC,0KAA0K,YAEnL,KAAK,GACH,EACJ,OAAO,IAAI,CACV,YAAG,SAAS,EAAC,2DAA2D,YAAE,OAAO,GAAK,CACvF,EACD,eAAK,SAAS,EAAC,iCAAiC,aAC9C,KAAC,UAAU,IAAC,OAAO,EAAC,SAAS,EAAC,IAAI,EAAC,IAAI,EAAC,KAAK,QAAC,OAAO,EAAE,MAAM,YAC1D,SAAS,GACC,EACZ,SAAS,IAAI,CACZ,KAAC,UAAU,IAAC,OAAO,EAAC,WAAW,EAAC,IAAI,EAAC,IAAI,EAAC,KAAK,QAAC,OAAO,EAAE,QAAQ,4BAEpD,CACd,IACG,IACF,EACL,WAAW,KAAK,SAAS,IAAI,SAAS,KAAK,SAAS,IAAI,CACvD,KAAC,SAAS,IAAC,IAAI,EAAE,QAAQ,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,WAAW,CAAC,KAAK,CAAC,EAAE,KAAK,EAAC,aAAa,YAC/E,KAAC,cAAc,IAAC,KAAK,EAAE,SAAS,GAAI,GAC1B,CACb,IACO,CACX,CAAC;AACJ,CAAC"}

package/dist/feel/ScorePopup.d.ts

@@ -1,11 +1,6 @@
 import type * as React from 'react';
 /** How long a pop-up stays on screen, in ms. */
 export declare const SCORE_POP_MS = 700;
-/**
- * Styles for the pop-up. Its colour is the accent-ink token, so it follows the
- * theme, with a light-theme fallback. The motion itself is set from script.
- */
-export declare const SCORE_POP_CSS = "\n.fgs-score-pop {\n  position: absolute;\n  z-index: 750;\n  pointer-events: none;\n  white-space: nowrap;\n  font-family: var(--font-display, \"Fraunces\", Georgia, serif);\n  font-size: var(--text-stat, 1.25rem);\n  font-weight: 800;\n  color: var(--accent-ink, #2563eb);\n  text-shadow: 0 1px 2px rgb(0 0 0 / 0.55);\n  will-change: transform, opacity;\n}\n";
 export interface ScorePopupProps {
     /** The points to show, as `+N`. */
     points: number;

package/dist/feel/ScorePopup.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ScorePopup.d.ts","sourceRoot":"","sources":["../../src/feel/ScorePopup.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AAMpC,gDAAgD;AAChD,eAAO,MAAM,YAAY,MAAM,CAAC;AAKhC;;;GAGG;AACH,eAAO,MAAM,aAAa,6WAazB,CAAC;AAEF,MAAM,WAAW,eAAe;IAC9B,mCAAmC;IACnC,MAAM,EAAE,MAAM,CAAC;IACf,wEAAwE;IACxE,CAAC,EAAE,MAAM,CAAC;IACV,sEAAsE;IACtE,CAAC,EAAE,MAAM,CAAC;IACV,wEAAwE;IACxE,MAAM,EAAE,MAAM,IAAI,CAAC;CACpB;AAED;;;;GAIG;AACH,wBAAgB,UAAU,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,CAAC,EAAE,MAAM,EAAE,EAAE,eAAe,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CA+CvF"}
+{"version":3,"file":"ScorePopup.d.ts","sourceRoot":"","sources":["../../src/feel/ScorePopup.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AAMpC,gDAAgD;AAChD,eAAO,MAAM,YAAY,MAAM,CAAC;AAKhC,MAAM,WAAW,eAAe;IAC9B,mCAAmC;IACnC,MAAM,EAAE,MAAM,CAAC;IACf,wEAAwE;IACxE,CAAC,EAAE,MAAM,CAAC;IACV,sEAAsE;IACtE,CAAC,EAAE,MAAM,CAAC;IACV,wEAAwE;IACxE,MAAM,EAAE,MAAM,IAAI,CAAC;CACpB;AAED;;;;GAIG;AACH,wBAAgB,UAAU,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,CAAC,EAAE,MAAM,EAAE,EAAE,eAAe,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CA8CvF"}

package/dist/feel/ScorePopup.js

@@ -1,4 +1,4 @@
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx } from "react/jsx-runtime";
 import { useEffect, useRef } from 'react';
 import { easeInQuad, easeOutQuad } from './easing.js';
 import { prefersReducedMotion } from './reducedMotion.js';
@@ -7,24 +7,6 @@ import { tweenProgress, tweenValue } from './tween.js';
 export const SCORE_POP_MS = 700;
 /** How far a pop-up rises before it fades, in px. */
 const RISE_PX = 40;
-/**
- * Styles for the pop-up. Its colour is the accent-ink token, so it follows the
- * theme, with a light-theme fallback. The motion itself is set from script.
- */
-export const SCORE_POP_CSS = `
-.fgs-score-pop {
-  position: absolute;
-  z-index: 750;
-  pointer-events: none;
-  white-space: nowrap;
-  font-family: var(--font-display, "Fraunces", Georgia, serif);
-  font-size: var(--text-stat, 1.25rem);
-  font-weight: 800;
-  color: var(--accent-ink, #2563eb);
-  text-shadow: 0 1px 2px rgb(0 0 0 / 0.55);
-  will-change: transform, opacity;
-}
-`;
 /**
  * A floating `+N` that rises and fades from (x, y), then calls `onDone`.
  * Under reduced motion it holds still for the same time, so the number is still
@@ -62,6 +44,8 @@ export function ScorePopup({ points, x, y, onDone }) {
         frame = requestAnimationFrame(step);
         return () => cancelAnimationFrame(frame);
     }, []);
-    return (_jsxs(_Fragment, { children: [_jsx("style", { children: SCORE_POP_CSS }), _jsx("span", { ref: ref, className: "fgs-score-pop", style: { left: x, top: y, transform: 'translate(-50%, -50%)' }, children: `+${points}` })] }));
+    return (_jsx("span", { ref: ref, "data-fgs": "score-popup", className: "pointer-events-none absolute z-[750] whitespace-nowrap font-display text-fgs-stat font-extrabold text-accent-ink will-change-[transform,opacity] [text-shadow:0_1px_2px_rgb(0_0_0/0.55)] [transform:translate(-50%,-50%)]", 
+        // Dynamic: the pop-up is placed at the caller's x and y; the rise and fade are set from script.
+        style: { left: x, top: y }, children: `+${points}` }));
 }
 //# sourceMappingURL=ScorePopup.js.map

package/dist/feel/ScorePopup.js.map

@@ -1 +1 @@
-{"version":3,"file":"ScorePopup.js","sourceRoot":"","sources":["../../src/feel/ScorePopup.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAE,UAAU,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AACtD,OAAO,EAAE,oBAAoB,EAAE,MAAM,oBAAoB,CAAC;AAC1D,OAAO,EAAE,aAAa,EAAE,UAAU,EAAE,MAAM,YAAY,CAAC;AAEvD,gDAAgD;AAChD,MAAM,CAAC,MAAM,YAAY,GAAG,GAAG,CAAC;AAEhC,qDAAqD;AACrD,MAAM,OAAO,GAAG,EAAE,CAAC;AAEnB;;;GAGG;AACH,MAAM,CAAC,MAAM,aAAa,GAAG;;;;;;;;;;;;;CAa5B,CAAC;AAaF;;;;GAIG;AACH,MAAM,UAAU,UAAU,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,CAAC,EAAE,MAAM,EAAmB;IAClE,MAAM,GAAG,GAAG,MAAM,CAAkB,IAAI,CAAC,CAAC;IAC1C,MAAM,SAAS,GAAG,MAAM,CAAC,MAAM,CAAC,CAAC;IAEjC,SAAS,CAAC,GAAG,EAAE;QACb,SAAS,CAAC,OAAO,GAAG,MAAM,CAAC;IAC7B,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC;IAEb,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,OAAO,GAAG,GAAG,CAAC,OAAO,CAAC;QAC5B,IAAI,CAAC,OAAO;YAAE,OAAO;QAErB,IAAI,oBAAoB,EAAE,EAAE,CAAC;YAC3B,MAAM,EAAE,GAAG,UAAU,CAAC,GAAG,EAAE,CAAC,SAAS,CAAC,OAAO,EAAE,EAAE,YAAY,CAAC,CAAC;YAC/D,OAAO,GAAG,EAAE,CAAC,YAAY,CAAC,EAAE,CAAC,CAAC;QAChC,CAAC;QAED,IAAI,OAAO,GAAkB,IAAI,CAAC;QAClC,IAAI,KAAK,GAAG,CAAC,CAAC;QACd,MAAM,IAAI,GAAG,CAAC,GAAW,EAAE,EAAE;YAC3B,OAAO,KAAK,GAAG,CAAC;YAChB,MAAM,OAAO,GAAG,GAAG,GAAG,OAAO,CAAC;YAC9B,MAAM,IAAI,GAAG,UAAU,CAAC,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,EAAE,YAAY,EAAE,WAAW,CAAC,CAAC;YACzE,OAAO,CAAC,KAAK,CAAC,SAAS,GAAG,+BAA+B,IAAI,MAAM,CAAC;YACpE,OAAO,CAAC,KAAK,CAAC,OAAO,GAAG,MAAM,CAAC,UAAU,CAAC,CAAC,EAAE,CAAC,EAAE,OAAO,EAAE,YAAY,EAAE,UAAU,CAAC,CAAC,CAAC;YACpF,IAAI,aAAa,CAAC,OAAO,EAAE,YAAY,CAAC,GAAG,CAAC,EAAE,CAAC;gBAC7C,KAAK,GAAG,qBAAqB,CAAC,IAAI,CAAC,CAAC;YACtC,CAAC;iBAAM,CAAC;gBACN,SAAS,CAAC,OAAO,EAAE,CAAC;YACtB,CAAC;QACH,CAAC,CAAC;QACF,KAAK,GAAG,qBAAqB,CAAC,IAAI,CAAC,CAAC;QACpC,OAAO,GAAG,EAAE,CAAC,oBAAoB,CAAC,KAAK,CAAC,CAAC;IAC3C,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO,CACL,8BACE,0BAAQ,aAAa,GAAS,EAC9B,eACE,GAAG,EAAE,GAAG,EACR,SAAS,EAAC,eAAe,EACzB,KAAK,EAAE,EAAE,IAAI,EAAE,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,SAAS,EAAE,uBAAuB,EAAE,YAE7D,IAAI,MAAM,EAAE,GACR,IACN,CACJ,CAAC;AACJ,CAAC"}
+{"version":3,"file":"ScorePopup.js","sourceRoot":"","sources":["../../src/feel/ScorePopup.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAE,UAAU,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AACtD,OAAO,EAAE,oBAAoB,EAAE,MAAM,oBAAoB,CAAC;AAC1D,OAAO,EAAE,aAAa,EAAE,UAAU,EAAE,MAAM,YAAY,CAAC;AAEvD,gDAAgD;AAChD,MAAM,CAAC,MAAM,YAAY,GAAG,GAAG,CAAC;AAEhC,qDAAqD;AACrD,MAAM,OAAO,GAAG,EAAE,CAAC;AAanB;;;;GAIG;AACH,MAAM,UAAU,UAAU,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,CAAC,EAAE,MAAM,EAAmB;IAClE,MAAM,GAAG,GAAG,MAAM,CAAkB,IAAI,CAAC,CAAC;IAC1C,MAAM,SAAS,GAAG,MAAM,CAAC,MAAM,CAAC,CAAC;IAEjC,SAAS,CAAC,GAAG,EAAE;QACb,SAAS,CAAC,OAAO,GAAG,MAAM,CAAC;IAC7B,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC;IAEb,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,OAAO,GAAG,GAAG,CAAC,OAAO,CAAC;QAC5B,IAAI,CAAC,OAAO;YAAE,OAAO;QAErB,IAAI,oBAAoB,EAAE,EAAE,CAAC;YAC3B,MAAM,EAAE,GAAG,UAAU,CAAC,GAAG,EAAE,CAAC,SAAS,CAAC,OAAO,EAAE,EAAE,YAAY,CAAC,CAAC;YAC/D,OAAO,GAAG,EAAE,CAAC,YAAY,CAAC,EAAE,CAAC,CAAC;QAChC,CAAC;QAED,IAAI,OAAO,GAAkB,IAAI,CAAC;QAClC,IAAI,KAAK,GAAG,CAAC,CAAC;QACd,MAAM,IAAI,GAAG,CAAC,GAAW,EAAE,EAAE;YAC3B,OAAO,KAAK,GAAG,CAAC;YAChB,MAAM,OAAO,GAAG,GAAG,GAAG,OAAO,CAAC;YAC9B,MAAM,IAAI,GAAG,UAAU,CAAC,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,EAAE,YAAY,EAAE,WAAW,CAAC,CAAC;YACzE,OAAO,CAAC,KAAK,CAAC,SAAS,GAAG,+BAA+B,IAAI,MAAM,CAAC;YACpE,OAAO,CAAC,KAAK,CAAC,OAAO,GAAG,MAAM,CAAC,UAAU,CAAC,CAAC,EAAE,CAAC,EAAE,OAAO,EAAE,YAAY,EAAE,UAAU,CAAC,CAAC,CAAC;YACpF,IAAI,aAAa,CAAC,OAAO,EAAE,YAAY,CAAC,GAAG,CAAC,EAAE,CAAC;gBAC7C,KAAK,GAAG,qBAAqB,CAAC,IAAI,CAAC,CAAC;YACtC,CAAC;iBAAM,CAAC;gBACN,SAAS,CAAC,OAAO,EAAE,CAAC;YACtB,CAAC;QACH,CAAC,CAAC;QACF,KAAK,GAAG,qBAAqB,CAAC,IAAI,CAAC,CAAC;QACpC,OAAO,GAAG,EAAE,CAAC,oBAAoB,CAAC,KAAK,CAAC,CAAC;IAC3C,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO,CACL,eACE,GAAG,EAAE,GAAG,cACC,aAAa,EACtB,SAAS,EAAC,2NAA2N;QACrO,gGAAgG;QAChG,KAAK,EAAE,EAAE,IAAI,EAAE,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,YAEzB,IAAI,MAAM,EAAE,GACR,CACR,CAAC;AACJ,CAAC"}

package/dist/feel/index.d.ts

@@ -8,7 +8,7 @@ export { type Easing, easeInOutQuad, easeInQuad, easeOutBack, easeOutCubic, ease
 export { HAPTICS, type VibrationPattern, vibrate } from './haptics.js';
 export { type BurstOptions, createBurst, GRAVITY, MAX_PARTICLES, type Particle, particleAlpha, stepParticles, } from './particles.js';
 export { prefersReducedMotion } from './reducedMotion.js';
-export { SCORE_POP_CSS, SCORE_POP_MS, ScorePopup, type ScorePopupProps } from './ScorePopup.js';
+export { SCORE_POP_MS, ScorePopup, type ScorePopupProps } from './ScorePopup.js';
 export { shakeKeyframes } from './shake.js';
 export { tweenProgress, tweenValue } from './tween.js';
 export { type Haptics, useHaptics } from './useHaptics.js';

package/dist/feel/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/feel/index.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EACL,KAAK,MAAM,EACX,aAAa,EACb,UAAU,EACV,WAAW,EACX,YAAY,EACZ,WAAW,EACX,MAAM,GACP,MAAM,aAAa,CAAC;AACrB,OAAO,EAAE,OAAO,EAAE,KAAK,gBAAgB,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;AACvE,OAAO,EACL,KAAK,YAAY,EACjB,WAAW,EACX,OAAO,EACP,aAAa,EACb,KAAK,QAAQ,EACb,aAAa,EACb,aAAa,GACd,MAAM,gBAAgB,CAAC;AACxB,OAAO,EAAE,oBAAoB,EAAE,MAAM,oBAAoB,CAAC;AAC1D,OAAO,EAAE,aAAa,EAAE,YAAY,EAAE,UAAU,EAAE,KAAK,eAAe,EAAE,MAAM,iBAAiB,CAAC;AAChG,OAAO,EAAE,cAAc,EAAE,MAAM,YAAY,CAAC;AAC5C,OAAO,EAAE,aAAa,EAAE,UAAU,EAAE,MAAM,YAAY,CAAC;AACvD,OAAO,EAAE,KAAK,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAC3D,OAAO,EAAE,KAAK,eAAe,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AACvE,OAAO,EAAE,KAAK,YAAY,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/feel/index.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EACL,KAAK,MAAM,EACX,aAAa,EACb,UAAU,EACV,WAAW,EACX,YAAY,EACZ,WAAW,EACX,MAAM,GACP,MAAM,aAAa,CAAC;AACrB,OAAO,EAAE,OAAO,EAAE,KAAK,gBAAgB,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;AACvE,OAAO,EACL,KAAK,YAAY,EACjB,WAAW,EACX,OAAO,EACP,aAAa,EACb,KAAK,QAAQ,EACb,aAAa,EACb,aAAa,GACd,MAAM,gBAAgB,CAAC;AACxB,OAAO,EAAE,oBAAoB,EAAE,MAAM,oBAAoB,CAAC;AAC1D,OAAO,EAAE,YAAY,EAAE,UAAU,EAAE,KAAK,eAAe,EAAE,MAAM,iBAAiB,CAAC;AACjF,OAAO,EAAE,cAAc,EAAE,MAAM,YAAY,CAAC;AAC5C,OAAO,EAAE,aAAa,EAAE,UAAU,EAAE,MAAM,YAAY,CAAC;AACvD,OAAO,EAAE,KAAK,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAC3D,OAAO,EAAE,KAAK,eAAe,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AACvE,OAAO,EAAE,KAAK,YAAY,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC"}

package/dist/feel/index.js

@@ -8,7 +8,7 @@ export { easeInOutQuad, easeInQuad, easeOutBack, easeOutCubic, easeOutQuad, line
 export { HAPTICS, vibrate } from './haptics.js';
 export { createBurst, GRAVITY, MAX_PARTICLES, particleAlpha, stepParticles, } from './particles.js';
 export { prefersReducedMotion } from './reducedMotion.js';
-export { SCORE_POP_CSS, SCORE_POP_MS, ScorePopup } from './ScorePopup.js';
+export { SCORE_POP_MS, ScorePopup } from './ScorePopup.js';
 export { shakeKeyframes } from './shake.js';
 export { tweenProgress, tweenValue } from './tween.js';
 export { useHaptics } from './useHaptics.js';

package/dist/feel/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/feel/index.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EAEL,aAAa,EACb,UAAU,EACV,WAAW,EACX,YAAY,EACZ,WAAW,EACX,MAAM,GACP,MAAM,aAAa,CAAC;AACrB,OAAO,EAAE,OAAO,EAAyB,OAAO,EAAE,MAAM,cAAc,CAAC;AACvE,OAAO,EAEL,WAAW,EACX,OAAO,EACP,aAAa,EAEb,aAAa,EACb,aAAa,GACd,MAAM,gBAAgB,CAAC;AACxB,OAAO,EAAE,oBAAoB,EAAE,MAAM,oBAAoB,CAAC;AAC1D,OAAO,EAAE,aAAa,EAAE,YAAY,EAAE,UAAU,EAAwB,MAAM,iBAAiB,CAAC;AAChG,OAAO,EAAE,cAAc,EAAE,MAAM,YAAY,CAAC;AAC5C,OAAO,EAAE,aAAa,EAAE,UAAU,EAAE,MAAM,YAAY,CAAC;AACvD,OAAO,EAAgB,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAC3D,OAAO,EAAwB,YAAY,EAAE,MAAM,mBAAmB,CAAC;AACvE,OAAO,EAAqB,QAAQ,EAAE,MAAM,eAAe,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/feel/index.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EAEL,aAAa,EACb,UAAU,EACV,WAAW,EACX,YAAY,EACZ,WAAW,EACX,MAAM,GACP,MAAM,aAAa,CAAC;AACrB,OAAO,EAAE,OAAO,EAAyB,OAAO,EAAE,MAAM,cAAc,CAAC;AACvE,OAAO,EAEL,WAAW,EACX,OAAO,EACP,aAAa,EAEb,aAAa,EACb,aAAa,GACd,MAAM,gBAAgB,CAAC;AACxB,OAAO,EAAE,oBAAoB,EAAE,MAAM,oBAAoB,CAAC;AAC1D,OAAO,EAAE,YAAY,EAAE,UAAU,EAAwB,MAAM,iBAAiB,CAAC;AACjF,OAAO,EAAE,cAAc,EAAE,MAAM,YAAY,CAAC;AAC5C,OAAO,EAAE,aAAa,EAAE,UAAU,EAAE,MAAM,YAAY,CAAC;AACvD,OAAO,EAAgB,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAC3D,OAAO,EAAwB,YAAY,EAAE,MAAM,mBAAmB,CAAC;AACvE,OAAO,EAAqB,QAAQ,EAAE,MAAM,eAAe,CAAC"}

package/dist/index.d.ts

@@ -12,20 +12,20 @@
  * What you get:
  *   <GameShell topbar={<GameTopbar score={42} />}>{your game}</GameShell>
  */
-export { CONFETTI_COLOURS, CONFETTI_CSS, Confetti, type ConfettiProps, } from './Confetti.js';
+export { CONFETTI_COLOURS, Confetti, type ConfettiProps, } from './Confetti.js';
 export * from './feel/index.js';
 export { GameAuth } from './GameAuth.js';
 export { GameButton, type GameButtonProps, type GameButtonSize, type GameButtonVariant, } from './GameButton.js';
 export { GameConfirm, type GameConfirmProps } from './GameConfirm.js';
 export { GameModal, type GameModalProps } from './GameModal.js';
 export { GameOverScreen, type GameOverScreenProps } from './GameOverScreen.js';
-export { GameResultScreen, type GameResultScreenProps, type GameResultStat, RESULT_SCREEN_CSS, } from './GameResultScreen.js';
+export { GameResultScreen, type GameResultScreenProps, type GameResultStat, } from './GameResultScreen.js';
 export { GameShell, type GameShellProps } from './GameShell.js';
 export { GameTextSizeToggle } from './GameTextSizeToggle.js';
 export { GameThemeToggle } from './GameThemeToggle.js';
 export { GameTopbar, type GameTopbarProps, type GameTopbarStat, } from './GameTopbar.js';
 export { useSound } from './SoundContext.js';
-export { START_SCREEN_CSS, StartScreen, type StartScreenProps, type StartScreenStep, } from './StartScreen.js';
+export { StartScreen, type StartScreenProps, type StartScreenStep, } from './StartScreen.js';
 export { type ColourTokens, DARK_COLOUR_OVERRIDES, DARK_COLOURS, GAME_TOKENS_CSS, LIGHT_COLOURS, MOTION_TOKENS, type MotionTokens, REDUCED_MOTION_DURATIONS, SHAPE_TOKENS, type ShapeTokens, TYPOGRAPHY_TOKENS, type TypographyTokens, } from './tokens.js';
 export { type User, useAuth } from './useAuth.js';
 export { useGameSounds } from './useGameSounds.js';

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;GAaG;AAEH,OAAO,EACL,gBAAgB,EAChB,YAAY,EACZ,QAAQ,EACR,KAAK,aAAa,GACnB,MAAM,eAAe,CAAC;AACvB,cAAc,iBAAiB,CAAC;AAChC,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AACzC,OAAO,EACL,UAAU,EACV,KAAK,eAAe,EACpB,KAAK,cAAc,EACnB,KAAK,iBAAiB,GACvB,MAAM,iBAAiB,CAAC;AACzB,OAAO,EAAE,WAAW,EAAE,KAAK,gBAAgB,EAAE,MAAM,kBAAkB,CAAC;AACtE,OAAO,EAAE,SAAS,EAAE,KAAK,cAAc,EAAE,MAAM,gBAAgB,CAAC;AAChE,OAAO,EAAE,cAAc,EAAE,KAAK,mBAAmB,EAAE,MAAM,qBAAqB,CAAC;AAC/E,OAAO,EACL,gBAAgB,EAChB,KAAK,qBAAqB,EAC1B,KAAK,cAAc,EACnB,iBAAiB,GAClB,MAAM,uBAAuB,CAAC;AAC/B,OAAO,EAAE,SAAS,EAAE,KAAK,cAAc,EAAE,MAAM,gBAAgB,CAAC;AAChE,OAAO,EAAE,kBAAkB,EAAE,MAAM,yBAAyB,CAAC;AAC7D,OAAO,EAAE,eAAe,EAAE,MAAM,sBAAsB,CAAC;AACvD,OAAO,EACL,UAAU,EACV,KAAK,eAAe,EACpB,KAAK,cAAc,GACpB,MAAM,iBAAiB,CAAC;AAKzB,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC7C,OAAO,EACL,gBAAgB,EAChB,WAAW,EACX,KAAK,gBAAgB,EACrB,KAAK,eAAe,GACrB,MAAM,kBAAkB,CAAC;AAC1B,OAAO,EACL,KAAK,YAAY,EACjB,qBAAqB,EACrB,YAAY,EACZ,eAAe,EACf,aAAa,EACb,aAAa,EACb,KAAK,YAAY,EACjB,wBAAwB,EACxB,YAAY,EACZ,KAAK,WAAW,EAChB,iBAAiB,EACjB,KAAK,gBAAgB,GACtB,MAAM,aAAa,CAAC;AACrB,OAAO,EAAE,KAAK,IAAI,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;AAClD,OAAO,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;GAaG;AAEH,OAAO,EACL,gBAAgB,EAChB,QAAQ,EACR,KAAK,aAAa,GACnB,MAAM,eAAe,CAAC;AACvB,cAAc,iBAAiB,CAAC;AAChC,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AACzC,OAAO,EACL,UAAU,EACV,KAAK,eAAe,EACpB,KAAK,cAAc,EACnB,KAAK,iBAAiB,GACvB,MAAM,iBAAiB,CAAC;AACzB,OAAO,EAAE,WAAW,EAAE,KAAK,gBAAgB,EAAE,MAAM,kBAAkB,CAAC;AACtE,OAAO,EAAE,SAAS,EAAE,KAAK,cAAc,EAAE,MAAM,gBAAgB,CAAC;AAChE,OAAO,EAAE,cAAc,EAAE,KAAK,mBAAmB,EAAE,MAAM,qBAAqB,CAAC;AAC/E,OAAO,EACL,gBAAgB,EAChB,KAAK,qBAAqB,EAC1B,KAAK,cAAc,GACpB,MAAM,uBAAuB,CAAC;AAC/B,OAAO,EAAE,SAAS,EAAE,KAAK,cAAc,EAAE,MAAM,gBAAgB,CAAC;AAChE,OAAO,EAAE,kBAAkB,EAAE,MAAM,yBAAyB,CAAC;AAC7D,OAAO,EAAE,eAAe,EAAE,MAAM,sBAAsB,CAAC;AACvD,OAAO,EACL,UAAU,EACV,KAAK,eAAe,EACpB,KAAK,cAAc,GACpB,MAAM,iBAAiB,CAAC;AAKzB,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC7C,OAAO,EACL,WAAW,EACX,KAAK,gBAAgB,EACrB,KAAK,eAAe,GACrB,MAAM,kBAAkB,CAAC;AAC1B,OAAO,EACL,KAAK,YAAY,EACjB,qBAAqB,EACrB,YAAY,EACZ,eAAe,EACf,aAAa,EACb,aAAa,EACb,KAAK,YAAY,EACjB,wBAAwB,EACxB,YAAY,EACZ,KAAK,WAAW,EAChB,iBAAiB,EACjB,KAAK,gBAAgB,GACtB,MAAM,aAAa,CAAC;AACrB,OAAO,EAAE,KAAK,IAAI,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;AAClD,OAAO,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC"}

package/dist/index.js

@@ -12,14 +12,14 @@
  * What you get:
  *   <GameShell topbar={<GameTopbar score={42} />}>{your game}</GameShell>
  */
-export { CONFETTI_COLOURS, CONFETTI_CSS, Confetti, } from './Confetti.js';
+export { CONFETTI_COLOURS, Confetti, } from './Confetti.js';
 export * from './feel/index.js';
 export { GameAuth } from './GameAuth.js';
 export { GameButton, } from './GameButton.js';
 export { GameConfirm } from './GameConfirm.js';
 export { GameModal } from './GameModal.js';
 export { GameOverScreen } from './GameOverScreen.js';
-export { GameResultScreen, RESULT_SCREEN_CSS, } from './GameResultScreen.js';
+export { GameResultScreen, } from './GameResultScreen.js';
 export { GameShell } from './GameShell.js';
 export { GameTextSizeToggle } from './GameTextSizeToggle.js';
 export { GameThemeToggle } from './GameThemeToggle.js';
@@ -29,7 +29,7 @@ export { GameTopbar, } from './GameTopbar.js';
 // intact on purpose, as is the workers/leaderboard API and its data.
 // export { Leaderboard, type LeaderboardProps } from './Leaderboard.js';
 export { useSound } from './SoundContext.js';
-export { START_SCREEN_CSS, StartScreen, } from './StartScreen.js';
+export { StartScreen, } from './StartScreen.js';
 export { DARK_COLOUR_OVERRIDES, DARK_COLOURS, GAME_TOKENS_CSS, LIGHT_COLOURS, MOTION_TOKENS, REDUCED_MOTION_DURATIONS, SHAPE_TOKENS, TYPOGRAPHY_TOKENS, } from './tokens.js';
 export { useAuth } from './useAuth.js';
 export { useGameSounds } from './useGameSounds.js';

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;GAaG;AAEH,OAAO,EACL,gBAAgB,EAChB,YAAY,EACZ,QAAQ,GAET,MAAM,eAAe,CAAC;AACvB,cAAc,iBAAiB,CAAC;AAChC,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AACzC,OAAO,EACL,UAAU,GAIX,MAAM,iBAAiB,CAAC;AACzB,OAAO,EAAE,WAAW,EAAyB,MAAM,kBAAkB,CAAC;AACtE,OAAO,EAAE,SAAS,EAAuB,MAAM,gBAAgB,CAAC;AAChE,OAAO,EAAE,cAAc,EAA4B,MAAM,qBAAqB,CAAC;AAC/E,OAAO,EACL,gBAAgB,EAGhB,iBAAiB,GAClB,MAAM,uBAAuB,CAAC;AAC/B,OAAO,EAAE,SAAS,EAAuB,MAAM,gBAAgB,CAAC;AAChE,OAAO,EAAE,kBAAkB,EAAE,MAAM,yBAAyB,CAAC;AAC7D,OAAO,EAAE,eAAe,EAAE,MAAM,sBAAsB,CAAC;AACvD,OAAO,EACL,UAAU,GAGX,MAAM,iBAAiB,CAAC;AACzB,+EAA+E;AAC/E,+EAA+E;AAC/E,qEAAqE;AACrE,yEAAyE;AACzE,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC7C,OAAO,EACL,gBAAgB,EAChB,WAAW,GAGZ,MAAM,kBAAkB,CAAC;AAC1B,OAAO,EAEL,qBAAqB,EACrB,YAAY,EACZ,eAAe,EACf,aAAa,EACb,aAAa,EAEb,wBAAwB,EACxB,YAAY,EAEZ,iBAAiB,GAElB,MAAM,aAAa,CAAC;AACrB,OAAO,EAAa,OAAO,EAAE,MAAM,cAAc,CAAC;AAClD,OAAO,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AACnD,yDAAyD;AACzD,WAAW;AACX,2BAA2B;AAC3B,oBAAoB;AACpB,gCAAgC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;GAaG;AAEH,OAAO,EACL,gBAAgB,EAChB,QAAQ,GAET,MAAM,eAAe,CAAC;AACvB,cAAc,iBAAiB,CAAC;AAChC,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AACzC,OAAO,EACL,UAAU,GAIX,MAAM,iBAAiB,CAAC;AACzB,OAAO,EAAE,WAAW,EAAyB,MAAM,kBAAkB,CAAC;AACtE,OAAO,EAAE,SAAS,EAAuB,MAAM,gBAAgB,CAAC;AAChE,OAAO,EAAE,cAAc,EAA4B,MAAM,qBAAqB,CAAC;AAC/E,OAAO,EACL,gBAAgB,GAGjB,MAAM,uBAAuB,CAAC;AAC/B,OAAO,EAAE,SAAS,EAAuB,MAAM,gBAAgB,CAAC;AAChE,OAAO,EAAE,kBAAkB,EAAE,MAAM,yBAAyB,CAAC;AAC7D,OAAO,EAAE,eAAe,EAAE,MAAM,sBAAsB,CAAC;AACvD,OAAO,EACL,UAAU,GAGX,MAAM,iBAAiB,CAAC;AACzB,+EAA+E;AAC/E,+EAA+E;AAC/E,qEAAqE;AACrE,yEAAyE;AACzE,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC7C,OAAO,EACL,WAAW,GAGZ,MAAM,kBAAkB,CAAC;AAC1B,OAAO,EAEL,qBAAqB,EACrB,YAAY,EACZ,eAAe,EACf,aAAa,EACb,aAAa,EAEb,wBAAwB,EACxB,YAAY,EAEZ,iBAAiB,GAElB,MAAM,aAAa,CAAC;AACrB,OAAO,EAAa,OAAO,EAAE,MAAM,cAAc,CAAC;AAClD,OAAO,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AACnD,yDAAyD;AACzD,WAAW;AACX,2BAA2B;AAC3B,oBAAoB;AACpB,gCAAgC"}

package/dist/theme.css

@@ -0,0 +1,93 @@
+/*
+ * @freegamestore/games theme: the Tailwind entries the SDK components use
+ * beyond the token mapping every template already carries (paper, panel, ink,
+ * muted, line, accent, success, warning, danger, font-display).
+ *
+ * Import it once from the game's index.css, after `@import "tailwindcss"` and
+ * the SDK `@source`:
+ *
+ *   @import "tailwindcss";
+ *   @source "../node_modules/@freegamestore/games/dist";
+ *   @import "@freegamestore/games/theme.css";
+ *
+ * Or copy this file's contents into index.css. Durations and easings read the
+ * motion tokens (`--motion-*`) with the same fallbacks as tokens.ts.
+ */
+
+@theme inline {
+  --color-accent-ink: var(--accent-ink, var(--accent));
+  --color-accent-soft: var(--accent-soft, transparent);
+}
+
+@theme {
+  --radius-fgs: var(--radius, 1.25rem);
+  --text-fgs-stat: var(--text-stat, 1.25rem);
+  --text-fgs-title: var(--text-title, clamp(2rem, 9vw, 2.6rem));
+  --text-fgs-display: var(--text-display, clamp(2.25rem, 11vw, 3.25rem));
+
+  --animate-fgs-fade: fgs-fade var(--motion-base, 240ms) ease-out both;
+  --animate-fgs-enter: fgs-enter var(--motion-slow, 420ms) cubic-bezier(0.2, 0.9, 0.3, 1.15) both;
+  --animate-fgs-enter-title: fgs-enter var(--motion-slow, 420ms) cubic-bezier(0.2, 0.9, 0.3, 1.2)
+    120ms both;
+  --animate-fgs-enter-stat: fgs-enter var(--motion-base, 240ms) ease-out
+    calc(260ms + var(--i, 0) * 70ms) both;
+  --animate-fgs-enter-actions: fgs-enter var(--motion-base, 240ms) ease-out 480ms both;
+  --animate-fgs-enter-badge: fgs-enter var(--motion-base, 240ms) ease-out 560ms both;
+  --animate-fgs-rise: fgs-rise var(--motion-slow, 420ms) cubic-bezier(0.2, 0.8, 0.2, 1)
+    var(--delay, 0ms) both;
+  --animate-fgs-rise-step: fgs-rise var(--motion-base, 240ms) ease-out calc(var(--i, 0) * 60ms) both;
+  --animate-fgs-float: fgs-float 7s ease-in-out infinite;
+  --animate-fgs-confetti: fgs-confetti-fall var(--duration, 1.6s) cubic-bezier(0.3, 0, 0.7, 1)
+    var(--delay, 0ms) both;
+
+  @keyframes fgs-fade {
+    from {
+      opacity: 0;
+    }
+    to {
+      opacity: 1;
+    }
+  }
+  @keyframes fgs-enter {
+    from {
+      opacity: 0;
+      transform: translateY(10px);
+    }
+    to {
+      opacity: 1;
+      transform: none;
+    }
+  }
+  @keyframes fgs-rise {
+    from {
+      opacity: 0;
+      transform: translateY(12px);
+    }
+    to {
+      opacity: 1;
+      transform: none;
+    }
+  }
+  @keyframes fgs-float {
+    0%,
+    100% {
+      transform: translateY(0) rotate(0deg);
+    }
+    50% {
+      transform: translateY(-4px) rotate(-1deg);
+    }
+  }
+  @keyframes fgs-confetti-fall {
+    from {
+      transform: translate3d(0, 0, 0) rotate(0deg);
+      opacity: 1;
+    }
+    80% {
+      opacity: 1;
+    }
+    to {
+      transform: translate3d(var(--drift, 0px), 620px, 0) rotate(var(--spin, 360deg));
+      opacity: 0;
+    }
+  }
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@freegamestore/games",
-  "version": "0.18.0",
+  "version": "0.19.0",
   "description": "Shared React UI primitives for games on FreeGameStore — GameShell, GameTopbar, etc. Brand-consistent, scroll-free.",
   "license": "MIT",
   "type": "module",
@@ -14,7 +14,8 @@
     "./feel": {
       "types": "./dist/feel/index.d.ts",
       "import": "./dist/feel/index.js"
-    }
+    },
+    "./theme.css": "./dist/theme.css"
   },
   "homepage": "https://github.com/freegamestore-online/platform#readme",
   "repository": {
@@ -60,7 +61,7 @@
   },
   "sideEffects": false,
   "scripts": {
-    "build": "tsc && cp src/GameTopbar.module.css dist/",
+    "build": "tsc && cp src/GameTopbar.module.css src/theme.css dist/",
     "typecheck": "tsc --noEmit",
     "test": "vitest run"
   }