/* Tablet-only additions to app.css */
.queue { align-self: center; font-size: 13px; font-weight: 700; color: var(--head-fg); background: rgba(255,255,255,.14); padding: 4px 10px; border-radius: 999px; white-space: nowrap; }
.picker { display: grid; grid-template-columns: repeat(auto-fill, minmax(190px, 1fr)); gap: 8px; }
.picker button { min-height: 60px; font-size: 17px; font-weight: 700; border-radius: var(--r-lg); border: 1px solid var(--line-strong); background: var(--surface); cursor: pointer; text-align: left; padding: 0 16px; }
.picker button:hover { border-color: var(--ink); }
.big-time { font-size: 32px; font-weight: 900; text-align: center; min-height: 64px; }
.answers { display: grid; gap: 10px; }
.summary-day { display: grid; grid-template-columns: 90px 1fr 60px; gap: 10px; padding: 7px 0; border-bottom: 1px solid var(--line); font-size: 14px; }
.summary-day .h { text-align: right; font-weight: 900; font-variant-numeric: tabular-nums; }
.failed { background: var(--bad-bg); color: var(--ink); padding: 10px 14px; border-radius: var(--r-sm); display: flex; gap: 10px; align-items: center; justify-content: space-between; flex-wrap: wrap; }
/* Phone: one person's own buttons */
.phone { max-width: 520px; margin: 8px auto 0; display: grid; gap: 14px; }
.phone .pc .pc-acts .btn.act { min-height: 68px; font-size: 19px; }
.phone .moved { justify-self: center; }
.phone .geo-note { text-align: center; margin: 4px 8px 0; }