Polish UI to production quality and load textures from the web

[devin-ai-integration]

Summary

Second pass on the game — the user asked to make the UI production-ready and to swap the procedural textures for real web textures while keeping everything else (perf, mobile, health/score, persistence) intact.

UI overhaul

• New design system driven by CSS variables (--accent, --cool, --danger, --glass-bg, etc.), Orbitron + Rajdhani typography
• Menu / settings / pause / game-over overlays rebuilt as glass cards sitting on an animated aurora + starfield background
• HUD polished: glass health bar with heart glyph and gradient fill, score/best tile with monochrome accents, glass FPS pill, framed minimap, live status dot on the bot counter, redesigned pause button
• Action buttons: color-per-action radial highlight (blue/purple/green/orange), bigger touch targets, cooldown style, shine sweep on primary buttons
• Game-over now shows SCORE + BEST stats plus a VICTORY / DEFEATED headline
• Loading overlay has an animated gradient brand title and two-ring spinner

Web textures

• grasslight-big.jpg, hardwood2_diffuse.jpg, brick_diffuse.jpg, hardwood2_roughness.jpg, patterns/circuit_pattern.png loaded from cdn.jsdelivr.net/gh/mrdoob/three.js@r128/examples/textures/ (CORS-safe, known-good)
• Applied to floor grass, tree trunks, arena walls, player/bot armor, and chungi
• upgradeMaterial() helper swaps the map in once the CDN load resolves and leaves the procedural canvas texture in place if the load fails, so network issues never produce a blank material
• Portal-uploaded textures still override both web and procedural defaults

Screenshots:

Review & Testing Checklist for Human

• Load the game and confirm the menu, settings, pause, and game-over overlays render correctly on desktop and mobile widths
• Start a match, verify HUD (health, score, FPS, minimap, bots-left) sits correctly at all viewport sizes
• With devtools Network tab open, confirm the 5 CDN textures load (200) and materials update; block the CDN and confirm the procedural canvas textures render as fallback
• Test on a real mobile device: joystick + action buttons remain reachable and readable

Notes

• No CI is configured on this repo; none to wait on.
• Procedural canvas textures from PR Optimize performance, add textures, mobile controls, and production polish #1 remain in-tree and are the fallback path.
• CDN is jsDelivr mirroring mrdoob/three.js@r128, which is pinned to a specific tag so URLs are stable.

Link to Devin session: https://app.devin.ai/sessions/5b14cc25db654389a1752fce6fbdfb83
Requested by: @alimohomad

[devin-ai-integration]

🤖 Devin AI Engineer

I'll be helping with this pull request! Here's what you should know:

✅ I will automatically:

• Address comments on this PR. Add '(aside)' to your comment to have me ignore it.
• Look at CI failures and help fix them

Note: I can only respond to comments from users who have write access to this repository.

⚙️ Control Options:

• Disable automatic comment and CI monitoring