/* === PornVotes Game Console (left pane) === */
/* Console brand, seven-segment timer, and console inner content. */

#pv-console {
  box-sizing: border-box;
}

/* Console inner block (title + muted + box) */
#pv-console-inner {
  width: 100%;
  max-width: 280px;
  margin-top: 16px;
}

.pv-console-title {
  font-size: 12px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  color: #888;
  margin-bottom: 8px;
}

.pv-console-muted {
  font-size: 12px;
  color: #666;
  line-height: 1.45;
  margin: 8px 0;
}

.pv-console-box {
  background: #141414;
  border: 1px solid #2a2a2a;
  border-radius: 10px;
  padding: 12px 14px;
  margin-top: 12px;
}

/* --- Seven-segment countdown timer --- */
#pv-console-timer {
  width: 100%;
  max-width: 280px;
  margin: 12px 0;
  padding: 12px 0;
}

.pv-timer-digits-row,
.pv-timer-row {
  display: flex;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: flex-end;
  gap: 2px;
  font-size: clamp(28px, 4vw, 60px);
}

.pv-timer-cell {
  display: inline-flex;
  align-items: center;
  gap: 2px;
}

.pv-seg-digit {
  position: relative;
  display: inline-block;
  width: 20px;
  height: 32px;
  vertical-align: middle;
  margin: 0 1px;
  transform: scaleY(2.25);
  transform-origin: center center;
}

.pv-seg-digit .seg {
  position: absolute;
  background: #333;
  border-radius: 2px;
  transition: background 0.15s ease;
}

.pv-seg-digit .seg.a { left: 2px;  top: 0;    width: 16px; height: 3px; }
.pv-seg-digit .seg.b { right: 0;   top: 2px;  width: 3px;  height: 12px; }
.pv-seg-digit .seg.c { right: 0;   bottom: 2px; width: 3px;  height: 12px; }
.pv-seg-digit .seg.d { left: 2px;  bottom: 0; width: 16px; height: 3px; }
.pv-seg-digit .seg.e { left: 0;   bottom: 2px; width: 3px;  height: 12px; }
.pv-seg-digit .seg.f { left: 0;   top: 2px;   width: 3px;  height: 12px; }
.pv-seg-digit .seg.g { left: 2px;  top: 50%; margin-top: -2px; width: 16px; height: 3px; }

.pv-seg-digit.on .seg,
.pv-seg-digit.v0 .seg.a, .pv-seg-digit.v0 .seg.b, .pv-seg-digit.v0 .seg.c,
.pv-seg-digit.v0 .seg.d, .pv-seg-digit.v0 .seg.e, .pv-seg-digit.v0 .seg.f,
.pv-seg-digit.v1 .seg.b, .pv-seg-digit.v1 .seg.c,
.pv-seg-digit.v2 .seg.a, .pv-seg-digit.v2 .seg.b, .pv-seg-digit.v2 .seg.d,
.pv-seg-digit.v2 .seg.e, .pv-seg-digit.v2 .seg.g,
.pv-seg-digit.v3 .seg.a, .pv-seg-digit.v3 .seg.b, .pv-seg-digit.v3 .seg.c,
.pv-seg-digit.v3 .seg.d, .pv-seg-digit.v3 .seg.g,
.pv-seg-digit.v4 .seg.b, .pv-seg-digit.v4 .seg.c, .pv-seg-digit.v4 .seg.f, .pv-seg-digit.v4 .seg.g,
.pv-seg-digit.v5 .seg.a, .pv-seg-digit.v5 .seg.c, .pv-seg-digit.v5 .seg.d,
.pv-seg-digit.v5 .seg.f, .pv-seg-digit.v5 .seg.g,
.pv-seg-digit.v6 .seg.a, .pv-seg-digit.v6 .seg.c, .pv-seg-digit.v6 .seg.d,
.pv-seg-digit.v6 .seg.e, .pv-seg-digit.v6 .seg.f, .pv-seg-digit.v6 .seg.g,
.pv-seg-digit.v7 .seg.a, .pv-seg-digit.v7 .seg.b, .pv-seg-digit.v7 .seg.c,
.pv-seg-digit.v8 .seg.a, .pv-seg-digit.v8 .seg.b, .pv-seg-digit.v8 .seg.c,
.pv-seg-digit.v8 .seg.d, .pv-seg-digit.v8 .seg.e, .pv-seg-digit.v8 .seg.f, .pv-seg-digit.v8 .seg.g,
.pv-seg-digit.v9 .seg.a, .pv-seg-digit.v9 .seg.b, .pv-seg-digit.v9 .seg.c,
.pv-seg-digit.v9 .seg.d, .pv-seg-digit.v9 .seg.f, .pv-seg-digit.v9 .seg.g {
  background: #e53935;
}

.pv-timer-colon {
  color: #555;
  font-size: 18px;
  font-weight: bold;
  padding: 0 2px;
  line-height: 32px;
}

.pv-timer-labels-row {
  display: flex;
  justify-content: space-between;
  margin-top: 26px;
  padding: 0 8px;
  font-size: 11px;
  letter-spacing: 1px;
  color: #555;
  text-transform: uppercase;
}

.pv-timer-label {
  text-align: center;
  flex: 1;
}