/* Modern dark theme */
#mg2-root{ max-width:1100px; margin:20px auto; font-family:Inter, Arial, sans-serif; color:#e6eef6; }
.mg2-card{ background:linear-gradient(180deg,#071018,#08121a); border-radius:12px; padding:14px; box-shadow:0 10px 30px rgba(0,0,0,0.6); }
.mg2-header{ display:flex; align-items:center; gap:12px; margin-bottom:12px; }
.mg2-logo{ width:48px;height:48px;border-radius:10px;background:linear-gradient(90deg,#3ddc97,#5fb0ff);display:flex;align-items:center;justify-content:center;color:#042024;font-weight:700;}
.mg2-controls{ display:flex; gap:10px; margin-bottom:12px; }
.mg2-btn{ background:rgba(255,255,255,0.04); border:0; padding:8px 12px; border-radius:10px; color:#cfeff0; cursor:pointer; }
.mg2-btn.primary{ background:linear-gradient(90deg,#3ddc97,#5fb0ff); color:#022; }
.mg2-grid{ display:flex; gap:12px; flex-wrap:wrap; }
.mg2-gameCard{ flex:1 1 340px; min-width:300px; }
.mg2-preview{ display:flex; gap:8px; align-items:center; }

/* Bubble UI */
#bs-canvas{ width:100%; max-width:480px; background:linear-gradient(180deg,#071018,#08121a); border-radius:10px; display:block; }

/* Snake UI */
#snake-canvas{ width:100%; max-width:480px; background:#061016; border-radius:10px; display:block; }

/* Leaderboard */
.mg2-lb{ margin-top:12px; }
.mg2-lbItem{ padding:8px; background:rgba(255,255,255,0.02); margin-bottom:6px; border-radius:8px; display:flex; justify-content:space-between; }

/* responsive */
@media(max-width:720px){ .mg2-grid{ flex-direction:column; } }