body{-webkit-user-select:none;user-select:none;background:linear-gradient(135deg,#0f0c29,#302b63,#24243e);margin:0;overflow:hidden}main{perspective:1000px;justify-content:center;align-items:center;min-height:100vh;display:flex}.bouncing-emoji{pointer-events:none;will-change:transform;z-index:10;justify-content:center;align-items:center;width:40px;height:40px;font-size:60px;line-height:1;display:flex;position:fixed;top:0;left:0;overflow:visible}.corner-counter{color:#fff;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:10;background:#ffffff1a;border:1px solid #fff3;border-radius:999px;padding:8px 16px;font-family:system-ui,sans-serif;font-size:1rem;font-weight:600;position:fixed;top:16px;left:16px}.ball-counter{color:#fff;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:10;background:#ffffff1a;border:1px solid #fff3;border-radius:999px;padding:8px 16px;font-family:system-ui,sans-serif;font-size:1rem;font-weight:600;position:fixed;top:60px;left:16px}.reset-button{color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:10;background:#ffffff1a;border:1px solid #fff3;border-radius:999px;padding:8px 20px;font-family:system-ui,sans-serif;font-size:1rem;font-weight:600;transition:background .2s;position:fixed;top:16px;right:16px}.reset-button:hover{background:#ffffff40}.music-button{color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:10;background:#ffffff1a;border:1px solid #fff3;border-radius:999px;padding:8px 20px;font-family:system-ui,sans-serif;font-size:1rem;font-weight:600;transition:background .2s;position:fixed;top:16px;right:116px}.music-button:hover{background:#ffffff40}h1{letter-spacing:.1em;text-align:center;transform-style:preserve-3d;background:linear-gradient(90deg,#ff6ec4,#7873f5,#4ade80,#facc15,#ff6ec4) 0 0/300% 100%;color:#0000;-webkit-background-clip:text;background-clip:text;margin:0;font-size:clamp(3rem,12vw,9rem);font-weight:800;transition:transform .2s ease-out;animation:20s linear infinite spin3d,6s linear infinite shimmer,4s ease-in-out infinite float,6s linear infinite glow;position:relative}main:hover h1{transform:rotateX(var(--rotate-x,0deg)) rotateY(var(--rotate-y,0deg)) scale(1.05);animation:6s linear infinite shimmer,6s linear infinite glow}h1:before{content:attr(data-text);z-index:-1;color:#6a6aa8;-webkit-text-fill-color:#6a6aa8;text-shadow:1px 1px #6363a0,2px 2px #5d5d98,3px 3px #575790,4px 4px #515188,5px 5px #4b4b80,6px 6px #454578,7px 7px #3f3f70,8px 8px #393968,9px 9px #333360,10px 10px #2d2d58,11px 11px #272750,12px 12px #212148,13px 13px #1b1b40,14px 14px #191938,15px 15px #171730,16px 16px #151528,17px 17px #131320,18px 18px #111118,19px 19px #0f0f10,20px 20px #0d0d0d,22px 22px 30px #000000b3;background:0 0;position:absolute;inset:0;transform:translateZ(-1px)}@keyframes spin3d{0%{transform:rotateY(0)rotateX(8deg)}to{transform:rotateY(360deg)rotateX(8deg)}}@keyframes float{0%,to{margin-top:0}50%{margin-top:-30px}}@keyframes shimmer{0%{background-position:0%}to{background-position:300%}}@keyframes glow{0%{filter:drop-shadow(0 0 20px #ff6ec4)drop-shadow(0 0 45px #ff6ec499)}25%{filter:drop-shadow(0 0 20px #7873f5)drop-shadow(0 0 45px #7873f599)}50%{filter:drop-shadow(0 0 20px #4ade80)drop-shadow(0 0 45px #4ade8099)}75%{filter:drop-shadow(0 0 20px #facc15)drop-shadow(0 0 45px #facc1599)}to{filter:drop-shadow(0 0 20px #ff6ec4)drop-shadow(0 0 45px #ff6ec499)}}