chore(release): 4.57.2 [skip ci]

## [4.57.2](https://github.com/antialias/soroban-abacus-flashcards/compare/v4.57.1...v4.57.2) (2025-10-21) ### Bug Fixes * **homepage:** increase skill card abacus container width ([e65e969](e65e96952f))
fix(homepage): increase skill card abacus container width
2025-10-21 00:23:44 +00:00 · 2025-10-20 19:22:25 -05:00 · 2025-10-21 00:22:09 +00:00 · 2025-10-20 19:20:59 -05:00 · 2025-10-21 00:19:34 +00:00 · 2025-10-20 19:18:23 -05:00
3 changed files with 44 additions and 11 deletions
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -1,3 +1,36 @@
+## [4.57.2](https://github.com/antialias/soroban-abacus-flashcards/compare/v4.57.1...v4.57.2) (2025-10-21)
+
+
+### Bug Fixes
+
+* **homepage:** increase skill card abacus container width ([e65e969](https://github.com/antialias/soroban-abacus-flashcards/commit/e65e96952f4e631722c73fc56d088fa3ff1ba858))
+
+## [4.57.1](https://github.com/antialias/soroban-abacus-flashcards/compare/v4.57.0...v4.57.1) (2025-10-21)
+
+
+### Bug Fixes
+
+* **homepage:** add overflow hidden to skill cards ([5070d8d](https://github.com/antialias/soroban-abacus-flashcards/commit/5070d8d64f7f58887ff7259bee9ce5166c4f8af8))
+
+## [4.57.0](https://github.com/antialias/soroban-abacus-flashcards/compare/v4.56.0...v4.57.0) (2025-10-21)
+
+
+### Features
+
+* **homepage:** make skills section responsive with emojis ([9ec0a71](https://github.com/antialias/soroban-abacus-flashcards/commit/9ec0a71546ee483233ed7866dae97345bf2384d7))
+
+
+### Bug Fixes
+
+* **homepage:** prevent skill card overflow ([fa26acf](https://github.com/antialias/soroban-abacus-flashcards/commit/fa26acfbaef1a04bb225956b2f684cd5023b56fa))
+
+## [4.56.0](https://github.com/antialias/soroban-abacus-flashcards/compare/v4.55.0...v4.56.0) (2025-10-20)
+
+
+### Features
+
+* **homepage:** emphasize single-player and observer modes ([a537bc1](https://github.com/antialias/soroban-abacus-flashcards/commit/a537bc18c34d94ca931e483ea01e497d6f5d4e5b))
+
 ## [4.55.0](https://github.com/antialias/soroban-abacus-flashcards/compare/v4.54.0...v4.55.0) (2025-10-20)


--- a/apps/web/src/app/page.tsx
+++ b/apps/web/src/app/page.tsx
@@ -201,10 +201,10 @@ export default function HomePage() {
                    >
                      What You'll Learn
                    </h3>
-                    <div className={stack({ gap: '5' })}>
+                    <div className={grid({ columns: { base: 1, lg: 2 }, gap: '5' })}>
                      {[
                        {
-                          title: 'Read and set numbers',
+                          title: '📖 Read and set numbers',
                          desc: 'Master abacus number representation from zero to thousands',
                          example: '0-9999',
                          badge: 'Foundation',
@@ -212,7 +212,7 @@ export default function HomePage() {
                          columns: 3,
                        },
                        {
-                          title: 'Friends techniques',
+                          title: '🤝 Friends techniques',
                          desc: 'Add and subtract using complement pairs and mental shortcuts',
                          example: '5 = 2+3',
                          badge: 'Core',
@@ -220,7 +220,7 @@ export default function HomePage() {
                          columns: 1,
                        },
                        {
-                          title: 'Multiply & divide',
+                          title: '✖️ Multiply & divide',
                          desc: 'Fluent multi-digit calculations with advanced techniques',
                          example: '12×34',
                          badge: 'Advanced',
@@ -228,7 +228,7 @@ export default function HomePage() {
                          columns: 2,
                        },
                        {
-                          title: 'Mental calculation',
+                          title: '🧠 Mental calculation',
                          desc: 'Visualize and compute without the physical tool (Anzan)',
                          example: 'Speed math',
                          badge: 'Expert',
@@ -246,7 +246,7 @@ export default function HomePage() {
                                ? 'linear-gradient(135deg, rgba(250, 204, 21, 0.15), rgba(250, 204, 21, 0.08))'
                                : 'linear-gradient(135deg, rgba(255, 255, 255, 0.06), rgba(255, 255, 255, 0.03))',
                              borderRadius: 'xl',
-                              p: '4',
+                              p: { base: '4', lg: '5' },
                              border: '1px solid',
                              borderColor: isSelected
                                ? 'rgba(250, 204, 21, 0.4)'
@@ -274,8 +274,8 @@ export default function HomePage() {
                              <div
                                className={css({
                                  fontSize: '3xl',
-                                  width: '75px',
-                                  height: '115px',
+                                  width: { base: '95px', lg: '110px' },
+                                  minHeight: { base: '115px', lg: '140px' },
                                  display: 'flex',
                                  alignItems: 'center',
                                  justifyContent: 'center',
@@ -363,8 +363,8 @@ export default function HomePage() {
                  The Arcade
                </h2>
                <p className={css({ color: 'gray.400', fontSize: 'md' })}>
-                  Create or join multiplayer rooms to play real-time games with friends over the
-                  network
+                  Single-player challenges and multiplayer battles in networked rooms. Invite
+                  friends to play or watch live.
                </p>
              </div>

--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
  "name": "soroban-monorepo",
-  "version": "4.55.0",
+  "version": "4.57.2",
  "private": true,
  "description": "Beautiful Soroban Flashcard Generator - Monorepo",
  "workspaces": [
Author	SHA1	Message	Date
semantic-release-bot	b2f5c19ce3	chore(release): 4.57.2 [skip ci] ## [4.57.2](https://github.com/antialias/soroban-abacus-flashcards/compare/v4.57.1...v4.57.2) (2025-10-21) ### Bug Fixes * homepage: increase skill card abacus container width ([`e65e969`](`e65e96952f`))	2025-10-21 00:23:44 +00:00
Thomas Hallock	e65e96952f	fix(homepage): increase skill card abacus container width Remove overflow:hidden and increase the abacus container width from 75px to responsive widths (95px mobile, 110px desktop) to properly accommodate the abacus visualizations without clipping. 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude <noreply@anthropic.com>	2025-10-20 19:22:25 -05:00
semantic-release-bot	556a0eb194	chore(release): 4.57.1 [skip ci] ## [4.57.1](https://github.com/antialias/soroban-abacus-flashcards/compare/v4.57.0...v4.57.1) (2025-10-21) ### Bug Fixes * homepage: add overflow hidden to skill cards ([`5070d8d`](`5070d8d64f`))	2025-10-21 00:22:09 +00:00
Thomas Hallock	5070d8d64f	fix(homepage): add overflow hidden to skill cards Add overflow: hidden to skill card containers to properly contain content within card bounds and prevent visual overflow issues. 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude <noreply@anthropic.com>	2025-10-20 19:20:59 -05:00
semantic-release-bot	54cedbe03a	chore(release): 4.57.0 [skip ci] ## [4.57.0](https://github.com/antialias/soroban-abacus-flashcards/compare/v4.56.0...v4.57.0) (2025-10-21) ### Features * homepage: make skills section responsive with emojis ([`9ec0a71`](`9ec0a71546`)) ### Bug Fixes * homepage: prevent skill card overflow ([`fa26acf`](`fa26acfbae`))	2025-10-21 00:19:34 +00:00
Thomas Hallock	fa26acfbae	fix(homepage): prevent skill card overflow Change abacus container height to minHeight to prevent content overflow in skill cards. This allows the container to grow as needed while maintaining minimum dimensions. 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude <noreply@anthropic.com>	2025-10-20 19:18:23 -05:00
Thomas Hallock	9ec0a71546	feat(homepage): make skills section responsive with emojis Update "What You'll Learn" section to display in a responsive grid: - One column on mobile/tablet - Two columns on larger screens (lg breakpoint) - Increased padding and height on two-column layout - Added emojis to skill titles for better visual appeal 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude <noreply@anthropic.com>	2025-10-20 19:17:26 -05:00
semantic-release-bot	6448249512	chore(release): 4.56.0 [skip ci] ## [4.56.0](https://github.com/antialias/soroban-abacus-flashcards/compare/v4.55.0...v4.56.0) (2025-10-20) ### Features * homepage: emphasize single-player and observer modes ([`a537bc1`](`a537bc18c3`))	2025-10-20 23:52:50 +00:00
Thomas Hallock	a537bc18c3	feat(homepage): emphasize single-player and observer modes Update arcade section subtitle to highlight both single-player challenges and multiplayer battles. Also mention the ability to invite friends to observe games live over the network. 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude <noreply@anthropic.com>	2025-10-20 18:51:34 -05:00