#bathroom-scene{width:min(950px,calc(100% - 24px));max-height:calc(100svh - 24px);overflow:auto;border:1px solid #baa371;border-radius:20px;background:#f4e8cd;color:#27493c}#bathroom-scene::backdrop{background:#142e2bd9;backdrop-filter:blur(5px)}.bath-nav{display:flex;align-items:center;justify-content:space-between;gap:8px;position:sticky;top:0;z-index:10;padding:10px 16px;background:#f4e8cd;border-bottom:1px solid #c8b78c;font:13px system-ui}.bath-nav button{background:transparent;border:0;color:#315941;padding:10px;cursor:pointer}.bath-content{padding:16px 24px;text-align:center}.bath-content h1{font:600 clamp(23px,3vw,32px)/1.1 Georgia;margin:8px 0 16px}.bath-panels{display:grid;grid-template-columns:.8fr 1fr 1fr;gap:14px;max-width:730px;margin:auto;align-items:start}.bath-panels figure,.bath-reactions figure{margin:0;overflow:hidden;border:2px solid #b39464;border-radius:15px;background:#e2c995;box-shadow:0 4px 9px #43351f22}.bath-portrait{display:block;aspect-ratio:1;background-image:url('assets/school-kids.png');background-size:300% 200%;background-repeat:no-repeat}.bath-teacher img{display:block;width:100%;aspect-ratio:1;object-fit:cover}.bath-john{margin-top:22px!important}.bath-panels figcaption{padding:8px 5px;background:#d1ae73;font:600 13px system-ui;color:#473b29;min-height:32px}.bath-john figcaption{background:#c6b18b}.bath-hand{font-size:22px}.bath-dialogue{min-height:95px;max-width:730px;margin:16px auto 0;padding:10px 15px;background:#fff7df;border:1px solid #cfb886;border-radius:12px;font:17px/1.4 Georgia;box-sizing:border-box}.bath-dialogue p{margin:5px 0}.bath-count{margin:9px;font:13px system-ui}.bath-actions{display:flex;justify-content:center;gap:10px;flex-wrap:wrap}.bath-actions button,.bath-finish{min-height:44px;padding:12px 19px;border:1px solid #a68f61;border-radius:10px;background:#315941;color:#fff7de;font:600 15px system-ui;cursor:pointer}.bath-wait{background:#ead8b4!important;color:#3e503b!important}.bath-actions button:disabled{opacity:.55;cursor:wait}.bath-guide,.bath-saved{font:13px/1.45 system-ui;margin:12px auto;max-width:660px}.bath-offscreen{display:flex;flex-direction:column;justify-content:center;min-height:270px;max-width:730px;margin:auto;background:#284b40;color:#ffefc3;border:8px solid #d1ae73;border-radius:15px}.bath-offscreen span{font:100px Georgia}.bath-offscreen p{margin:7px}.bath-reactions{display:grid;grid-template-columns:repeat(3,1fr);max-width:650px;gap:16px;margin:auto}.bath-reactions figcaption{font:600 15px Georgia;padding:10px 3px;min-height:38px}.bath-reactions figure{animation:bath-react .3s ease-in-out 4 alternate}.bath-reactions figure:nth-child(2){animation-delay:.08s}.bath-reactions figure:nth-child(3){animation-delay:.15s}.bath-reactions.settled figure{animation:none}.bath-end-copy{display:flex;align-items:center;gap:15px;max-width:650px;margin:18px auto;text-align:left;font:18px/1.4 Georgia}.bath-end-copy img{width:85px;height:85px;object-fit:cover;border-radius:50%;border:2px solid #b39464}.bathroom-stop svg{width:75%;height:75%;filter:drop-shadow(0 3px 3px #45341d55)}@keyframes bath-react{to{transform:translateY(-4px) rotate(1deg)}}@media(max-width:600px){.bath-content{padding:14px 12px}.bath-panels{gap:7px}.bath-panels figcaption{font-size:11px;padding:7px 3px;min-height:40px}.bath-john{margin-top:12px!important}.bath-nav{padding:8px}.bath-nav span{max-width:115px;text-align:center;font-size:11px}.bath-dialogue{min-height:126px;font-size:16px}.bath-reactions{gap:8px}.bath-reactions figcaption{font-size:13px}.bath-end-copy{font-size:16px}.bath-end-copy img{width:65px;height:65px}.bath-offscreen{min-height:230px}}@media(prefers-reduced-motion:reduce){.bath-reactions figure{animation:none}}