body{color:#fff;background:#080012;margin:0;font-family:Arial}.app{padding:20px}header{text-align:center;background:#17002b;border:2px solid gold;border-radius:25px;padding:30px;box-shadow:0 0 20px gold}h1,h2{color:#ffd900}.games{grid-template-columns:repeat(5,1fr);gap:20px;display:grid}.card{text-align:center;background:#16001f;border:2px solid gold;border-radius:20px;padding:25px}.card button,.room{cursor:pointer;background:#ffd900;border:0;border-radius:30px;padding:15px 40px;font-weight:700}.room{width:100%;margin-top:30px}nav{color:gold;background:#10001b;justify-content:space-around;width:100%;padding:20px;display:flex;position:fixed;bottom:0;left:0}*{box-sizing:border-box}html,body,#root{width:100%;min-height:100%;margin:0;padding:0;font-family:Segoe UI,Arial,sans-serif;overflow-x:hidden}body{color:#fff;background:radial-gradient(circle at top,#4b0068,#120018 60%)}body:before{content:"";pointer-events:none;z-index:-1;background:linear-gradient(120deg,#ffd70014,#0000,#ff00ff14);animation:8s infinite alternate bgMove;position:fixed;inset:0}@keyframes bgMove{0%{transform:translate(-20px)}to{transform:translate(20px)}}.game-content{min-height:100vh;padding:120px 12px 90px}.game-card{background:linear-gradient(145deg,#ffd7002e,#3c005acc);border:1px solid #ffd700b3;border-radius:25px;padding:18px;box-shadow:0 0 25px #ffd70059,inset 0 0 20px #ffffff0d}button{font-family:inherit}@media (width<=600px){.game-content{padding-top:115px;padding-left:10px;padding-right:10px}}.glass-card{-webkit-backdrop-filter:blur(18px);background:#ffffff14;border:1px solid #ffd70073;border-radius:28px;box-shadow:0 8px 30px #00000059,inset 0 0 25px #ffd7001f}.gold-glow{border:2px solid gold;box-shadow:0 0 20px gold,0 0 50px #ffd70059}.shine{position:relative;overflow:hidden}.shine:before{content:"";background:linear-gradient(120deg,#0000,#ffffff59,#0000);width:80%;height:100%;animation:4s infinite shineMove;position:absolute;top:0;left:-120%}@keyframes shineMove{0%{left:-120%}50%,to{left:140%}}.float-card{animation:4s ease-in-out infinite floatCard}@keyframes floatCard{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.glass{-webkit-backdrop-filter:blur(20px);background:#ffffff1a;border:1px solid #ffd70073;box-shadow:0 10px 35px #00000073,inset 0 0 25px #ffd70026}.glass-gold{background:linear-gradient(145deg,#ffd7002e,#5000788c);border:2px solid #ffd700cc;box-shadow:0 0 25px #ffd70099,inset 0 0 30px #ffffff14}.glass-shine{position:relative;overflow:hidden}.glass-shine:after{content:"";background:linear-gradient(120deg,#0000,#ffffff73,#0000);width:60%;height:100%;animation:5s infinite glassMove;position:absolute;top:0;left:-150%}@keyframes glassMove{0%{left:-150%}40%,to{left:150%}}.glass-float{animation:4s infinite glassFloat}@keyframes glassFloat{50%{transform:translateY(-6px)}}body{padding-bottom:90px}.game-content{padding-bottom:100px!important}