*{margin:0;padding:0;box-sizing:border-box}body{margin:0;font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;min-height:100vh;display:flex;align-items:center;justify-content:center}#root{width:100%;min-height:100vh}.container{display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;width:100%;padding:2rem;box-sizing:border-box;gap:2rem;position:relative;overflow:hidden}.characters-container{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:0}.character{position:absolute;font-size:2.5rem;animation:dance 1s ease-in-out infinite;-webkit-user-select:none;user-select:none}@keyframes dance{0%,to{transform:translateY(0) rotate(0) scale(1)}25%{transform:translateY(-20px) rotate(-10deg) scale(1.1)}50%{transform:translateY(0) rotate(0) scale(1)}75%{transform:translateY(-20px) rotate(10deg) scale(1.1)}}h1,h2,.surprise-button{position:relative;z-index:1}h1{font-size:4rem;text-align:center;margin:0;line-height:1.2}.surprise-button{font-size:1.5rem;padding:1rem 2rem;background-color:#646cff;color:#fff;border:none;border-radius:8px;cursor:pointer;font-weight:500;transition:background-color .25s,transform .1s}.surprise-button:hover:not(:disabled){background-color:#535bf2;transform:scale(1.05)}.surprise-button:active:not(:disabled){transform:scale(.98)}.surprise-button:disabled{opacity:.5;cursor:not-allowed}@media(max-width:768px){h1{font-size:2.5rem}.surprise-button{font-size:1.2rem;padding:.8rem 1.5rem}}