<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no"> <title>Big Mouse | Full HD Interactive Feature</title> <style> * margin: 0; padding: 0; box-sizing: border-box; user-select: none; /* Prevent accidental text selection while interacting */
/* main canvas container: perfect 16:9 Full HD context (scaled dynamically) */ .big-mouse-stage position: relative; width: 100vw; height: 100vh; background: #00000022; box-shadow: 0 0 0 2px rgba(255,255,255,0.05) inset, 0 20px 40px rgba(0,0,0,0.5); overflow: hidden; cursor: none; /* hide default cursor — our BIG mouse takes over */ big mouse full hd
.badge position: absolute; bottom: 24px; right: 24px; background: rgba(0,0,0,0.5); backdrop-filter: blur(4px); padding: 6px 14px; border-radius: 40px; font-size: 12px; color: #aaa; font-family: monospace; pointer-events: none; z-index: 20; meta name="viewport" content="width=device-width