.player-decision-dock {
  background:
    linear-gradient(145deg, rgba(24, 10, 31, 0.94), rgba(2, 8, 11, 0.97));
  border: 1px solid rgba(216, 137, 255, 0.38);
  box-shadow: inset 0 0 34px rgba(216, 137, 255, 0.05);
  margin-top: 14px;
  overflow: hidden;
  padding: 14px;
  position: relative;
}

.player-decision-dock::before {
  background: linear-gradient(90deg, transparent, rgba(216, 137, 255, 0.7), transparent);
  content: "";
  height: 1px;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}

.player-decision-heading {
  align-items: center;
  display: flex;
  gap: 12px;
  justify-content: space-between;
  margin-bottom: 10px;
}

.player-decision-heading p,
.player-decision-heading span {
  font-family: ui-monospace, "SFMono-Regular", Consolas, monospace;
  font-size: 0.62rem;
  letter-spacing: 0.12em;
  margin: 0;
  text-transform: uppercase;
}

.player-decision-heading p {
  color: #dda0ff;
}

.player-decision-heading span {
  color: var(--muted);
}

.player-decision-list {
  display: grid;
  gap: 12px;
}

.player-decision-card {
  background: rgba(0, 5, 8, 0.82);
  border: 1px solid rgba(216, 137, 255, 0.22);
  display: grid;
  gap: 10px;
  overflow: hidden;
  padding: 14px;
  position: relative;
}

.player-decision-card[data-status="open"]::before {
  background: #d889ff;
  bottom: 0;
  box-shadow: 0 0 20px rgba(216, 137, 255, 0.62);
  content: "";
  left: 0;
  position: absolute;
  top: 0;
  width: 3px;
}

.player-decision-card[data-status="closed"] {
  border-color: rgba(101, 231, 255, 0.22);
  opacity: 0.92;
}

.player-decision-key {
  color: #dda0ff;
  font-family: ui-monospace, "SFMono-Regular", Consolas, monospace;
  font-size: 0.62rem;
  letter-spacing: 0.08em;
  margin: 0;
  overflow-wrap: anywhere;
  text-transform: uppercase;
}

.player-decision-title {
  color: #f8eeff;
  font-size: 0.9rem;
  letter-spacing: 0.1em;
  margin: 0;
  text-transform: uppercase;
}

.player-decision-question {
  color: rgba(235, 246, 250, 0.82);
  font-size: 0.83rem;
  line-height: 1.55;
  margin: 0;
  white-space: pre-wrap;
}

.player-decision-clock {
  color: #dda0ff;
  font-family: ui-monospace, "SFMono-Regular", Consolas, monospace;
  font-size: 1.2rem;
  font-variant-numeric: tabular-nums;
  letter-spacing: 0.08em;
  margin: 0;
  text-align: center;
}

.player-decision-options {
  display: grid;
  gap: 8px;
}

.player-decision-option {
  background: rgba(20, 7, 27, 0.72);
  border: 1px solid rgba(216, 137, 255, 0.28);
  color: #f8eeff;
  cursor: pointer;
  display: grid;
  font: inherit;
  gap: 6px;
  min-height: 48px;
  padding: 11px 12px;
  text-align: left;
  width: 100%;
}

.player-decision-option:hover:not(:disabled) {
  background: rgba(58, 22, 76, 0.72);
  border-color: rgba(216, 137, 255, 0.78);
}

.player-decision-option:disabled {
  cursor: default;
}

.player-decision-option[data-selected="true"] {
  background: rgba(87, 42, 105, 0.72);
  border-color: #dda0ff;
  box-shadow: inset 3px 0 0 #dda0ff;
}

.player-decision-option[data-winner="true"] {
  border-color: rgba(116, 244, 189, 0.74);
  box-shadow: inset 3px 0 0 rgba(116, 244, 189, 0.9);
}

.player-decision-option-label {
  font-size: 0.8rem;
  font-weight: 700;
}

.player-decision-result {
  display: grid;
  gap: 5px;
}

.player-decision-result-meta {
  align-items: center;
  color: var(--muted);
  display: flex;
  font-family: ui-monospace, "SFMono-Regular", Consolas, monospace;
  font-size: 0.6rem;
  gap: 10px;
  justify-content: space-between;
}

.player-decision-result-track {
  background: rgba(216, 137, 255, 0.09);
  height: 6px;
  overflow: hidden;
}

.player-decision-result-track span {
  background: linear-gradient(90deg, #9f63c9, #d889ff);
  display: block;
  height: 100%;
}

.player-decision-status {
  color: var(--muted);
  font-family: ui-monospace, "SFMono-Regular", Consolas, monospace;
  font-size: 0.62rem;
  letter-spacing: 0.09em;
  margin: 0;
  text-align: center;
  text-transform: uppercase;
}

.player-decision-status[data-kind="success"] {
  color: var(--success);
}

.player-decision-status[data-kind="error"] {
  color: var(--danger);
}