/* Power House styles for game.php (ported from powerhouse.php). Loaded only for game type 'p'. */

/* There's no Power House background image; beats the inline body rule in game.php */
html body {
  background-image: linear-gradient(to bottom, #c04873 0%, #a97d94 100%);
}

/* ─── Actionbox ───────────────────────────────────────── */
.actionbox {
  background: #e093b0;
  border: 1px solid #cc6b88;
  box-shadow: 0 4px 14px rgba(190, 92, 122, .14);
  color: #2b1720;
}
.actionbox h3,
.actionbox h4,
.actionbox p,
.actionbox label,
.actionbox strong {
  color: #2b1720;
}

.powerhouse-info-pills { display: flex; flex-wrap: wrap; gap: 5px; margin-bottom: 10px; }
.powerhouse-pill { background: #48484840; color: #fff; border-radius: 999px; padding: 3px 10px; font-size: 0.65em; font-weight: 600; white-space: nowrap; letter-spacing: 0.02em; }
.powerhouse-pill-break { flex-basis: 100%; height: 0; }
.powerhouse-pill-timer { font-size: 0.8em; padding: 4px 12px; margin: 0 auto; }
.powerhouse-flash:empty { display: none; }
.powerhouse-flash { margin: 6px 0; padding: 6px 10px; border-radius: 6px; background: rgba(0, 0, 0, 0.15); font-weight: bold; }

.powerhouse-buttons { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 8px; }

.actionbox .nombtn {
  display: block;
  width: auto;
  text-align: center;
  color: #7b3048;
  background: #f8dce6;
  border: 1px solid #e9b6c6;
  border-radius: 12px;
  padding: 8px 12px;
  margin: 8px 0;
  font-size: 13px;
  font-weight: 700;
  text-transform: none;
  letter-spacing: 0;
  box-shadow: none;
}
.actionbox .nombtn:hover { background: #f3c7d4; transform: none; box-shadow: none; }
.actionbox .nombtn.pov-discard { background: #d67d7d; border-color: #c06060; color: #fff; }
.actionbox .nombtn.pov-discard:hover { background: #c06060; }

/* ─── Actionbox: competitions ─────────────────────────── */
.powerhouse-comp-link {
  display: block;
  text-align: center;
  color: #fff;
  background: #4caf50;
  border: 1px solid #3d9140;
  border-radius: 12px;
  padding: 8px 12px;
  margin: 8px 0;
  font-size: 13px;
  font-weight: 700;
  text-decoration: none;
}
.powerhouse-comp-link:hover { background: #43a047; }

.powerhouse-hoh-guess { background: #f8dce6; color: #7b3048; border: 1px solid #f3c7d4; border-radius: 12px; padding: 10px; margin-top: 10px; }
.actionbox .powerhouse-hoh-guess h4 { color: #7b3048; margin: 0 0 4px; }
.actionbox .powerhouse-hoh-guess p { margin: 4px 0 10px; color: #7b3048; font-size: 13px; }
.powerhouse-hoh-guess input[type=number] { width: 90px; padding: 8px; border: 1px solid #ddd; border-radius: 8px; margin-right: 6px; }
.powerhouse-hoh-guess .nombtn { display: inline-block; }

/* ─── Actionbox: eviction points ──────────────────────── */
.powerhouse-vote-table { width: auto; max-width: 420px; border-collapse: separate; border-spacing: 0; margin: 10px auto; background: #fff; border-radius: 12px; overflow: hidden; box-shadow: 0 4px 16px rgba(0, 0, 0, .12); }
.powerhouse-vote-table th, .powerhouse-vote-table td { border-bottom: 1px solid #f1d6d6; padding: 6px 8px; text-align: center; }
.powerhouse-vote-table th { background: #f8dce6; color: #7b3048; font-size: 13px; }
.powerhouse-vote-table tr:last-child td { border-bottom: 0; }
.powerhouse-vote-table th:first-child, .powerhouse-vote-table td:first-child { text-align: left; min-width: 130px; color: #111; }
.point-choice { border: 1px solid #e9b6c6; background: #fff7fa; color: #7b3048; border-radius: 50%; width: 34px; height: 34px; font-weight: 900; cursor: pointer; transition: all .15s ease; }
.point-choice:hover { background: #f8dce6; }
.point-choice.selected { background: #e9b6c6; color: #7b3048; border-color: #c97991; }
.point-choice.unavailable:not(.selected) { opacity: .35; cursor: not-allowed; }

/* ─── Actionbox: jury ─────────────────────────────────── */
.jury-list { min-height: 100px; border: 2px dashed #ccc; margin: 10px 0; padding: 10px; }
.jury-item { padding: 5px; margin: 5px 0; background: #575577; color: #fff; border-radius: 3px; }
.jury-btn { margin: 5px; padding: 5px 10px; }
.save-jury-btn { margin-top: 15px; padding: 10px 20px; background: #4caf50; color: #fff; border: none; border-radius: 4px; cursor: pointer; }
.reset-jury-btn { margin-top: 15px; margin-left: 10px; padding: 10px 20px; background: #f44336; color: #fff; border: none; border-radius: 4px; cursor: pointer; }
.reset-jury-btn:hover { background: #d32f2f; }