body{
  font-family: Arial, sans-serif;
  background:#111;
  color:#eee;
  padding:18px;
  max-width:1200px;
  margin:0 auto;
}

h1{ margin: 0 0 14px; }

.topbar{
  display:flex;
  gap:12px;
  align-items:center;
  justify-content:space-between;
  border:1px solid #333;
  padding:10px;
  margin-bottom:14px;
  border-radius:8px;
}

.btnrow{ display:flex; gap:8px; }

button{
  padding:10px 12px;
  cursor:pointer;
  border-radius:8px;
  border:1px solid #444;
  background:#1b1b1b;
  color:#eee;
}
button:disabled{ opacity:0.4; cursor:not-allowed; }

.teams{
  display:grid;
  grid-template-columns: 1fr 1fr;
  gap:14px;
}

.team{
  border:1px solid #333;
  border-radius:10px;
  padding:12px;
}

.teamHeader{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  margin-bottom:10px;
}
.small{ font-size: 0.9rem; opacity: 0.9; }

.controls{
  display:flex;
  gap:8px;
  align-items:center;
  margin-bottom:10px;
}
.hint{ font-size:0.85rem; opacity:0.8; }

.slots{
  display:grid;
  grid-template-columns: 1fr 1fr;
  gap:10px;
  margin-bottom:10px;
}

.slot{
  text-align:left;
  padding:10px;
  border:1px solid #444;
  border-radius:10px;
  background:#151515;
}
.slot b{ display:block; margin-bottom:6px; }
.slot .val{ opacity:0.95; }

.readyBtn{
  width:100%;
  font-weight:bold;
}

textarea{
  width:100%;
  height:220px;
  margin-top:10px;
  border-radius:10px;
  border:1px solid #333;
  background:#0d0d0d;
  color:#e8e8e8;
  padding:10px;
}