A great browser game should open in under a second on phones, school tablets, and desktop monitors alike, keep interactive cards rock-steady under your pointer, and conserve battery life during long storytelling sessions.
When action cards translate upward or fan at steep angles on hover, a cursor resting near a card's bottom edge slips outside its layout hitbox, triggering frustrating oscillation loops. TerraRoll keeps every card hitbox completely stationary in layout geometry, communicating focus and selection through crisp OKLCH border luminance, concentric radii, clear badge pills, and subtle active press feedback.
Every interactive button, language selector, and dice control also maintains generous touch target spacing and high-contrast :focus-visible rings for effortless keyboard and touch navigation.
Native Top-Layer Modals & Zero-Waste GPU Loops
All eight game overlays, including Fate Crossroads, Cloud Life Keep, Star Capsule, and Share Cards, use native HTML <dialog> and popover primitives for reliable Escape dismissal, backdrop click-away, and keyboard focus restoration. Meanwhile, an automatic visibility observer suspends the 3D observatory globe whenever you enter the storybook life stage, cutting idle GPU draw to zero on laptops, tablets, and phones.