/* Targeted mobile polish. Original artwork and routine code are unchanged. */
#setup #start{margin-top:6px}
#setup.is-resumable #start{display:none}
#setup #resumePanel{margin-top:6px!important}
#pal-settings{margin-top:8px}
#pal-settings summary{font-size:22px}
#pal-settings>small{display:block;margin:8px 0}
.session-art{width:100%;margin:0;border-radius:20px;background:linear-gradient(90deg,#f4eedf,#fbf5e9 25%,#fbf5e9 75%,#f4eedf);overflow:hidden}
.session-art .hero{width:100%;height:clamp(145px,46vw,220px);aspect-ratio:auto;object-fit:contain}
.task-card{margin-top:0;padding:13px 15px}
#instruction{padding-top:10px;padding-bottom:3px}
#session{gap:8px}
.encouragement{min-height:72px}
.encouragement img{height:82px}
.waiting-hint{display:none;font-size:14px;line-height:1.5;margin:8px 0 0;color:#66745f}
/* Generic Next advances without acknowledging washing: show only washing actions. */
.is-washing-question #done,.is-washing-question #washingPanel>strong{display:none}
#washingPanel{padding:12px!important}
#washingPanel>p{display:grid;grid-template-columns:1fr;gap:7px;margin:0}
#washingPanel button{width:100%;margin:0;font-size:22px;min-height:46px}
#washDone{background:linear-gradient(#567b5f,#3c634b);color:#fffdf5}
#washLater{font-size:19px!important}
.washing-info{background:transparent;margin-top:8px;padding:0 6px}
.washing-info summary{font-size:18px;padding:9px 0}
.washing-info small{display:block;padding:0 0 10px;font-size:12px;line-height:1.5}
/* Ordinary Pause and washing Wait are distinct presentation states. */
.is-paused #done,.is-paused #back,.is-paused #skip,.is-paused #washingPanel{display:none!important}
.is-paused .controls{grid-template-columns:1fr}
.is-paused #pause{background:linear-gradient(#567b5f,#3c634b);color:#fffdf5;font-size:27px;min-height:54px}
.is-washing-wait #instruction,.is-washing-wait #washingPanel,.is-washing-wait #repeat,.is-washing-wait #motivation,.is-washing-wait .encouragement,.is-washing-wait .voice-guide{display:none!important}
.is-washing-wait .waiting-hint{display:block}
.is-washing-wait .voice-state{display:none}
.is-washing-wait .break-note{font-size:28px;line-height:1.25;margin:12px 0 6px}
.is-washing-wait .extras{grid-template-columns:1fr}
.is-washing-wait #finish{background:transparent;min-height:36px;font-size:18px;text-decoration:underline}
#result{padding-bottom:8px}
#result .result-card{padding-bottom:10px}
#result #summary{margin:10px 0 14px}
@media(max-width:360px){#washingPanel button{font-size:20px}#instruction{font-size:25px}.task-card{padding:12px}.is-washing-wait .break-note{font-size:26px}}