S03: Arena background and atmosphere #48

New issue

Closed

opened 2026-06-03 02:36:39 +00:00 by Mark · 0 comments

Mark commented

2026-06-03 02:36:39 +00:00

Owner

Parent

#45

What to build

Add atmospheric styling to the battle arena background. Dark gradient suggesting a magical battlefield, vignette effect at screen edges, subtle ambient feel. Pure visual — no gameplay impact.

Changes

Add CSS gradient background to the arena area (dark stone/magical feel)
Add subtle vignette effect at edges (darkening toward corners)
Consider subtle animated elements (floating particles, energy motes) via CSS

Acceptance criteria

Arena has dark gradient background distinct from surrounding UI
Vignette darkening at edges
Atmospheric styling fits the magical dueling theme
Performance: no heavy animations that cause jank

Blocked by

Blocked by #46

From milestone brief at .gsd/milestones/M45/M45-ROADMAP.md.

## Parent #45 ## What to build Add atmospheric styling to the battle arena background. Dark gradient suggesting a magical battlefield, vignette effect at screen edges, subtle ambient feel. Pure visual — no gameplay impact. ### Changes - Add CSS gradient background to the arena area (dark stone/magical feel) - Add subtle vignette effect at edges (darkening toward corners) - Consider subtle animated elements (floating particles, energy motes) via CSS ### Acceptance criteria - [ ] Arena has dark gradient background distinct from surrounding UI - [ ] Vignette darkening at edges - [ ] Atmospheric styling fits the magical dueling theme - [ ] Performance: no heavy animations that cause jank ## Blocked by Blocked by #46 --- From milestone brief at `.gsd/milestones/M45/M45-ROADMAP.md`.