.primacy-game-root { font-family: system-ui, -apple-system, Segoe UI, sans-serif; max-width: 980px; margin: 28px auto; padding: 0 16px; }
.pg-header { display:flex; flex-direction:column; gap:6px; margin-bottom:16px; }
.pg-title { font-size: 22px; font-weight: 700; }
.pg-subtitle { font-size: 13px; opacity: .75; }

.pg-grid { display:grid; grid-template-columns: 1fr; gap: 12px; }
@media(min-width: 900px){ .pg-grid{ grid-template-columns: 1.2fr 1fr; } .pg-grid .pg-card:nth-child(3){ grid-column: 1 / span 2; } }

.pg-card { border:1px solid rgba(0,0,0,.1); border-radius: 14px; padding: 14px; background: #fff; }
.pg-card-title { font-size: 12px; text-transform: uppercase; letter-spacing: .08em; opacity:.7; margin-bottom: 8px; }
.pg-body { font-size: 14px; line-height: 1.4; }
.pg-muted { font-size: 12px; opacity:.75; margin-top:8px; }

.pg-choices { display:flex; flex-direction:column; gap:8px; }
.pg-choice { text-align:left; padding:10px 12px; border-radius: 12px; border:1px solid rgba(0,0,0,.12); background:#fafafa; cursor:pointer; }
.pg-choice:hover { background:#f3f3f3; }
.pg-choice[disabled] { opacity:.6; cursor:not-allowed; }

.pg-score { display:flex; flex-direction:column; gap:6px; font-size: 13px; }
.pg-actions { display:flex; gap:10px; margin-top:10px; }

.pg-btn { padding:10px 12px; border-radius: 12px; border:1px solid rgba(0,0,0,.15); background:#111; color:#fff; cursor:pointer; }
.pg-btn-secondary { background:#fff; color:#111; }
.pg-btn:disabled { opacity:.6; cursor:not-allowed; }