/* Omelas classroom page-background classes. Layer SVG objects over these pages using absolute positioning. */
:root { --omelas-width: 1672; --omelas-height: 941; }
.omelas-page { position: relative; width: min(100vw, 1672px); aspect-ratio: 1672 / 941; overflow: hidden; background-size: cover; background-position: center; }
.omelas-layer { position: absolute; box-sizing: border-box; }
.omelas-layer img, .omelas-layer svg { width: 100%; height: 100%; display: block; }
.bg-main-menu-omelas-harbor { background-image: url("../assets/page_backgrounds/png/00_main_menu_omelas_harbor.png"); }
.bg-name-prediction-harbor { background-image: url("../assets/page_backgrounds/png/01_name_prediction_harbor.png"); }
.bg-city-arrival-festival { background-image: url("../assets/page_backgrounds/png/02_city_arrival_festival.png"); }
.bg-cellar-threshold { background-image: url("../assets/page_backgrounds/png/03_cellar_threshold.png"); }
.bg-choice-stay-walk { background-image: url("../assets/page_backgrounds/png/04_choice_stay_walk.png"); }
.bg-reflection-terrace { background-image: url("../assets/page_backgrounds/png/05_reflection_terrace.png"); }
.bg-classroom-discussion { background-image: url("../assets/page_backgrounds/png/06_classroom_discussion.png"); }
.bg-journey-complete-exit-ticket { background-image: url("../assets/page_backgrounds/png/07_journey_complete_exit_ticket.png"); }