/* Practice drills: layout only; colours come from the shared study and challenge styles. */
.drill-grid{grid-template-columns:repeat(3,minmax(0,1fr));margin-bottom:24px}
.drill-card{display:flex;flex-direction:column;gap:10px}
.drill-card p{flex:1}
.drill-stat{font-size:12px;opacity:.85}
.drill-stat.muted{opacity:.55}
.drill-top{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px}
.drill-progress{font-variant-numeric:tabular-nums;font-weight:700;display:flex;gap:10px;align-items:baseline}
.drill-progress small{font-weight:400;opacity:.7}
.drill-scene{margin:18px 0;display:flex;flex-direction:column;gap:14px}
.drill-scene .board{display:flex;flex-wrap:wrap;gap:8px}
.drill-players{display:flex;flex-wrap:wrap;gap:12px}
.drill-players .pot-player{min-width:120px;display:flex;flex-direction:column;gap:6px}
.drill-versus{flex-direction:row;align-items:center;gap:24px;flex-wrap:wrap}
.drill-versus .label,.drill-outs .label{display:block;font-size:12px;margin-bottom:6px;opacity:.8}
.drill-vs{font-weight:800;letter-spacing:2px;opacity:.6}
.drill-outs .seat-cards{display:flex;flex-wrap:wrap;gap:4px}
.drill-choices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.drill-choices .btn{white-space:normal;min-height:48px;font-variant-numeric:tabular-nums}
.drill-choices .btn.wrong{text-decoration:line-through;opacity:.85;border-color:#d0584c;color:#e8857a}
.drill-next{margin-top:16px}
@media(max-width:1100px){.drill-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:650px){.drill-grid{grid-template-columns:1fr}.drill-choices{grid-template-columns:1fr}.drill-versus{gap:14px}.drill-players .pot-player{min-width:0;flex:1 1 40%}}
/* Premium plan page and the final confirmation before checkout. */
.drill-quota{margin-bottom:18px}
.premium-plans{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:20px 0}
.premium-plan{display:flex;flex-direction:column;gap:10px;padding:22px;border:1px solid currentColor;border-color:rgba(127,127,127,.35);border-radius:8px}
.premium-plan.best{border-color:currentColor}
.premium-plan h3{margin:0;font-size:17px}
.premium-plan p{margin:0;flex:0}
.premium-plan .btn{margin-top:auto}
.premium-price strong{font-size:30px;font-variant-numeric:tabular-nums}
.premium-price small{margin-left:4px;opacity:.75}
.premium-facts,.premium-confirm{display:grid;gap:10px;margin:14px 0}
.premium-facts div,.premium-confirm div{display:grid;grid-template-columns:9em 1fr;gap:12px}
.premium-facts dt,.premium-confirm dt{font-weight:700}
.premium-facts dd,.premium-confirm dd{margin:0;line-height:1.7}
.premium-agree{display:flex;gap:8px;align-items:flex-start;margin-top:14px;line-height:1.6}
.premium-agree input{margin-top:4px;width:18px;height:18px}
.notice.error{border-color:#d0584c}
@media(max-width:650px){.premium-plans{grid-template-columns:1fr}.premium-facts div,.premium-confirm div{grid-template-columns:1fr;gap:2px}}