/* Price Check — daily price-guessing styles. */

.game-head { display: flex; justify-content: space-between; align-items: flex-start; gap: var(--space-3); }
.head-btns { display: flex; gap: 6px; }

.pc-card { text-align: center; }

.pc-item-emoji { font-size: 3.2rem; line-height: 1; margin-bottom: var(--space-2); }
.pc-item-name { font-size: 1.25rem; margin-bottom: 4px; }
.pc-item-detail { max-width: 46ch; margin: 0 auto var(--space-3); }

.pc-guess-label { display: block; margin-bottom: 6px; text-align: left; }

.pc-input-row {
  display: flex; align-items: center; gap: 8px;
  margin-bottom: var(--space-2);
}
.pc-dollar { font-weight: 800; font-size: 1.3rem; color: var(--accent); }
.pc-input-row .field { flex: 1; font-size: 1.15rem; font-weight: 700; text-align: left; }

.pc-compare { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; margin: var(--space-2) 0; }
.pc-compare-box {
  display: flex; flex-direction: column; gap: 4px;
  padding: 14px 10px; border-radius: 12px; background: var(--surface-2, rgba(255,255,255,0.04));
  border: 1px solid var(--border);
}
.pc-num { font-weight: 800; font-size: 1.3rem; font-variant-numeric: tabular-nums; }

.pc-tier { font-weight: 800; font-size: 1.15rem; margin: var(--space-2) 0 4px; }
.pc-tier-nailed, .pc-tier-close { color: var(--good); }
.pc-tier-notBad { color: var(--accent); }
.pc-tier-off { color: var(--bad); }

.pc-history-title { font-size: 0.85rem; letter-spacing: 0.04em; text-transform: uppercase; color: var(--text-dim); margin: var(--space-3) 0 6px; }
.pc-history-strip { font-size: 1.3rem; letter-spacing: 4px; margin: 0 0 4px; }

#reveal .btn { margin-top: var(--space-2); }