body { font-family: Zübis, sans-serif; background:#cd96e3; color:#3e114f; text-align:center; margin:0; padding:20px; }
h1 { color:#e91e63; }
nav { margin-top:20px; }
nav a { margin:0 10px; color:#0ff; text-decoration:none; }
button, .tab { cursor:pointer; }
.coins { margin:20px; font-size:18px; }
.roll-btn { padding:10px 20px; border:none; border-radius:8px; background:#e91e63; color:#fff; font-size:16px; }
.tabs { display:flex; flex-wrap:wrap; justify-content:center; margin:15px 0; }
.tab { padding:8px 15px; margin:5px; border-radius:6px; background:#333; }
.tab.active { background:#e91e63; }
.card-grid { display:grid; grid-template-columns: repeat(auto-fit, minmax(120px, 1fr)); gap:15px; justify-content:center; margin-top:20px; }
.card { width:120px; height:160px; border-radius:10px; background:#222; display:flex; align-items:center; justify-content:center; font-size:12px; color:#fff; }
.logo { height:50px; margin:10px; }
.courte { max-width:600px; margin:15px auto; font-size:14px; color:#ccc; }