*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;font-family:Roboto,sans-serif;background:#1a1a1a;color:#fff;overflow-x:hidden}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#1a1a1a}::-webkit-scrollbar-thumb{background:#444;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#555}button{font-family:inherit;outline:none}button:focus{outline:2px solid #ffd700;outline-offset:2px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.fade-in{animation:fadeIn .3s ease}.slide-up{animation:slideUp .3s ease}.card-enter{animation:cardDeal .4s ease-out}@keyframes cardDeal{0%{opacity:0;transform:translateY(-100px) rotateY(90deg)}50%{opacity:1;transform:translateY(0) rotateY(45deg)}to{transform:translateY(0) rotateY(0)}}@media (max-width: 768px){.table{padding:10px}.chip{width:50px;height:50px;font-size:12px}.btn{padding:10px 20px;font-size:14px}.card{width:55px;height:80px}}@media (max-width: 480px){.logo{font-size:20px}.balance-amount{font-size:18px}.card{width:45px;height:65px}.rank{font-size:12px}.suit-large{font-size:20px}}