:root{
  --bg:#0b1020;
  --table:#134e4a;
  --accent:#f0b429;
  --muted:#94a3b8;
  --card:#ffffff;
  --card-text:#111;
}

*{box-sizing:border-box;margin:0;padding:0;font-family:Inter, sans-serif}
html,body{height:100%;background:var(--bg);color:#fff;display:flex;align-items:center;justify-content:center}

.hidden{display:none}
#loading-screen{position:fixed;inset:0;background:linear-gradient(180deg,#071025,#0b1020);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;z-index:10}
.loader{display:flex;gap:10px;align-items:center}
.loader-card{width:50px;height:70px;background:linear-gradient(180deg,#fff,#ddd);border-radius:8px;animation:float 1.4s ease-in-out infinite;transform-origin:center}
.loader-card:nth-child(2){animation-delay:0.2s}
.loader-card:nth-child(3){animation-delay:0.4s}
@keyframes float{0%,100%{transform:translateY(0) rotateY(0deg)}50%{transform:translateY(-15px) rotateY(180deg)}}
.loading-text{color:var(--muted);font-size:18px}

#app{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative}
#table-area{position:relative;width:90%;max-width:900px;height:400px;background:var(--table);border-radius:50%;box-shadow:0 8px 30px rgba(0,0,0,0.5);display:flex;flex-direction:column;align-items:center;justify-content:center;transition:all 0.3s}
#table-bg{position:absolute;inset:0;border-radius:50%;background:radial-gradient(circle at center,#0d3b3a,#134e4a)}
.community-cards{display:flex;gap:12px;z-index:5;margin-bottom:15px;transition:all 0.3s}
.card-slot{width:60px;height:90px;background:var(--card);border-radius:8px;display:flex;align-items:center;justify-content:center;color:var(--card-text);font-weight:700;font-size:18px;transform:rotateY(180deg);transition:transform 0.6s}
.card-slot.reveal{transform:rotateY(0deg)}

#pot{margin-top:10px;color:var(--muted);font-weight:700;font-size:16px;transition:all 0.3s}

#players-container{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:100%}
.player{position:absolute;width:80px;height:120px;display:flex;flex-direction:column;align-items:center;justify-content:center}
.player-avatar{width:50px;height:50px;border-radius:50%;background:#555;display:flex;align-items:center;justify-content:center;font-weight:700;color:#fff;margin-bottom:6px;overflow:hidden;transition:all 0.3s}
.player-avatar img{width:100%;height:100%;border-radius:50%}
.player-name{font-size:12px;font-weight:700;text-align:center;color:#fff}
.player-cards{display:flex;gap:4px;margin-bottom:4px}
.card-face{width:30px;height:45px;background:#fff;color:#111;border-radius:6px;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;transition:all 0.3s}
.player-balance{font-size:12px;color:#f0b429;font-weight:700;text-align:center;margin-top:2px;transition:all 0.3s}

#controls{margin-top:20px;display:flex;gap:20px;align-items:center}
#start-game{padding:8px 16px;background:var(--accent);color:#111;border:none;border-radius:6px;font-weight:700;cursor:pointer;transition:all 0.2s}
#start-game:hover{background:#f2c94c}
#balance{font-size:16px;font-weight:700;color:#f0b429}