/* Two Scores: big text, high contrast, thumb-sized controls. Builds on /v2.css. */
.ts{max-width:960px}
.ts .lead{font-size:clamp(20px,2.4vw,26px);max-width:44ch}
.ts-panel{background:var(--paper);border:2px solid var(--navy);border-radius:14px;padding:20px;margin:18px 0}
.ts-panel h3{margin-bottom:12px}
.ts-grid{display:grid;gap:14px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}
.ts label{display:block;font-weight:700;margin:12px 0 4px}
.ts input[type=text],.ts select{width:100%;min-height:52px;font-size:20px;padding:8px 12px;border:2px solid var(--navy);border-radius:10px;background:#fff;color:var(--navy)}
.ts .btn{display:inline-block;min-height:52px;padding:10px 20px;font-size:19px;font-weight:700;border:2px solid var(--navy);border-radius:999px;background:var(--acid);color:var(--navy);margin:12px 8px 0 0}
.ts .btn.quiet{background:transparent}
.ts .btn.danger{background:transparent;border-color:var(--red);color:var(--red)}
.ts .btn.small{min-height:44px;font-size:16px;padding:6px 14px}
.ts .msg{min-height:1.4em;font-weight:700}
.ts .msg.err{color:var(--red)}
.ts .small{font-size:15px;color:var(--muted)}
.ts-code{font-family:var(--head);font-size:clamp(26px,4vw,36px);letter-spacing:.06em;font-weight:700}
.ts-card{background:#fff;border:2px solid var(--navy);border-radius:14px;padding:16px}
.ts-card h4{font-family:var(--head);font-size:24px;margin:0 0 2px}
.ts-card .meta{color:var(--muted);font-size:15px;margin-bottom:10px}
.ts-lenses{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin:8px 0}
.ts-lens{border:1px solid var(--line);border-radius:10px;padding:8px 4px;text-align:center}
.ts-lens b{display:block;font-family:var(--head);font-size:26px;line-height:1.1}
.ts-lens span{display:block;font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}
.ts-lens.empty b{font-size:15px;font-weight:600;color:var(--muted);padding:6px 0}
.ts-tags{display:flex;flex-wrap:wrap;gap:6px;margin:6px 0}
.ts-tag{border:1px solid var(--navy);border-radius:999px;padding:2px 10px;font-size:14px}
.ts-checks{display:flex;flex-wrap:wrap;gap:8px}
.ts-checks label{display:flex;align-items:center;gap:6px;margin:0;font-weight:600;border:1px solid var(--line);border-radius:999px;padding:8px 12px;min-height:44px}
.ts-games{list-style:none;padding:0;margin:0}
.ts-games li{border-bottom:1px solid var(--line);padding:10px 0;display:flex;justify-content:space-between;gap:10px;align-items:center;flex-wrap:wrap}
.ts-games .flagged{text-decoration:line-through;color:var(--muted)}
.ts-explain{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin:12px 0}
.ts-explain div{border-left:6px solid var(--acid);background:var(--paper);padding:12px}
.ts-explain h3{font-size:22px}
@media (max-width:520px){.ts-lenses{grid-template-columns:repeat(2,1fr)}}