/* Claude challenge page. Values come from DESIGN.md (dark surfaces, one coral accent, semantic tones for right and wrong). */
.ch label.field-label{margin-top:16px}
.ch .input{margin-bottom:16px}
.ch-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.ch-card{padding:28px}
.ch-card h2{font-size:1.5rem;line-height:1.2;margin:0 0 12px 0}
.ch-fine,.ch-muted{font-size:0.844rem;color:var(--subtle);line-height:1.6}
.ch-reset{font-size:0.844rem;color:var(--subtle);margin:0 0 12px 0}
.ch-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:4px 0 12px 0}
.ch-tab{min-height:36px;padding:6px 14px;border-radius:999px;border:1px solid var(--border-chip);background:transparent;color:var(--muted);font:inherit;font-size:0.813rem;font-weight:600;cursor:pointer}
.ch-tab:hover{border-color:var(--accent);color:var(--text)}
.ch-tab.active{background:var(--accent-fill);border-color:var(--accent-fill);color:#FFFFFF}
.ch-table{width:100%;border-collapse:collapse;font-size:0.938rem}
.ch-table th,.ch-table td{text-align:left;padding:8px 10px;border-bottom:1px solid var(--border)}
.ch-table th{font-family:'JetBrains Mono',monospace;font-size:0.719rem;font-weight:500;letter-spacing:0.08em;text-transform:uppercase;color:var(--subtle)}
.ch-table td:nth-child(3),.ch-table td:nth-child(4){font-variant-numeric:tabular-nums}
.ch-you td{background:rgba(217,119,87,0.16);font-weight:600;color:var(--text-strong)}
.ch-podium{padding-left:20px;margin:8px 0 0 0;color:var(--muted)}
#ch-lastweek h3{font-size:1rem;margin:16px 0 4px 0}

.ch-hud{display:flex;justify-content:space-between;align-items:center;gap:12px;font-weight:600;color:var(--text);margin-bottom:8px}
.ch-timer{font-family:'Space Grotesk',sans-serif;font-size:1.875rem;font-variant-numeric:tabular-nums;color:var(--accent-link)}
.ch-bar{height:8px;background:var(--fill-neutral);border-radius:999px;overflow:hidden;margin-bottom:24px}
#ch-bar-fill{height:100%;width:100%;background:var(--accent)}
.ch-question{font-size:1.5rem;line-height:1.35;margin:0 0 12px 0}
.ch-choices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:20px 0}
.ch-choice{display:flex;align-items:center;gap:14px;text-align:left;padding:18px;min-height:84px;border-radius:11px;border:1px solid var(--border-control);background:var(--surface-raised);color:var(--text);font:inherit;font-weight:500;line-height:1.5;cursor:pointer;transition:border-color .15s ease,transform .1s ease,opacity .2s ease}
.ch-choice:hover:not(:disabled){border-color:var(--accent);transform:translateY(-1px)}
.ch-choice:disabled{cursor:default}
.ch-ctext{min-width:0;overflow-wrap:anywhere}
.ch-letter{flex:none;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;font-weight:700;background:#D97757;color:var(--on-accent)}
.ch-choice.dim{opacity:.4}
.ch-choice.wrong{border-color:rgba(220,80,80,0.40);background:rgba(220,80,80,0.14);color:#E89C92;text-decoration:line-through}
.ch-choice.right{border-color:rgba(46,160,103,0.60);background:rgba(46,160,103,0.18);color:#8FD8AC}
.ch-code{font-family:'JetBrains Mono',monospace;font-size:0.88em;padding:1px 6px;border-radius:6px;background:rgba(148,163,184,0.16)}
.ch-feedback{padding:16px 20px;border-radius:11px;margin-bottom:16px;border:1px solid var(--border);border-left-width:6px;background:var(--surface);color:var(--text)}
.ch-feedback.ok{border-left-color:#2EA067}
.ch-feedback.bad{border-left-color:#DC5050}
.ch-feedback p{margin:8px 0 0 0;color:var(--muted)}
.ch-result{text-align:center;max-width:680px;margin:0 auto}
.ch-big{font-family:'Space Grotesk',sans-serif;font-size:2.5rem;font-weight:700;color:var(--accent);margin:4px 0;font-variant-numeric:tabular-nums}
.ch-result .ch-table{margin:20px 0;text-align:left}
.ch-result .ch-tabs{justify-content:center}
.ch-share{margin:24px 0}
.ch-card-img{width:100%;max-width:420px;height:auto;border-radius:16px;margin:0 auto 12px auto;display:block;border:1px solid var(--border)}
.ch-share-row,.ch-actions{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin:12px 0 4px 0}
.ch-share-row .btn{padding:10px 18px;font-size:0.875rem}
@media (max-width:860px){.ch-grid,.ch-choices{grid-template-columns:1fr}.ch-question{font-size:1.25rem}}