.town-panel{position:relative;display:flex;align-items:center;justify-content:center}
#bedroom-scene{width:100%;aspect-ratio:1402/1122;position:relative;overflow:hidden;border-radius:12px;background:#d8c5a7}
#bedroom-scene>svg{display:block;width:100%;height:100%}
.town-panel.is-bedroom>#town{display:none}
.town-panel:not(.is-bedroom)>#bedroom-scene{display:none}
#bedroom-scene[data-playing=true]{pointer-events:none}
#replay-scene{border:0;background:transparent;color:#544329;padding:3px 5px;min-height:30px;font-size:12px;width:100%;margin-top:3px}
#school-scene{width:100%;aspect-ratio:1402/1122;position:relative;overflow:hidden;border-radius:12px;background:#e6dfc7}
#school-scene>svg{display:block;width:100%;height:100%}
.town-panel.is-school>#town{display:none}
.town-panel:not(.is-school)>#school-scene{display:none}
#recess-scene{width:100%;aspect-ratio:1402/1122;position:relative;overflow:hidden;border-radius:12px;background:#e6dfc7}
#recess-scene>svg{display:block;width:100%;height:100%}
.town-panel.is-recess>#town{display:none}
.town-panel:not(.is-recess)>#recess-scene{display:none}
#playground-scene{width:100%;aspect-ratio:1402/1122;position:relative;overflow:hidden;border-radius:12px;background:#e9d1a9}
#playground-scene>svg{display:block;width:100%;height:100%}
.town-panel.is-playground>#town{display:none}
.town-panel:not(.is-playground)>#playground-scene{display:none}
#bedtime-scene{width:100%;aspect-ratio:1402/1122;position:relative;overflow:hidden;border-radius:12px;background:#493e36}
#bedtime-scene>svg{display:block;width:100%;height:100%}
.town-panel.is-bedtime>#town{display:none}
.town-panel:not(.is-bedtime)>#bedtime-scene{display:none}
#brushing-scene{width:100%;aspect-ratio:1402/1122;position:relative;overflow:hidden;border-radius:12px;background:#e4d6b8}
#brushing-scene>svg{display:block;width:100%;height:100%}
.town-panel.is-brushing>#town{display:none}
.town-panel:not(.is-brushing)>#brushing-scene{display:none}
#level-select{font:inherit;font-size:13px;font-weight:bold;color:#35564e;background:#fffdf6;border:1px solid #b9cbbd;border-radius:7px;padding:3px;max-width:90px}
#bus-scene{width:100%;aspect-ratio:1402/1122;position:relative;overflow:hidden;border-radius:12px;background:#e6dcb6}
#bus-scene>svg{display:block;width:100%;height:100%}
.town-panel.is-bus>#town{display:none}
.town-panel:not(.is-bus)>#bus-scene{display:none}
#lunch-scene{width:100%;aspect-ratio:1402/1122;position:relative;overflow:hidden;border-radius:12px;background:#e9d8b6}
#lunch-scene>svg{display:block;width:100%;height:100%}
.town-panel.is-lunch>#town{display:none}
.town-panel:not(.is-lunch)>#lunch-scene{display:none}
#homework-scene{width:100%;aspect-ratio:1402/1122;position:relative;overflow:hidden;border-radius:12px;background:#e8d4af}
#homework-scene>svg{display:block;width:100%;height:100%}
.town-panel.is-homework>#town{display:none}
.town-panel:not(.is-homework)>#homework-scene{display:none}
#story-scene{width:100%;aspect-ratio:1402/1122;position:relative;overflow:hidden;border-radius:12px;background:#493e36}
#story-scene>svg{display:block;width:100%;height:100%}
.town-panel.is-story>#town{display:none}
.town-panel:not(.is-story)>#story-scene{display:none}