* { box-sizing: border-box; font-family: 'Times New Roman', Times, serif; }
body { margin: 0; padding: 20px; background:#f4f4f4; color:#222; }
.container { max-width:900px; margin:0 auto; background:#fff; padding:20px; border-radius:8px; box-shadow:0 2px 8px rgba(0,0,0,0.1); }
h1 { text-align:center; margin-bottom:12px; }
.player-input, .game-options, .results { margin-bottom:18px; }
input, select { padding:8px; margin-right:8px; font-size:14px; }
button { padding:8px 12px; font-size:14px; cursor:pointer; border-radius:6px; border:1px solid #ccc; background:#eee; }
.teams { display:flex; gap:12px; flex-wrap:wrap; }
.team { flex:1 1 45%; background:#fafafa; padding:10px; border-radius:6px; border:1px solid #e6e6e6; }
.team-list { list-style:none; padding-left:6px; }
.countdown { font-size:24px; margin-top:12px; font-weight:bold; text-align:center; }
@media (max-width:600px) {
  .teams { flex-direction:column; }
}