html,body{margin:0;padding:0;overflow:hidden;height:100%;background:#111;font-family:Segoe UI,system-ui,-apple-system,sans-serif}canvas{display:block;position:absolute;top:0;left:0;z-index:0;touch-action:none}canvas[hidden]{display:none}#logo{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);margin:0;font-size:4rem;font-weight:400;line-height:1;color:#fff;z-index:10;pointer-events:none;user-select:none;display:flex;gap:.1em}#logo span{display:inline-block;text-shadow:0 0 10px rgba(255,255,255,.3);animation:bounceRotate 2s ease-in-out infinite}#logo span:nth-child(1){animation-delay:0s}#logo span:nth-child(2){animation-delay:.1s}#logo span:nth-child(3){animation-delay:.2s}#logo span:nth-child(4){animation-delay:.3s}#logo span:nth-child(5){animation-delay:.4s}#logo span:nth-child(6){animation-delay:.5s}#logo span:nth-child(7){animation-delay:.6s}#logo span:nth-child(8){animation-delay:.7s}@keyframes bounceRotate{0%,to{transform:translateY(0) rotate(0)}30%{transform:translateY(-8px) rotate(-3deg)}60%{transform:translateY(4px) rotate(3deg)}}@media(prefers-reduced-motion:reduce){#logo span{animation:none}}@media(max-width:600px){#logo{font-size:2rem}}