/* Keep the answer and recovery actions together; support is a companion, not a gate. */
.practice-workspace{display:grid;gap:20px;align-items:start}
.answer-workspace{min-width:0;width:100%;max-width:440px;margin-inline:auto}
#play .answer-label{margin:0 0 6px;font-size:17px}
#play .drawing-input{margin:0 auto}
#play .ink-cell{width:min(280px,100%)}
#play .drawing-input[data-digits="2"] .ink-cell{width:calc((100% - 10px)/2);max-width:200px}
#play .ink-modes{margin:0 0 10px;gap:8px}
#play .ink-status{min-height:24px;margin:6px 0;font-size:15px}
#play .ink-instruction{display:none}
#play .drawing-input[data-digits="2"] .ink-instruction{display:block;margin:5px 0}
#play .ink-actions{margin:4px 0 10px;gap:8px}
#play .answer-input-modes{gap:8px}
#play #feedback{font-size:16px;line-height:1.5;margin:8px 0 0;min-height:24px}
#play #keypad{margin:8px auto 0;gap:6px}
#play #keypad button{min-height:48px;padding:8px}
#play .question{margin:8px 0 16px}
#appleActivity{min-width:0}
#appleActivity .apple-activity{margin:0;padding:10px;background:#fffaf5;border:0;border-radius:18px}
#appleActivity .aa-original{font-size:16px}
#appleActivity .aa-instruction{font-size:14px}
#appleActivity .aa-zones{grid-template-columns:1fr;gap:8px}
#appleActivity .aa-zone{padding:6px}
#appleActivity .aa-count-help:empty{display:none}
#appleActivity .aa-count-help{font-size:13px}
#appleActivity .aa-status{font-size:14px;margin:6px 0}
#appleActivity .aa-count{margin:0;font-size:14px}
#storageNotice:empty{display:none}
footer:has(#storageNotice:empty){display:none}
@media(min-width:700px){
  #play.with-support .practice-workspace{grid-template-columns:minmax(0,1fr) 280px;gap:20px}
  #play.with-support #appleActivity{padding-top:24px}
}
@media(max-width:699px){
  body{padding:10px}
  #play{padding:16px}
  #play .ink-cell{width:min(240px,100%)}
  #appleActivity{width:100%;max-width:440px;margin:auto}
}
@media(min-width:700px) and (max-height:820px){
  #play{padding:16px;margin:8px 0}
  #play .question{font-size:44px;margin:4px 0 8px}
  #play .ink-cell{width:220px}
  #play .drawing-input[data-digits="2"] .ink-cell{max-width:160px}
}
/* Optional first-play drawing has no learning records or reward side effects. */
#demoWrite .ink-modes,#demoWrite .ink-instruction{display:none}
#demoWrite .ink-cell{width:180px}
#demoWrite .ink-status{min-height:24px}
#demoWrite .drawing-input{margin:4px auto}
#firstSteps .demo-basket{margin:12px auto 8px;padding:8px;border-width:3px}
#firstSteps .demo-equation{font-size:32px}
#firstSteps p{margin:8px 0}
#firstSteps .demo-apples{font-size:32px}
#demoFeedback{min-height:24px;font-size:16px}