.bath-room{position:relative;aspect-ratio:3/2;max-width:740px;margin:auto;overflow:hidden;border-radius:14px;isolation:isolate;background:#b99764}.bath-room-background{position:absolute;inset:0;width:100%;height:100%}.bath-room-teacher{position:absolute;left:38%;top:6%;width:21%;height:45%;z-index:1}.bath-room-teacher svg{width:100%;height:100%;filter:drop-shadow(0 2px 2px #382b2755)}.bath-seat{position:absolute;z-index:4;width:25%;height:43%;bottom:9%}.bath-agy-seat{left:29%;bottom:21%;width:22%;height:37%}.bath-john-seat{left:62%;bottom:3%;width:27%;height:46%}.bath-back-head{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;z-index:2}.bath-chair-back{position:absolute;left:9%;right:9%;bottom:-2%;height:27%;border:4px solid #87613b;border-radius:16px 16px 2px 2px;background:linear-gradient(100deg,#80583d,#c29257,#956c41);z-index:4;box-shadow:inset 0 3px 1px #e1b882}.bath-shirt-green{position:absolute;inset:0;width:100%;height:100%;z-index:3}.bath-seat-label{position:absolute;z-index:6;left:25%;right:25%;bottom:1%;font:600 clamp(9px,1.4vw,13px) Georgia;color:#ffedc1;text-shadow:0 1px #473826}.bath-raising-arm{position:absolute;z-index:1;width:57%;height:76%;right:-24%;top:1%;transform-origin:8% 92%;transform:rotate(105deg);opacity:0;transition:transform .45s ease-out,opacity .15s}.bath-raising-arm svg{width:100%;height:100%}.bath-agy-seat.asking .bath-raising-arm{transform:rotate(-5deg);opacity:1}.bath-desk{position:absolute;height:4%;background:linear-gradient(#c3975d,#82502f);border:2px solid #825f39;transform:skewX(-8deg);z-index:3;box-shadow:0 4px 2px #352a2133}.bath-agy-desk{left:27%;top:61%;width:29%}.bath-john-desk{left:60%;top:75%;width:33%}.bath-room-bubble{position:absolute;background:#fff6db;color:#294538;z-index:8;border:1px solid #9b8358;border-radius:13px;padding:9px 11px;font:clamp(12px,1.65vw,17px)/1.3 Georgia;box-shadow:0 3px 10px #40341b33}.bath-room-bubble:after{content:'';position:absolute;bottom:-8px;left:25px;width:13px;height:13px;transform:rotate(45deg);background:#fff6db;border-right:1px solid #9b8358;border-bottom:1px solid #9b8358}.bath-teacher-bubble{left:55%;top:8%;width:37%}.bath-agy-bubble{left:4%;top:31%;width:34%}.bath-agy-bubble:after{left:auto;right:20px}.bath-draft-end{position:absolute;inset:auto 8% 12%;z-index:9;padding:15px;background:#fff7e3f5;border-radius:14px;font:16px Georgia;border:1px solid #b99c63}@media(max-width:600px){.bath-room-bubble{padding:6px 8px;font-size:11px}.bath-teacher-bubble{left:53%;width:42%;top:4%}.bath-agy-bubble{left:3%;width:36%;top:29%}.bath-room-teacher{left:35%;width:23%}}@media(prefers-reduced-motion:reduce){.bath-raising-arm{transition:none}}

.bath-teacher-label{position:absolute;left:-10%;right:-10%;bottom:0;padding:3px 5px;border-radius:8px;background:#fff3d6db;color:#3c4837;font:600 clamp(9px,1.3vw,12px) Georgia;text-align:center}

.bath-background-classmates{position:absolute;inset:0;z-index:2;pointer-events:none}.bath-classmate{position:absolute;width:13%;height:24%;top:37%;overflow:hidden}.bath-classmate img{width:100%;height:100%;object-fit:contain}.back-left{left:8%}.back-right{left:75%;top:32%}.bath-reaction-caption{position:absolute;top:32%;left:3%;max-width:27%;padding:5px 8px;background:#fff4d9;border-radius:8px;font:italic clamp(10px,1.3vw,13px) Georgia;color:#354b3a}.bath-liquid{position:absolute;left:33%;top:80%;width:8%;height:17%;z-index:5;opacity:0;pointer-events:none}.bath-liquid svg{width:100%;height:100%;overflow:visible}.bath-liquid .bath-flow{stroke-dasharray:16 9;stroke-dashoffset:0}.bath-liquid .flow-two{stroke-dasharray:9 8}.bath-liquid .flow-three{stroke-dasharray:5 10}.bath-puddle{transform-origin:29px 116px;transform:scaleX(.4);opacity:0}.bath-room.accident .bath-liquid{opacity:1}.bath-room.accident .bath-flow{animation:bath-run-water .32s linear infinite}.bath-room.accident .flow-two{animation-duration:.24s}.bath-room.accident .flow-three{animation-duration:.2s}.bath-room.accident .bath-puddle{animation:bath-puddle-grow 3s ease-out forwards}.bath-room.accident .bath-splash{animation:bath-splash .28s ease-out infinite alternate}.bath-room.reacting .bath-classmate,.bath-room.reacting .bath-john-seat{animation:bath-class-laugh .24s ease-in-out 8 alternate}.bath-room.reacting .back-right{animation-delay:.1s}.bath-room.settled .bath-flow,.bath-room.settled .bath-splash{display:none}.bath-room.settled .bath-classmate,.bath-room.settled .bath-john-seat{animation:none}.bath-room.settled .bath-puddle{animation:none;transform:scaleX(1);opacity:.65}.bath-room{width:min(100%,calc(max(230px,100svh - 405px)*1.5))}.bath-ending-note{max-width:700px;margin:10px auto;font:16px/1.4 Georgia}.bath-completed-actions{display:flex;justify-content:center;gap:10px;flex-wrap:wrap}@keyframes bath-run-water{to{stroke-dashoffset:-25}}@keyframes bath-puddle-grow{to{transform:scaleX(1);opacity:.65}}@keyframes bath-splash{to{opacity:.45;transform:translateY(-1px)}}@keyframes bath-class-laugh{to{transform:translateY(-3px) rotate(-1deg)}}@media(max-width:600px){.bath-room{width:100%}.bath-reaction-caption{font-size:10px}}@media(prefers-reduced-motion:reduce){.bath-room.accident .bath-flow,.bath-room.accident .bath-splash,.bath-room.reacting .bath-classmate,.bath-room.reacting .bath-john-seat{animation:none}.bath-room.accident .bath-puddle{animation:none;transform:scaleX(1);opacity:.65}}

.bath-room.teacher-impatient .bath-room-teacher{transform:translateY(2px) rotate(-2deg);transform-origin:50% 100%}.bath-room.teacher-impatient .bath-teacher-bubble{border-color:#865637;box-shadow:0 3px 10px #613b2633}