/* Deletrear en directo 4.2.0 · Only the live WordPress room uses this sheet. */
.aula-spelling-live-app { min-height: 0; }
.aula-spelling-live-app [data-live-ui="app"] { position: relative; z-index: 1; width: min(1260px, 100%); min-width: 0; min-height: 0; margin: 0 auto; padding: 5px 25px 28px; }
.aula-spelling-live-app [data-live-ui="app"]:focus { outline: none; }
.aula-spelling-live-app [data-live-ui="status"] { width: min(1180px, calc(100% - 40px)); margin: 0 auto 12px; padding: 10px 15px; border: 1px solid #b9b5dfa1; border-radius: 12px; color: #f0ebff; background: #303d68ed; font-size: 18px; font-weight: 800; line-height: 1.3; text-align: center; }
.aula-spelling-live-app [data-live-ui="status"]:empty { display: none; }
.aula-spelling-live-app h1 { color: inherit; font-size: clamp(35px, 4.2vw, 51px); font-weight: 1000; line-height: 1.08; letter-spacing: -1px; }
.aula-spelling-live-app h2 { font-size: clamp(29px, 3.2vw, 39px); }
.aula-spelling-live-app h3 { font-size: 25px; }
.aula-spelling-live-app .brand-title { max-width: 420px; }
.aula-spelling-live-app .live-entry { width: min(1070px, 100%); margin: 3px auto 0; }
.aula-spelling-live-app .live-entry > h1, .aula-spelling-live-app .live-entry > h2 { margin-bottom: 13px; }
.aula-spelling-live-app .live-entry > p { max-width: 800px; margin: 10px 0 23px; color: #626d8b; font-size: 21px; line-height: 1.4; }
.aula-spelling-live-app .live-access-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); align-items: start; gap: 23px; margin-top: 23px; }
.aula-spelling-live-app .live-access-card { min-width: 0; height: 100%; padding: 23px; border: 1px solid #b8b1d5; border-radius: 18px; color: #46527a; background: #fff9ff9e; box-shadow: inset 0 1px 0 #ffffffba; }
.aula-spelling-live-app .live-access-card > h2, .aula-spelling-live-app .live-access-card > h3 { margin-bottom: 15px; }
.aula-spelling-live-app .live-access-card p { margin: 11px 0 18px; color: #69718c; font-size: 20px; line-height: 1.4; }
.aula-spelling-live-app .live-form { display: flex; flex-direction: column; gap: 17px; min-width: 0; margin: 0; }
.aula-spelling-live-app .live-config-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 17px; min-width: 0; }
.aula-spelling-live-app .live-field { display: flex; flex-direction: column; gap: 8px; min-width: 0; margin: 0; color: #535e80; font-size: 20px; font-weight: 950; line-height: 1.2; }
.aula-spelling-live-app .live-field :is(input, select) { display: block; width: 100%; min-width: 0; max-width: 100%; min-height: 55px; margin: 0; padding: 11px 13px; border: 2px solid #b3afd1; border-radius: 11px; color: #3e4d79; background: #fffaff; font-family: inherit; font-size: 22px; font-weight: 900; line-height: 1.2; }
.aula-spelling-live-app .live-field input::placeholder { color: #8b8ba4; font-weight: 700; opacity: 1; }
.aula-spelling-live-app .live-field small { color: #777d96; font-size: 17px; font-weight: 700; line-height: 1.3; }
.aula-spelling-live-app .live-field:has(input[type="checkbox"]) { flex-direction: row; align-items: center; justify-content: space-between; gap: 12px; min-height: 46px; }
.aula-spelling-live-app .live-field input[type="checkbox"] { width: 27px; height: 27px; min-height: 0; margin: 0; padding: 0; flex-shrink: 0; accent-color: #7067b1; }
.aula-spelling-live-app .live-field input[inputmode="numeric"] { font-size: 34px; letter-spacing: 5px; font-variant-numeric: tabular-nums; }
.aula-spelling-live-app .live-actions, .aula-spelling-live-app .live-controls { display: flex; flex-wrap: wrap; align-items: center; gap: 12px; min-width: 0; margin-top: 8px; }
.aula-spelling-live-app .live-actions .button, .aula-spelling-live-app .live-controls .button { min-height: 57px; padding-inline: 20px; font-size: 22px; }
.aula-spelling-live-app .live-actions .link-button, .aula-spelling-live-app .live-controls .link-button { min-height: 48px; font-size: 19px; }
.aula-spelling-live-app .live-access-card .live-actions .button { width: 100%; }
.aula-spelling-live-app :is(.live-notice, .live-error, .live-storage-warning) { margin: 15px 0; padding: 13px 16px; border: 1px solid #b8b5d6; border-radius: 12px; color: #596789; background: #f1ecff; font-size: 19px; font-weight: 800; line-height: 1.4; }
.aula-spelling-live-app :is(.live-notice, .live-error, .live-storage-warning):empty { display: none; }
.aula-spelling-live-app .live-error { color: #96443e; border-color: #d5a49f; background: #fff0ec; }
.aula-spelling-live-app .live-storage-warning { color: #7e623b; border-color: #d1b574; background: #fff3d4; }
.aula-spelling-live-app .live-room-top { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 18px; min-width: 0; margin: 0 0 19px; padding: 18px 22px; border: 2px solid #bcb5d8; border-radius: 19px; color: #f7f0ff; background: linear-gradient(115deg, #3b4b78ef, #5c568bef); box-shadow: 0 5px 0 #27365c, inset 0 1px 0 #d6cefa70; }
.aula-spelling-live-app .live-room-top :is(h1, h2) { color: #f7f0ff; font-size: 33px; }
.aula-spelling-live-app .live-room-top p { margin-top: 5px; color: #e0def3; font-size: 19px; }
.aula-spelling-live-app .live-code { display: block; min-width: 0; color: #e4f5ff; font-size: clamp(44px, 5.6vw, 70px); font-weight: 1000; line-height: 1.02; letter-spacing: .11em; font-variant-numeric: tabular-nums; white-space: nowrap; }
.aula-spelling-live-app .live-code :is(b, strong) { font: inherit; }
.aula-spelling-live-app .live-code small { display: block; margin-bottom: 7px; color: #d2d7ef; font-size: 17px; font-weight: 900; line-height: 1.1; letter-spacing: .6px; }
.aula-spelling-live-app .live-lobby-grid { display: grid; grid-template-columns: minmax(0, 1.1fr) minmax(0, .9fr); align-items: start; gap: 21px; min-width: 0; }
.aula-spelling-live-app :is(.live-share, .live-roster, .live-board, .live-wait, .live-review, .live-leaderboard) { min-width: 0; }
.aula-spelling-live-app .live-share { padding: 22px; border: 1px solid #bcb4d6; border-radius: 17px; color: #505f85; background: #f4efffdb; }
.aula-spelling-live-app .live-share h2, .aula-spelling-live-app .live-roster h2 { margin-bottom: 15px; font-size: 29px; }
.aula-spelling-live-app .live-share p { margin: 11px 0; font-size: 20px; line-height: 1.4; }
.aula-spelling-live-app .live-share a { display: inline-block; max-width: 100%; color: #465f9b; font-size: 19px; overflow-wrap: anywhere; text-underline-offset: 3px; }
.aula-spelling-live-app .live-share input { display: block; width: 100%; min-width: 0; min-height: 48px; margin: 11px 0; padding: 10px 12px; border: 1px solid #b2aed0; border-radius: 10px; color: #4b5d88; background: #fffaff; font-size: 18px; }
.aula-spelling-live-app .live-roster { padding: 22px; border: 1px solid #bcb4d6; border-radius: 17px; color: #505f85; background: #f4efffdb; }
.aula-spelling-live-app .live-roster-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); gap: 9px; margin: 0; padding: 0; list-style: none; }
.aula-spelling-live-app .live-roster-list > :is(li, div) { display: flex; align-items: center; justify-content: space-between; gap: 8px; min-width: 0; min-height: 48px; padding: 10px 12px; border: 1px solid #c5bddc; border-radius: 11px; color: #4c5a7f; background: #fffaff; font-size: 19px; font-weight: 900; line-height: 1.2; overflow-wrap: anywhere; }
.aula-spelling-live-app .live-roster-list > :is(li, div).is-answered { border-color: #9bbfae; background: #ecf7ef; }
.aula-spelling-live-app .live-roster-list small { flex-shrink: 0; color: #7a839d; font-size: 16px; font-weight: 700; }
.aula-spelling-live-app .live-round-head { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 15px; margin: 0 0 17px; color: #f6f0ff; }
.aula-spelling-live-app .live-round-head :is(h1, h2, p) { color: inherit; text-shadow: 0 2px 4px #2a3558; }
.aula-spelling-live-app .live-round-head p { font-size: 20px; }
.aula-spelling-live-app .live-clock { display: inline-flex; align-items: center; justify-content: center; flex-shrink: 0; min-width: 108px; min-height: 91px; padding: 12px 19px; border: 2px solid #bfc5e6; border-radius: 19px; color: #e3f6ff; background: #3b4979ed; box-shadow: 0 4px 0 #25365c, inset 0 1px 0 #c9d0ed61; font-size: clamp(46px, 5.2vw, 67px); font-weight: 1000; line-height: 1; font-variant-numeric: tabular-nums; }
.aula-spelling-live-app .live-clock small { margin-left: 7px; font-size: 20px; font-weight: 900; }
.aula-spelling-live-app .live-board { display: flex; flex-direction: column; gap: 18px; }
.aula-spelling-live-app .live-private-word { display: flex; align-items: center; justify-content: center; flex-direction: column; gap: 12px; width: 100%; min-width: 0; min-height: 170px; padding: 22px; border: 2px solid #b9aed8; border-radius: 20px; color: #444f7f; background: linear-gradient(135deg, #fffaff, #dee5f5); box-shadow: 0 5px 0 #6c638c, inset 0 0 0 3px #f9f3ffad; font-size: clamp(51px, 6.7vw, 90px); font-weight: 1000; line-height: 1.04; letter-spacing: -1.5px; text-align: center; overflow-wrap: anywhere; }
.aula-spelling-live-app .live-private-word strong { font: inherit; }
.aula-spelling-live-app .live-private-word small { color: #78809b; font-size: 18px; font-weight: 900; letter-spacing: .4px; }
.aula-spelling-live-app .live-student-stage { width: min(930px, 100%); margin: 0 auto; }
.aula-spelling-live-app .live-student-stage .spelling-stage { gap: 16px; padding: 22px; }
.aula-spelling-live-app .live-student-stage .spelling-input { min-height: 69px; font-size: 38px; }
.aula-spelling-live-app .live-student-stage .spelling-keyboard { flex: none; min-height: 0; max-height: 400px; grid-template-columns: repeat(auto-fit, minmax(48px, 1fr)); gap: 8px; padding-bottom: 5px; }
.aula-spelling-live-app .live-student-stage .letter-key { min-width: 44px; min-height: 44px; border-radius: 6px; aspect-ratio: 1 / 1; }
.aula-spelling-live-app .live-student-stage .letter-key.is-delete { aspect-ratio: 2 / 1; }
.aula-spelling-live-app .live-submit { width: 100%; min-height: 64px; margin-top: 5px; font-size: 27px; }
.aula-spelling-live-app .live-wait { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 18px; min-height: 235px; padding: 28px; border: 2px solid #bab6da; border-radius: 22px; color: #53628b; background: #edeaf8ed; text-align: center; }
.aula-spelling-live-app .live-wait .game-icon { width: 84px; height: 84px; }
.aula-spelling-live-app .live-wait h2 { font-size: 35px; }
.aula-spelling-live-app .live-wait p { max-width: 700px; margin: 0; color: #6c7490; font-size: 22px; line-height: 1.35; }
.aula-spelling-live-app .live-progress { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 10px; margin: 10px 0; color: #555f83; font-size: 21px; font-weight: 900; }
.aula-spelling-live-app .live-progress strong { color: #4b5e8e; font-size: 30px; line-height: 1; font-variant-numeric: tabular-nums; }
.aula-spelling-live-app .live-review { padding: 22px; border: 1px solid #b8b3d4; border-radius: 18px; color: #4a587e; background: #f4f0ffed; }
.aula-spelling-live-app .live-review h2, .aula-spelling-live-app .live-leaderboard h2 { margin-bottom: 17px; font-size: 33px; }
.aula-spelling-live-app .live-result { padding: 22px; border: 2px solid #b5b5d6; border-radius: 18px; color: #56638a; background: #f6f1ff; font-size: 24px; font-weight: 900; line-height: 1.25; text-align: center; }
.aula-spelling-live-app .live-result.is-correct, .aula-spelling-live-app .live-result[data-correct="true"] { color: #3c7158; border-color: #a2c4b1; background: #edf8ef; }
.aula-spelling-live-app .live-result.is-wrong, .aula-spelling-live-app .live-result[data-correct="false"] { color: #9b5656; border-color: #d4b0b1; background: #fff0f0; }
.aula-spelling-live-app .live-result strong { display: block; margin: 8px 0; font-size: 43px; font-weight: 1000; line-height: 1; font-variant-numeric: tabular-nums; }
.aula-spelling-live-app .live-leaderboard { padding: 22px; border: 1px solid #b8b3d4; border-radius: 18px; color: #4a587e; background: #f4f0ffed; }
.aula-spelling-live-app .live-leaderboard table, .aula-spelling-live-app table.live-leaderboard, .aula-spelling-live-app .live-review table { width: 100%; margin: 0; border-collapse: collapse; text-align: left; font-size: 20px; }
.aula-spelling-live-app .live-leaderboard :is(th, td), .aula-spelling-live-app .live-review :is(th, td) { min-width: 0; padding: 12px 10px; border-bottom: 1px solid #cec7df; font-variant-numeric: tabular-nums; overflow-wrap: anywhere; }
.aula-spelling-live-app .live-leaderboard th, .aula-spelling-live-app .live-review th { color: #747b96; font-size: 17px; font-weight: 950; line-height: 1.2; }
.aula-spelling-live-app .live-leaderboard :is(th, td):first-child { width: 49px; text-align: center; }
.aula-spelling-live-app .live-leaderboard :is(th, td):last-child { text-align: right; }
.aula-spelling-live-app .live-leaderboard tr.is-self td, .aula-spelling-live-app .live-leaderboard tr.is-winner td { color: #414c7b; background: #dce5f5; font-weight: 1000; }
.aula-spelling-live-app .live-review :is(td, th):last-child { text-align: right; }
.aula-spelling-live-app .live-review td small { color: #78809b; font-size: 16px; }
.aula-spelling-live-app :is(.live-review, .live-leaderboard) tbody tr:last-child td { border-bottom: 0; }
.aula-spelling-live-app:fullscreen [data-live-ui="app"] { width: min(1360px, 100%); }
.aula-spelling-live-app:fullscreen { overflow-y: auto; }
@media (max-height: 820px) and (min-width: 801px) {
	.aula-spelling-live-app .topbar { min-height: 65px; padding-block: 8px; }
	.aula-spelling-live-app .brand-logo { width: 137px; height: 40px; }
	.aula-spelling-live-app .brand-title { font-size: 31px; }
	.aula-spelling-live-app [data-live-ui="app"] { padding-top: 2px; padding-bottom: 19px; }
	.aula-spelling-live-app .live-room-top { margin-bottom: 15px; padding: 14px 19px; }
	.aula-spelling-live-app .live-code { font-size: 54px; }
	.aula-spelling-live-app .live-round-head { margin-bottom: 13px; }
	.aula-spelling-live-app .live-private-word { min-height: 145px; font-size: 73px; padding: 18px; }
	.aula-spelling-live-app .live-student-stage .spelling-stage { gap: 12px; padding: 17px; }
	.aula-spelling-live-app .live-student-stage .spelling-input { min-height: 60px; font-size: 34px; }
	.aula-spelling-live-app .live-student-stage .spelling-keyboard { grid-template-columns: repeat(auto-fit, minmax(45px, 1fr)); gap: 7px; max-height: 270px; }
	.aula-spelling-live-app .live-submit { min-height: 59px; font-size: 25px; }
}
@media (max-width: 800px) {
	.aula-spelling-live-app [data-live-ui="app"] { padding: 3px 16px 24px; }
	.aula-spelling-live-app .live-access-grid { gap: 17px; }
	.aula-spelling-live-app .live-access-card { padding: 18px; }
	.aula-spelling-live-app .live-config-grid { gap: 13px; }
	.aula-spelling-live-app .live-lobby-grid { grid-template-columns: minmax(0, 1fr); gap: 17px; }
	.aula-spelling-live-app .live-roster-list { grid-template-columns: repeat(auto-fit, minmax(155px, 1fr)); }
	.aula-spelling-live-app .live-student-stage .spelling-stage { padding: 18px; }
	.aula-spelling-live-app .live-leaderboard, .aula-spelling-live-app .live-review { padding: 18px; }
}
@media (max-width: 600px) {
	.aula-spelling-live-app .live-access-grid { grid-template-columns: minmax(0, 1fr); }
	.aula-spelling-live-app .live-entry { padding: 21px 17px; }
	.aula-spelling-live-app .live-access-card { padding: 20px 16px; }
}
@media (max-width: 540px) {
	.aula-spelling-live-app [data-live-ui="app"] { padding: 3px 12px 22px; }
	.aula-spelling-live-app [data-live-ui="status"] { width: calc(100% - 24px); padding: 11px 13px; font-size: 18px; }
	.aula-spelling-live-app h1 { font-size: 36px; }
	.aula-spelling-live-app h2 { font-size: 30px; }
	.aula-spelling-live-app .brand-title { max-width: 147px; font-size: 23px; }
	.aula-spelling-live-app .live-entry > p { font-size: 20px; }
	.aula-spelling-live-app .live-config-grid { gap: 14px; }
	.aula-spelling-live-app .live-field { font-size: 20px; }
	.aula-spelling-live-app .live-field :is(input, select) { min-height: 54px; padding-inline: 10px; font-size: 21px; }
	.aula-spelling-live-app .live-field input[inputmode="numeric"] { font-size: 32px; letter-spacing: 4px; }
	.aula-spelling-live-app .live-actions, .aula-spelling-live-app .live-controls { gap: 10px; }
	.aula-spelling-live-app .live-actions .button, .aula-spelling-live-app .live-controls .button { min-height: 54px; padding: 11px 14px; font-size: 22px; }
	.aula-spelling-live-app .live-room-top { gap: 16px; padding: 18px 17px; }
	.aula-spelling-live-app .live-room-top :is(h1, h2) { font-size: 30px; }
	.aula-spelling-live-app .live-room-top .live-actions { width: 100%; }
	.aula-spelling-live-app .live-code { font-size: clamp(40px, 10.5vw, 54px); letter-spacing: .08em; }
	.aula-spelling-live-app :is(.live-share, .live-roster, .live-review, .live-leaderboard) { padding: 19px 15px; }
	.aula-spelling-live-app .live-roster-list { grid-template-columns: minmax(0, 1fr); gap: 9px; }
	.aula-spelling-live-app .live-roster-list > :is(li, div) { min-height: 48px; font-size: 20px; }
	.aula-spelling-live-app .live-round-head { gap: 12px; }
	.aula-spelling-live-app .live-round-head :is(h1, h2) { max-width: calc(100% - 105px); font-size: 29px; }
	.aula-spelling-live-app .live-clock { min-width: 91px; min-height: 79px; padding: 11px 14px; font-size: 46px; border-radius: 16px; }
	.aula-spelling-live-app .live-clock small { font-size: 18px; }
	.aula-spelling-live-app .live-private-word { min-height: 145px; padding: 19px 13px; border-radius: 18px; font-size: clamp(41px, 10.7vw, 59px); letter-spacing: -.7px; }
	.aula-spelling-live-app .live-private-word small { font-size: 18px; }
	.aula-spelling-live-app .live-student-stage .spelling-stage { padding: 18px 12px; gap: 14px; }
	.aula-spelling-live-app .live-student-stage .spelling-input { min-height: 64px; padding-inline: 10px; font-size: 32px; }
	.aula-spelling-live-app .live-student-stage .spelling-keyboard { grid-template-columns: repeat(auto-fit, minmax(44px, 1fr)); gap: 7px; max-height: 420px; }
	.aula-spelling-live-app .live-submit { min-height: 62px; font-size: 25px; }
	.aula-spelling-live-app .live-wait { min-height: 245px; padding: 24px 17px; gap: 17px; }
	.aula-spelling-live-app .live-wait h2 { font-size: 32px; }
	.aula-spelling-live-app .live-wait p { font-size: 21px; }
	.aula-spelling-live-app .live-result { padding: 19px 14px; font-size: 23px; }
	.aula-spelling-live-app .live-result strong { font-size: 38px; }
	.aula-spelling-live-app .live-leaderboard table, .aula-spelling-live-app table.live-leaderboard, .aula-spelling-live-app .live-review table { font-size: 18px; }
	.aula-spelling-live-app .live-leaderboard :is(th, td), .aula-spelling-live-app .live-review :is(th, td) { padding: 11px 6px; }
	.aula-spelling-live-app .live-leaderboard th, .aula-spelling-live-app .live-review th { font-size: 16px; }
	.aula-spelling-live-app .live-leaderboard :is(th, td):first-child { width: 29px; }
	.aula-spelling-live-app .live-review h2, .aula-spelling-live-app .live-leaderboard h2 { font-size: 30px; }
}
@media (max-width: 360px) {
	.aula-spelling-live-app [data-live-ui="app"] { padding-inline: 10px; }
	.aula-spelling-live-app .brand-title { max-width: 130px; font-size: 22px; }
	.aula-spelling-live-app .live-config-grid { grid-template-columns: minmax(0, 1fr); }
	.aula-spelling-live-app .live-entry { padding-inline: 14px; }
	.aula-spelling-live-app .live-access-card { padding-inline: 13px; }
	.aula-spelling-live-app .live-room-top { padding-inline: 14px; }
	.aula-spelling-live-app .live-room-top .live-actions .button { width: 100%; }
	.aula-spelling-live-app .live-student-stage .spelling-stage { padding-inline: 10px; }
	.aula-spelling-live-app .live-student-stage .spelling-keyboard { gap: 6px; }
	.aula-spelling-live-app .live-leaderboard :is(th, td), .aula-spelling-live-app .live-review :is(th, td) { padding-inline: 4px; }
}
@media (prefers-reduced-motion: reduce) {
	.aula-spelling-live-app *, .aula-spelling-live-app *::before, .aula-spelling-live-app *::after { animation: none !important; transition: none !important; }
}

/* The shared live board keeps the private/work area separate from room controls. */
.aula-spelling-live-app .live-board { display: grid; grid-template-columns: minmax(0, 1fr) 280px; align-items: stretch; gap: 18px; }
.aula-spelling-live-app .live-main { display: flex; flex-direction: column; gap: 17px; min-width: 0; min-height: 0; }
.aula-spelling-live-app .live-side { display: flex; flex-direction: column; align-items: stretch; gap: 15px; min-width: 0; }
.aula-spelling-live-app .live-side .live-controls { flex-direction: column; align-items: stretch; gap: 12px; margin: 0; }
.aula-spelling-live-app .live-side .live-controls .button, .aula-spelling-live-app .live-side .live-controls .link-button { width: 100%; min-height: 59px; font-size: 23px; }
.aula-spelling-live-app .live-timer-panel { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 13px; min-height: 190px; padding: 22px; border: 2px solid #b8beddb3; border-radius: 20px; color: #ececff; background: linear-gradient(#535f91f0, #34446ff5); box-shadow: 0 5px 0 #28365c, inset 0 0 0 3px #b1afd324; text-align: center; }
.aula-spelling-live-app .live-timer-panel .live-clock { min-width: 0; min-height: 0; padding: 0; border: 0; border-radius: 0; background: transparent; box-shadow: none; font-size: 79px; line-height: 1; }
.aula-spelling-live-app .live-timer-panel p, .aula-spelling-live-app .live-timer-panel small { color: #dedff3; font-size: 18px; font-weight: 900; }
.aula-spelling-live-app .live-timer-panel .live-progress { margin: 0; color: #e2e6f7; font-size: 19px; }
.aula-spelling-live-app .live-timer-panel .live-progress strong { color: #d6f6ff; }
.aula-spelling-live-app .live-private-card { display: flex; flex-direction: column; gap: 17px; padding: 24px; border: 2px solid #bcb5d7; border-radius: 21px; color: #526187; background: #e9e8f7f5; box-shadow: 0 5px 0 #655c85; }
.aula-spelling-live-app .live-private-card h2 { font-size: 34px; }
.aula-spelling-live-app .live-private-card p { margin: 0; font-size: 21px; line-height: 1.35; }
.aula-spelling-live-app .live-student-stage { display: flex; flex: 1; }
.aula-spelling-live-app .live-student-stage > .spelling-stage, .aula-spelling-live-app .live-student-stage > .live-wait { width: 100%; }
.aula-spelling-live-app .live-side > .live-submit { margin-top: auto; min-height: 79px; font-size: 29px; }
.aula-spelling-live-app .live-review table.live-ranking, .aula-spelling-live-app .live-review table.live-results-table { table-layout: fixed; }
.aula-spelling-live-app .live-ranking td:nth-child(2) { font-weight: 950; }
.aula-spelling-live-app[data-live-role="screen"] .live-code { font-size: clamp(60px, 8vw, 100px); }
.aula-spelling-live-app[data-live-role="screen"] .live-wait h2 { font-size: clamp(35px, 4vw, 52px); }
.aula-spelling-live-app[data-live-role="screen"] .live-wait { min-height: 320px; }
@media (max-height: 820px) and (min-width: 801px) {
	.aula-spelling-live-app .live-board { grid-template-columns: minmax(0, 1fr) 250px; gap: 16px; }
	.aula-spelling-live-app .live-timer-panel { min-height: 170px; padding: 19px; }
	.aula-spelling-live-app .live-timer-panel .live-clock { font-size: 72px; }
	.aula-spelling-live-app .live-private-card { padding: 20px; }
}
@media (max-width: 800px) {
	.aula-spelling-live-app .live-board { grid-template-columns: minmax(0, 1fr); gap: 20px; }
	.aula-spelling-live-app .live-side { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); align-items: center; gap: 17px; }
	.aula-spelling-live-app .live-timer-panel { min-height: 153px; padding: 18px; }
	.aula-spelling-live-app .live-timer-panel .live-clock { font-size: 65px; }
	.aula-spelling-live-app .live-side > .live-submit { margin: 0; min-height: 77px; }
	.aula-spelling-live-app .live-side > .live-notice { grid-column: 1 / -1; margin: 0; }
}
@media (max-width: 540px) {
	.aula-spelling-live-app .live-board { gap: 18px; }
	.aula-spelling-live-app .live-side { grid-template-columns: minmax(0, 1fr); gap: 16px; }
	.aula-spelling-live-app .live-timer-panel { flex-direction: row; flex-wrap: wrap; gap: 12px 20px; min-height: 113px; padding: 18px; }
	.aula-spelling-live-app .live-timer-panel .live-clock { font-size: 61px; }
	.aula-spelling-live-app .live-private-card { gap: 15px; padding: 20px 15px; }
	.aula-spelling-live-app .live-private-card h2 { font-size: 31px; }
	.aula-spelling-live-app .live-private-card p { font-size: 21px; }
	.aula-spelling-live-app .live-side > .live-submit { min-height: 65px; font-size: 27px; }
	.aula-spelling-live-app[data-live-role="screen"] .live-code { font-size: clamp(44px, 13vw, 62px); }
	.aula-spelling-live-app[data-live-role="screen"] .live-wait { min-height: 260px; }
}

/* Exact live renderer: the student stage is the section itself. */
.aula-spelling-live-app .live-entry .setup-head { flex-wrap: wrap; align-items: flex-start; gap: 12px; }
.aula-spelling-live-app .live-entry-note, .aula-spelling-live-app .live-ranking-note { margin: 19px 0 0; color: #727b97; font-size: 18px; line-height: 1.4; }
.aula-spelling-live-app .live-room-top .eyebrow, .aula-spelling-live-app .live-timer-panel .eyebrow { color: #dce0f3; }
.aula-spelling-live-app .live-share .live-code { margin: 11px 0 23px; color: #4c5c92; }
.aula-spelling-live-app .live-roster-list > .live-player { flex-wrap: wrap; }
.aula-spelling-live-app .live-roster-list > .live-player > span { flex: 1 1 90px; min-width: 0; overflow-wrap: anywhere; }
.aula-spelling-live-app .live-roster-list > .live-player > strong { color: #76809a; font-size: 16px; font-weight: 800; line-height: 1.2; }
.aula-spelling-live-app .spelling-stage.live-student-stage { gap: 16px; padding: 22px; }
.aula-spelling-live-app .live-answer-form { display: block; width: 100%; min-width: 0; margin: 0; }
.aula-spelling-live-app .live-submit-controls { margin-top: auto; }
.aula-spelling-live-app .live-submit-controls .live-submit { min-height: 79px; margin: 0; font-size: 27px; white-space: normal; }
.aula-spelling-live-app .live-submit-controls p { margin: 12px 0; color: #e0e2f5; font-size: 18px; font-weight: 800; line-height: 1.35; text-align: center; text-shadow: 0 1px 3px #2b3658; }
.aula-spelling-live-app .live-submit-controls [data-live-ui="pending"] .button { width: 100%; min-height: 55px; font-size: 20px; }
.aula-spelling-live-app .live-side > .live-progress { margin: 3px 0; color: #e5e6f7; text-align: center; text-shadow: 0 2px 4px #29375a; }
.aula-spelling-live-app .live-side > .live-progress strong { color: #d9f4ff; }
.aula-spelling-live-app .live-result.is-incorrect { color: #9b5656; border-color: #d4b0b1; background: #fff0f0; }
.aula-spelling-live-app .live-responses { margin-top: 24px; }
.aula-spelling-live-app .live-responses h3 { margin: 0 0 13px; }
@media (max-height: 820px) and (min-width: 801px) {
	.aula-spelling-live-app .spelling-stage.live-student-stage { gap: 12px; padding: 17px; }
}
@media (max-width: 800px) {
	.aula-spelling-live-app .live-submit-controls { margin: 0; }
	.aula-spelling-live-app .live-side > .live-progress { align-self: center; }
	.aula-spelling-live-app .live-side > .live-controls { grid-column: 1 / -1; }
}
@media (max-width: 540px) {
	.aula-spelling-live-app .spelling-stage.live-student-stage { padding: 18px 12px; gap: 14px; }
	.aula-spelling-live-app .live-submit-controls .live-submit { min-height: 65px; font-size: 25px; }
}
@media (max-width: 360px) {
	.aula-spelling-live-app .spelling-stage.live-student-stage { padding-inline: 10px; }
}

/* 4.2.0 · One generous answer field, large square keys and a compact send rail. */
.aula-spelling-live-app { width: min(1760px, 100%); container-type: inline-size; container-name: live-game; }
.aula-spelling-live-app .topbar { flex-wrap: wrap; gap: 12px; }
.aula-spelling-live-app .brand { min-width: 0; gap: 12px; }
.aula-spelling-live-app [data-live-ui="app"] { width: 100%; max-width: none; padding: 4px 28px 30px; }
.aula-spelling-live-app .live-board { grid-template-columns: minmax(0, 1fr) 260px; align-items: start; gap: 24px; }
.aula-spelling-live-app .live-main { width: 100%; min-width: 0; gap: 20px; }
.aula-spelling-live-app .live-side { align-self: start; gap: 17px; }
.aula-spelling-live-app .live-room-top { margin-bottom: 18px; padding: 14px 23px; }
.aula-spelling-live-app .live-room-top h1 { font-size: 32px; }
.aula-spelling-live-app .live-round-head { margin-bottom: 0; font-size: 19px; }
.aula-spelling-live-app .spelling-stage.live-student-stage { --live-key-columns: 12; --live-key-gap: 10px; --live-key-min: 48px; container-type: inline-size; container-name: live-writing; width: 100%; max-width: none; margin: 0; padding: 27px; gap: 22px; border-radius: 22px; background: radial-gradient(ellipse at 45% 0, #fffcff, transparent 75%), linear-gradient(135deg, #f1edfc, #dce2f4); box-shadow: 0 6px 0 #655c87, 0 12px 22px #22335352, inset 0 0 0 4px #fff6ffb8; }
.aula-spelling-live-app .live-student-stage h2.spelling-prompt { color: #48567f; font-size: 31px; line-height: 1.1; }
.aula-spelling-live-app .live-answer-form { width: 100%; min-width: 0; margin: 0; }
.aula-spelling-live-app .live-answer-field { display: flex; flex-direction: column; gap: 10px; width: 100%; min-width: 0; }
.aula-spelling-live-app .live-answer-label { display: block; color: #59678a; font-size: 23px; font-weight: 950; line-height: 1.15; }
.aula-spelling-live-app .live-student-stage .spelling-input.live-answer-input { width: 100%; min-width: 0; min-height: 100px; margin: 0; padding: 16px 21px; border: 3px solid #8f9bc6; border-radius: 16px; color: #344b7b; background: #fffdfd; box-shadow: 0 3px 0 #a3acd1, inset 0 2px 4px #63729614; font-size: clamp(37px, 4cqw, 58px); font-weight: 1000; line-height: 1.15; letter-spacing: 1px; text-align: center; }
.aula-spelling-live-app .live-student-stage .spelling-input.live-answer-input::placeholder { color: #929cb8; font-size: 28px; font-weight: 800; letter-spacing: 0; }
.aula-spelling-live-app .live-letter-board { width: 100%; min-width: 0; }
.aula-spelling-live-app .live-student-stage .spelling-keyboard { display: grid; grid-template-columns: repeat(var(--live-key-columns), minmax(var(--live-key-min), 1fr)); grid-auto-rows: max-content; align-items: start; align-content: start; gap: var(--live-key-gap); width: 100%; min-width: 0; min-height: 0; max-height: none; margin: 0; padding: 0 0 5px; flex: none; overflow: visible; }
.aula-spelling-live-app .live-student-stage .letter-key { display: inline-flex; align-items: center; justify-content: center; width: 100%; height: auto; min-width: 0; min-height: 0; padding: 0; border: 2px solid #a5a8cf; border-radius: 7px; color: #40557f; background: linear-gradient(#fffaff, #dfe6f7); box-shadow: 0 4px 0 #7f8aac, inset 0 1px 0 #ffffff; font-size: clamp(26px, calc(46cqw / var(--live-key-columns)), 40px); font-weight: 1000; line-height: 1; aspect-ratio: 1 / 1; }
.aula-spelling-live-app .live-student-stage .letter-key:hover { color: #2e4c79; border-color: #748fb5; background: #f5faff; }
.aula-spelling-live-app .live-student-stage .letter-key:active { transform: translateY(3px); box-shadow: 0 1px 0 #7f8aac; }
.aula-spelling-live-app .live-student-stage .letter-key.is-delete { grid-column: span 2; aspect-ratio: 2 / 1; gap: 5px; color: #715a88; background: linear-gradient(#f9f1ff, #dacfe9); }
.aula-spelling-live-app .live-student-stage .letter-key.is-delete span { font-size: 17px; text-transform: none; }
.aula-spelling-live-app .live-timer-panel { min-height: 207px; padding: 24px 18px; gap: 12px; border-radius: 21px; }
.aula-spelling-live-app .live-timer-panel .live-clock { font-size: 90px; font-weight: 1000; letter-spacing: -3px; }
.aula-spelling-live-app .live-side > .live-progress { gap: 7px; margin: 0; font-size: 18px; line-height: 1.2; }
.aula-spelling-live-app .live-side > .live-progress strong { font-size: 29px; }
.aula-spelling-live-app .live-submit-controls { margin: 0; }
.aula-spelling-live-app .live-submit-controls .live-submit { width: 100%; min-height: 103px; margin: 0; padding: 19px 15px; border-width: 3px; border-radius: 19px; font-size: 31px; font-weight: 1000; line-height: 1.1; box-shadow: 0 6px 0 #303a70, 0 11px 18px #2530472b, inset 0 2px 0 #c3c7ee; }
.aula-spelling-live-app .live-submit-controls > p { margin: 12px 0 0; color: #d9ddf2; font-size: 17px; line-height: 1.3; }
.aula-spelling-live-app .live-submit-controls [data-live-ui="pending"] p { color: #fff0c4; font-size: 18px; }
.aula-spelling-live-app .live-side .live-controls { gap: 10px; }
.aula-spelling-live-app .live-side .live-controls .button, .aula-spelling-live-app .live-side .live-controls .link-button { min-height: 50px; font-size: 20px; }
.aula-spelling-live-app .live-private-card { padding: 28px; gap: 22px; }
.aula-spelling-live-app .live-private-card > .eyebrow { font-size: 18px; }
.aula-spelling-live-app .live-private-card .live-private-word { min-height: 220px; margin: 0; padding: 23px; font-size: clamp(61px, 7vw, 102px); line-height: 1.06; }
.aula-spelling-live-app .live-word-hidden { display: flex; align-items: center; justify-content: center; min-height: 220px; padding: 23px; border: 2px dashed #b8b6d3; border-radius: 19px; color: #7b82a1; background: #e8e8f44d; font-size: 37px; font-weight: 950; line-height: 1.15; text-align: center; }
.aula-spelling-live-app .live-private-card .live-word-toggle { align-self: center; width: min(330px, 100%); min-height: 61px; padding: 14px 18px; font-size: 25px; font-weight: 950; }
.aula-spelling-live-app .live-private-card[data-word-visible="true"] .live-word-toggle { color: #ecf7ff; border-color: #b4d3e5; box-shadow: 0 3px 0 #252e51, 0 0 0 2px #abc9dc; }
.aula-spelling-live-app .live-private-card > p:not(.live-word-hidden) { color: #727a97; font-size: 20px; line-height: 1.35; text-align: center; }
@media (max-height: 820px) and (min-width: 901px) {
	.aula-spelling-live-app .topbar { min-height: 63px; padding-block: 8px; }
	.aula-spelling-live-app [data-live-ui="app"] { padding-top: 1px; padding-bottom: 22px; }
	.aula-spelling-live-app .live-room-top { margin-bottom: 15px; padding-block: 12px; }
	.aula-spelling-live-app .spelling-stage.live-student-stage { padding: 22px; gap: 17px; }
	.aula-spelling-live-app .live-student-stage .spelling-input.live-answer-input { min-height: 84px; padding-block: 13px; font-size: clamp(37px, 4cqw, 49px); }
	.aula-spelling-live-app .live-timer-panel { min-height: 182px; padding: 20px 16px; }
	.aula-spelling-live-app .live-timer-panel .live-clock { font-size: 80px; }
	.aula-spelling-live-app .live-submit-controls .live-submit { min-height: 93px; font-size: 29px; }
}
@media (max-width: 1100px) {
	.aula-spelling-live-app [data-live-ui="app"] { padding-inline: 20px; }
	.aula-spelling-live-app .live-board { grid-template-columns: minmax(0, 1fr) 220px; gap: 20px; }
	.aula-spelling-live-app .spelling-stage.live-student-stage { --live-key-columns: 10; --live-key-gap: 8px; padding: 20px; }
}
@media (max-width: 900px) {
	.aula-spelling-live-app .live-board { grid-template-columns: minmax(0, 1fr); gap: 20px; }
	.aula-spelling-live-app .live-side { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.15fr); align-items: center; gap: 15px 19px; width: 100%; }
	.aula-spelling-live-app[data-live-role="player"] .live-side { grid-row: 1; }
	.aula-spelling-live-app[data-live-role="player"] .live-main { grid-row: 2; }
	.aula-spelling-live-app[data-live-role="player"] .live-timer-panel { grid-column: 1; grid-row: 1; }
	.aula-spelling-live-app[data-live-role="player"] .live-side > .live-progress { grid-column: 1; grid-row: 2; }
	.aula-spelling-live-app[data-live-role="player"] .live-submit-controls { grid-column: 2; grid-row: 1 / 3; }
	.aula-spelling-live-app .live-side > .live-controls { grid-column: 1 / -1; }
	.aula-spelling-live-app .live-timer-panel { min-height: 132px; padding: 17px; }
	.aula-spelling-live-app .live-timer-panel .live-clock { font-size: 65px; }
	.aula-spelling-live-app .live-submit-controls .live-submit { min-height: 100px; font-size: 29px; }
	.aula-spelling-live-app .live-student-stage .spelling-input.live-answer-input { min-height: 85px; font-size: 39px; }
	.aula-spelling-live-app .live-private-card { padding: 24px; }
	.aula-spelling-live-app .live-private-card .live-private-word { min-height: 180px; font-size: 65px; }
	.aula-spelling-live-app .live-word-hidden { min-height: 180px; font-size: 33px; }
}
@media (max-width: 640px) {
	.aula-spelling-live-app .spelling-stage.live-student-stage { --live-key-columns: 8; --live-key-min: 44px; --live-key-gap: 7px; padding: 20px 15px; gap: 18px; }
	.aula-spelling-live-app .live-answer-label { font-size: 22px; }
	.aula-spelling-live-app .live-student-stage .spelling-input.live-answer-input { min-height: 78px; padding: 13px; font-size: 34px; }
}
@media (max-width: 540px) {
	.aula-spelling-live-app [data-live-ui="app"] { padding-inline: 12px; }
	.aula-spelling-live-app .live-room-top { padding: 15px; }
	.aula-spelling-live-app .live-room-top h1 { font-size: 30px; }
	.aula-spelling-live-app .live-round-head { gap: 10px; font-size: 18px; }
	.aula-spelling-live-app .live-side { gap: 12px 14px; }
	.aula-spelling-live-app .live-timer-panel { min-height: 112px; padding: 14px 10px; }
	.aula-spelling-live-app .live-timer-panel .live-clock { font-size: 58px; letter-spacing: -2px; }
	.aula-spelling-live-app .live-timer-panel .eyebrow { font-size: 16px; }
	.aula-spelling-live-app .live-submit-controls .live-submit { min-height: 106px; padding: 16px 10px; font-size: 25px; }
	.aula-spelling-live-app .live-submit-controls > p { margin-top: 10px; font-size: 16px; }
	.aula-spelling-live-app .live-side > .live-progress { font-size: 17px; }
	.aula-spelling-live-app .live-side > .live-progress strong { font-size: 25px; }
	.aula-spelling-live-app .live-student-stage h2.spelling-prompt { font-size: 28px; }
	.aula-spelling-live-app .live-private-card { padding: 22px 16px; gap: 18px; }
	.aula-spelling-live-app .live-private-card .live-private-word { min-height: 163px; padding: 19px 13px; font-size: clamp(39px, 10vw, 56px); }
	.aula-spelling-live-app .live-word-hidden { min-height: 163px; padding: 19px 13px; font-size: 29px; }
	.aula-spelling-live-app .live-private-card .live-word-toggle { min-height: 59px; font-size: 23px; }
}
@media (max-width: 480px) {
	.aula-spelling-live-app .spelling-stage.live-student-stage { --live-key-columns: 6; padding-inline: 12px; }
}
@media (max-width: 360px) {
	.aula-spelling-live-app [data-live-ui="app"] { padding-inline: 10px; }
	.aula-spelling-live-app .spelling-stage.live-student-stage { --live-key-columns: 5; --live-key-gap: 6px; padding-inline: 10px; }
	.aula-spelling-live-app .live-timer-panel .live-clock { font-size: 53px; }
	.aula-spelling-live-app .live-submit-controls .live-submit { font-size: 24px; }
}

/* Responsive shortcode columns use the same layout without relying on viewport width. */
@container live-game (max-width: 1100px) {
	.aula-spelling-live-app [data-live-ui="app"] { padding-inline: 20px; }
	.aula-spelling-live-app .live-board { grid-template-columns: minmax(0, 1fr) 220px; gap: 20px; }
	.aula-spelling-live-app .spelling-stage.live-student-stage { --live-key-columns: 10; --live-key-gap: 8px; padding: 20px; }
}
@container live-game (max-width: 900px) {
	.aula-spelling-live-app .live-board { grid-template-columns: minmax(0, 1fr); gap: 20px; }
	.aula-spelling-live-app .live-side { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.15fr); align-items: center; gap: 15px 19px; width: 100%; }
	.aula-spelling-live-app[data-live-role="player"] .live-side { grid-row: 1; }
	.aula-spelling-live-app[data-live-role="player"] .live-main { grid-row: 2; }
	.aula-spelling-live-app[data-live-role="player"] .live-timer-panel { grid-column: 1; grid-row: 1; }
	.aula-spelling-live-app[data-live-role="player"] .live-side > .live-progress { grid-column: 1; grid-row: 2; }
	.aula-spelling-live-app[data-live-role="player"] .live-submit-controls { grid-column: 2; grid-row: 1 / 3; }
	.aula-spelling-live-app .live-side > .live-controls { grid-column: 1 / -1; }
	.aula-spelling-live-app .live-timer-panel { min-height: 132px; padding: 17px; }
	.aula-spelling-live-app .live-timer-panel .live-clock { font-size: 65px; }
	.aula-spelling-live-app .live-submit-controls .live-submit { min-height: 100px; font-size: 29px; }
	.aula-spelling-live-app .live-student-stage .spelling-input.live-answer-input { min-height: 85px; font-size: 39px; }
	.aula-spelling-live-app .live-private-card { padding: 24px; }
	.aula-spelling-live-app .live-private-card .live-private-word { min-height: 180px; font-size: 65px; }
	.aula-spelling-live-app .live-word-hidden { min-height: 180px; font-size: 33px; }
}
@container live-game (max-width: 640px) {
	.aula-spelling-live-app .spelling-stage.live-student-stage { --live-key-columns: 8; --live-key-min: 44px; --live-key-gap: 7px; padding: 20px 15px; gap: 18px; }
	.aula-spelling-live-app .live-answer-label { font-size: 22px; }
	.aula-spelling-live-app .live-student-stage .spelling-input.live-answer-input { min-height: 78px; padding: 13px; font-size: 34px; }
}
@container live-game (max-width: 540px) {
	.aula-spelling-live-app [data-live-ui="app"] { padding-inline: 12px; }
	.aula-spelling-live-app .live-room-top { padding: 15px; }
	.aula-spelling-live-app .live-room-top h1 { font-size: 30px; }
	.aula-spelling-live-app .live-round-head { gap: 10px; font-size: 18px; }
	.aula-spelling-live-app .live-side { gap: 12px 14px; }
	.aula-spelling-live-app .live-timer-panel { min-height: 112px; padding: 14px 10px; }
	.aula-spelling-live-app .live-timer-panel .live-clock { font-size: 58px; letter-spacing: -2px; }
	.aula-spelling-live-app .live-timer-panel .eyebrow { font-size: 16px; }
	.aula-spelling-live-app .live-submit-controls .live-submit { min-height: 106px; padding: 16px 10px; font-size: 25px; }
	.aula-spelling-live-app .live-submit-controls > p { margin-top: 10px; font-size: 16px; }
	.aula-spelling-live-app .live-side > .live-progress { font-size: 17px; }
	.aula-spelling-live-app .live-side > .live-progress strong { font-size: 25px; }
	.aula-spelling-live-app .live-student-stage h2.spelling-prompt { font-size: 28px; }
	.aula-spelling-live-app .live-private-card { padding: 22px 16px; gap: 18px; }
	.aula-spelling-live-app .live-private-card .live-private-word { min-height: 163px; padding: 19px 13px; font-size: clamp(39px, 10vw, 56px); }
	.aula-spelling-live-app .live-word-hidden { min-height: 163px; padding: 19px 13px; font-size: 29px; }
	.aula-spelling-live-app .live-private-card .live-word-toggle { min-height: 59px; font-size: 23px; }
}
@container live-game (max-width: 480px) {
	.aula-spelling-live-app .spelling-stage.live-student-stage { --live-key-columns: 6; padding-inline: 12px; }
}
@container live-game (max-width: 360px) {
	.aula-spelling-live-app [data-live-ui="app"] { padding-inline: 10px; }
	.aula-spelling-live-app .spelling-stage.live-student-stage { --live-key-columns: 5; --live-key-gap: 6px; padding-inline: 10px; }
	.aula-spelling-live-app .live-timer-panel .live-clock { font-size: 53px; }
	.aula-spelling-live-app .live-submit-controls .live-submit { font-size: 24px; }
}
.aula-spelling-live-app .live-private-head { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 16px; min-width: 0; }
.aula-spelling-live-app .live-private-head .live-word-toggle { margin: 0; }
@media (max-width: 900px) {
	.aula-spelling-live-app .toolbar { flex-wrap: wrap; max-width: 100%; }
	.aula-spelling-live-app .toolbar .icon-button span { display: none; }
	.aula-spelling-live-app .brand-title { max-width: none; font-size: 28px; }
}
@container live-game (max-width: 900px) {
	.aula-spelling-live-app .toolbar { flex-wrap: wrap; max-width: 100%; }
	.aula-spelling-live-app .toolbar .icon-button span { display: none; }
	.aula-spelling-live-app .brand-title { max-width: none; font-size: 28px; }
}
@media (max-width: 540px) {
	.aula-spelling-live-app .topbar { flex-wrap: wrap; gap: 10px; padding: 11px 10px; }
	.aula-spelling-live-app .brand { flex: 1 1 100%; flex-direction: row; align-items: center; gap: 10px; width: 100%; }
	.aula-spelling-live-app .brand-logo { width: 94px; height: 31px; }
	.aula-spelling-live-app .brand-title { flex: 1; max-width: none; font-size: 22px; }
	.aula-spelling-live-app .toolbar, .aula-spelling-live-app .toolbar:has(.games-link) { display: flex; flex-wrap: nowrap; justify-content: space-between; gap: 6px; width: 100%; max-width: none; }
	.aula-spelling-live-app .toolbar > .games-link { order: 0; width: auto; padding-inline: 10px; font-size: 18px; }
	.aula-spelling-live-app .live-private-head { gap: 15px; }
	.aula-spelling-live-app .live-private-head .live-word-toggle { width: 100%; }
}
@container live-game (max-width: 540px) {
	.aula-spelling-live-app .topbar { flex-wrap: wrap; gap: 10px; padding: 11px 10px; }
	.aula-spelling-live-app .brand { flex: 1 1 100%; flex-direction: row; align-items: center; gap: 10px; width: 100%; }
	.aula-spelling-live-app .brand-logo { width: 94px; height: 31px; }
	.aula-spelling-live-app .brand-title { flex: 1; max-width: none; font-size: 22px; }
	.aula-spelling-live-app .toolbar, .aula-spelling-live-app .toolbar:has(.games-link) { display: flex; flex-wrap: nowrap; justify-content: space-between; gap: 6px; width: 100%; max-width: none; }
	.aula-spelling-live-app .toolbar > .games-link { order: 0; width: auto; padding-inline: 10px; font-size: 18px; }
	.aula-spelling-live-app .live-private-head { gap: 15px; }
	.aula-spelling-live-app .live-private-head .live-word-toggle { width: 100%; }
}
.aula-spelling-live-app .brand-title { min-width: 0; white-space: normal; }