/* Round 2 uses the room's warm pixel art and the table chapter's quiet framing. */
.chore-sprite{display:block;width:100%;height:100%;background:url('assets/chores-sprites-v2.png') no-repeat;background-size:400% 200%;image-rendering:pixelated;pointer-events:none}
.sprite-bowl{background-position:0 0}.sprite-sponge{background-position:33.333333% 0}.sprite-basket{background-position:66.666667% 0}.sprite-bag{background-position:100% 0}.sprite-yellow{background-position:0 100%}.sprite-sage{background-position:33.333333% 100%}.sprite-rose{background-position:66.666667% 100%}.sprite-paper{background-position:100% 100%}
#task-dialog:is(.is-washing,.is-collecting){width:min(820px,calc(100% - 32px));max-height:calc(100dvh - 24px);padding:28px 24px 22px;border:0;border-radius:0;background:transparent;box-shadow:none;color:#f7e4c3;overflow:auto}
#task-dialog:is(.is-washing,.is-collecting)::backdrop{background:radial-gradient(ellipse at 50% 45%,#6b3f2a,#301b15);backdrop-filter:none}
#task-dialog:is(.is-washing,.is-collecting):before{display:none}
#task-dialog .dialog-close{position:fixed;top:4px;right:4px;color:#f1d5aa;background:#4a2a20;border:1px solid #a47c55;border-radius:3px}
#task-dialog #task-person{font-size:9px;letter-spacing:1.8px;color:#d7b38a;padding:0 30px}
#task-dialog h2{font:normal 29px/1.5 var(--serif);color:#f7e4c3;margin:8px 0 16px}
#task-dialog .task-art{display:block;height:auto;margin:0;background:none}
#task-dialog :is(.wash-scene,.collect-scene){width:min(100%,calc((100dvh - 288px)*1.5));margin:0 auto;border:2px solid #b58a5c;border-radius:2px;box-shadow:0 4px 0 #25150f66;aspect-ratio:1.5;image-rendering:pixelated}
#task-dialog :is(.wash-hint,.collect-hint){max-width:690px;margin:16px auto 8px;font:12px/1.85 var(--body);color:#f0d8b4;text-align:center;min-height:0}
#task-dialog :is(.wash-feedback,.collect-feedback){font:11px/1.8 var(--body);color:#cbd1a1;min-height:20px;margin:8px auto 0;text-align:center}
#task-dialog .wash-meter{height:6px;width:min(420px,85%);margin:12px auto 0;border-radius:0;background:#37261d;border:1px solid #9d784f}
#task-dialog .wash-meter>span{background:#b0bc84}
#task-dialog #task-progress{font:11px/1.8 var(--body)!important;color:#d3b58f!important;margin:10px 0 0!important}
#task-dialog>.quiet-note:last-child{color:#c3a17d!important;font-size:10px!important;margin:9px 0 0}
#task-dialog #task-step{display:block;width:min(420px,100%);margin:14px auto 0}
.chore-dialog .board-status{color:#796348;background:#eadcc3;border-radius:2px}
@media(max-width:650px){#task-dialog:is(.is-washing,.is-collecting){width:calc(100% - 20px);padding:25px 5px 16px}#task-dialog #task-person{font-size:8px;letter-spacing:1px;padding:0 25px}#task-dialog h2{font-size:23px;margin:7px 0 14px}#task-dialog :is(.wash-hint,.collect-hint){font-size:11px;margin-top:14px;padding:0 5px}#task-dialog :is(.wash-feedback,.collect-feedback){font-size:10px}#task-dialog :is(.wash-scene,.collect-scene){width:min(100%,calc((100dvh - 278px)*1.5))}}
@media(max-height:550px) and (min-aspect-ratio:1/1){#task-dialog:is(.is-washing,.is-collecting){width:min(860px,calc(100% - 24px));padding:12px 14px}#task-dialog #task-person{font-size:8px}#task-dialog h2{font-size:21px;margin:3px 0 10px}#task-dialog .task-art{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(180px,1fr);gap:10px 22px;align-items:center}#task-dialog :is(.wash-scene,.collect-scene){width:min(100%,calc((100dvh - 152px)*1.5));grid-column:1;grid-row:1/5}#task-dialog :is(.wash-hint,.collect-hint,.wash-meter,.wash-feedback,.collect-feedback){grid-column:2;grid-row:auto;margin:0;min-height:0}#task-dialog :is(.wash-hint,.collect-hint){font-size:11px;text-align:left;padding:0}#task-dialog .wash-meter{width:100%}#task-dialog #task-progress{margin-top:6px!important}#task-dialog>.quiet-note:last-child{margin-top:4px}#task-dialog #task-step{margin-top:8px;min-height:44px;padding:6px 12px}}