/*
 * Apaga el incendio's teacher page (bomberos/host.html): overrides on top
 * of the teacher-room look in carrera/style.css. The forest itself is
 * forest.css; forest.js fits every squad's zone into .host-forest.
 */
.host-card-desc { font-family: var(--am-readable-font); font-size: .72rem; color: #4b5a6e; text-align: center; }
#level-cards .race-mode-card { padding: .7rem .6rem; }
#zones-note { margin-top: .6rem; }
.host-fire-progress { margin: 0 0 .6rem; text-align: center; font-weight: 700; font-size: 1.15rem; color: var(--purple-dark); }
/* The projected forest: what's left of a projector screen under the
   header, clock and progress line (host.js measures it; this is the
   first guess). During a game the "other games" bar steps aside too. */
.host-forest { height: max(360px, calc(100vh - 330px)); }
.menu-screen.is-racing .teacher-other-games { display: none; }
.host-forest .forest-ff-name { font-size: 13px; }
.host-forest .forest-zone-head { font-size: 15px; }
.host-fire-end { display: flex; flex-direction: column; align-items: center; gap: .8rem; }
.host-fire-line { font-size: 1.4rem; font-weight: 700; color: var(--purple-dark); margin: 0; }
.host-fire-forest { font-size: 1.7rem; }
.host-fire-roster li .ff, .race-roster li .ff { width: 40px; height: 36px; }