:root { font-family: system-ui, -apple-system, Segoe UI, Roboto, Arial; }
body.container { max-width: 920px; margin: 24px auto; padding: 0 16px; }
h1 { margin: 0 0 12px; }
.card { border: 1px solid #ddd; border-radius: 10px; padding: 16px; margin: 16px 0; }
.split { display: flex; justify-content: space-between; gap: 12px; align-items: center; }
.join-code { text-align: right; }
label { display:block; margin: 10px 0; }
input, textarea, select, button { font: inherit; padding: 8px; }
button { cursor: pointer; }
button.primary { background: #0d6efd; color: #fff; border: 0; border-radius: 6px; }
button.danger { background: #dc3545; color: #fff; border: 0; border-radius: 6px; }
button.secondary { background: #f2f2f2; color: #333; border: 1px solid #ddd; border-radius: 6px; text-decoration: none; padding: 8px 12px; }
.options button { display:block; width:100%; margin: 8px 0; }
.timer { font-weight: bold; }
.table { width:100%; border-collapse: collapse; margin-top: 12px; }
.table th, .table td { border: 1px solid #eee; padding: 8px; text-align: left; }
.podium { display:flex; gap:10px; }
.podium .slot { flex:1; border:1px solid #eee; border-radius:8px; padding:12px; text-align:center; }