*{box-sizing:border-box}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.05)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes loading{0%{width:0%;margin-left:0%}50%{width:60%;margin-left:20%}to{width:0%;margin-left:100%}}@keyframes float{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-20px) rotate(2deg)}}@keyframes rise{0%{transform:translateY(0) scale(1);opacity:.6}to{transform:translateY(-100px) scale(.5);opacity:0}}@keyframes twinkle{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.8)}}@keyframes constellationAppear{0%{opacity:0;transform:scale(0) rotate(-180deg)}50%{opacity:1;transform:scale(1.2) rotate(0)}to{opacity:1;transform:scale(1) rotate(0)}}@keyframes fadeInOut{0%,to{opacity:0;transform:translateY(10px)}20%,80%{opacity:1;transform:translateY(0)}}@keyframes fadeOut{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.5)}}@keyframes sparkle{0%,to{opacity:0;transform:scale(0)}50%{opacity:1;transform:scale(1)}}::-webkit-scrollbar{width:12px;height:12px}::-webkit-scrollbar-track{background:#0f1115;border-radius:6px}::-webkit-scrollbar-thumb{background:#333;border-radius:6px;border:2px solid #0f1115}::-webkit-scrollbar-thumb:hover{background:#5dcaa5}button{transition:transform .2s ease,box-shadow .2s ease}button:hover:not(:disabled){transform:scale(1.02);box-shadow:0 6px 24px #5dcaa533}button:active:not(:disabled){transform:scale(.98)}button:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid #5DCAA5;outline-offset:2px}::placeholder{color:#666;opacity:.7}button,.roomCard,.badgeCard{user-select:none;-webkit-user-select:none}button,.roomCard{touch-action:manipulation}.loading *{cursor:wait!important}