Rayman Shimeji -

/* info panel - subtle instructions */ .info-panel position: fixed; bottom: 20px; right: 20px; background: rgba(0, 0, 0, 0.65); backdrop-filter: blur(8px); border-radius: 40px; padding: 8px 18px; font-size: 14px; font-weight: 500; color: #f9e6cf; font-family: monospace; letter-spacing: 0.5px; z-index: 10000; pointer-events: none; border: 1px solid rgba(255, 215, 150, 0.5); box-shadow: 0 4px 15px rgba(0,0,0,0.3);

body margin: 0; min-height: 100vh; background: linear-gradient(145deg, #2b3b4e 0%, #1d2c3a 100%); font-family: 'Segoe UI', 'Quicksand', system-ui, -apple-system, 'Poppins', sans-serif; display: flex; justify-content: center; align-items: center; overflow: hidden; cursor: default; position: relative; Rayman Shimeji

.info-panel span display: inline-block; margin: 0 4px; /* info panel - subtle instructions */

canvas:active cursor: grabbing;