/* Trivial de aula 5.0.0 · Midnight, plum, cream and six collectible jewels. */
.aula-trivial-app {
	--trivial-night: #272b49;
	--trivial-plum: #654567;
	--trivial-ink: #46384f;
	--trivial-muted: #807284;
	--trivial-paper: #fff1db;
	--trivial-gold: #edc982;
	--tabu-ink: #46384f;
	--tabu-muted: #807284;
	container-type: inline-size;
	container-name: trivial-game;
	width: min(1760px, 100%);
	min-height: 0;
	border-color: #886684;
	background-color: #272b49;
	background-image: radial-gradient(ellipse at 50% 6%, #76567673, transparent 65%), radial-gradient(ellipse at 0 95%, #48577d6b, transparent 56%), linear-gradient(135deg, #262b48, #3f304f 72%, #322d49);
	box-shadow: 0 18px 50px #25244138, inset 0 0 0 2px #dbb0c57d;
}
.aula-trivial-app[data-view] { display: block; height: auto; min-height: 0; }
.aula-trivial-app [data-trivial-ui="app"] { position: relative; z-index: 1; width: 100%; max-width: none; min-width: 0; min-height: 0; margin: 0 auto; padding: 5px 26px 29px; }
.aula-trivial-app [data-trivial-ui="app"]:focus { outline: none; }
.aula-trivial-app .topbar { flex-wrap: wrap; gap: 12px; }
.aula-trivial-app .brand { min-width: 0; color: #ffe9ba; text-shadow: 0 3px 0 #815c79, 0 5px 8px #242943; }
.aula-trivial-app .brand-title { min-width: 0; max-width: 450px; white-space: normal; font-size: clamp(29px, 3vw, 39px); }
.aula-trivial-app .icon-button, .aula-trivial-app .games-link { border-color: #d5b5c9b3; color: #fff0d7; background: linear-gradient(#6c5271, #43364f); box-shadow: 0 4px 0 #29273f, inset 0 1px 0 #dfc0d66b; }
.aula-trivial-app h1 { color: inherit; font-size: clamp(42px, 5.4vw, 78px); font-weight: 1000; line-height: 1.05; letter-spacing: -1.5px; }
.aula-trivial-app h2 { font-size: clamp(31px, 3.2vw, 43px); }
.aula-trivial-app h3 { font-size: 25px; }
.aula-trivial-app .panel { color: #4a3d52; border-color: #c9a5b7; background: radial-gradient(ellipse at 40% 0, #fff9f0, transparent 75%), linear-gradient(135deg, #f9ecda, #e9d8d7); box-shadow: 0 6px 0 #71536e, 0 12px 25px #25233f73, inset 0 0 0 4px #fff4e6ad; }
.aula-trivial-app .eyebrow { color: #8b7082; font-size: 18px; }
.aula-trivial-app .badge { color: #7b6174; border-color: #c5a3af; background: #ecdbda; }
.aula-trivial-app .button.primary, .aula-trivial-app .button.dark { color: #fff4dc; border-color: #67456e; background: linear-gradient(#936a9c, #6d4678); box-shadow: 0 5px 0 #45334f, 0 8px 10px #2b29451f, inset 0 2px 0 #d8b5d8; text-shadow: 0 2px 0 #603b6b80; }
.aula-trivial-app .button.blue { color: #fff3db; border-color: #485584; background: linear-gradient(#7586b4, #4a5c90); box-shadow: 0 5px 0 #303c62, 0 8px 10px #2b29451f, inset 0 2px 0 #b9c6e5; text-shadow: 0 2px 0 #3b497680; }
.aula-trivial-app .button.coral { color: #fff4dd; border-color: #aa5f67; background: linear-gradient(#d5898c, #ae616d); box-shadow: 0 5px 0 #743f52, 0 8px 10px #2b29451f, inset 0 2px 0 #f0b9b7; text-shadow: 0 2px 0 #8c4d5980; }
.aula-trivial-app .button.soft, .aula-trivial-app .link-button, .aula-trivial-app .back { color: #fff0d6; border-color: #c8afc29c; background: linear-gradient(#6b526ff2, #46394ff5); box-shadow: 0 3px 0 #2c2a42, inset 0 1px 0 #ddbed540; }
.aula-trivial-app .field, .aula-trivial-app .field-label, .aula-trivial-app .toggle { color: #776173; }
.aula-trivial-app .field :is(input, select, textarea) { min-width: 0; color: #55415d; border-color: #c8aebb; background: #fffaf0; }
.aula-trivial-app .field input::placeholder { color: #a38c9c; }
.aula-trivial-app .toggle input { accent-color: #8b6097; }
.aula-trivial-app .home-title h1 { color: #ffe5b7; font-size: clamp(59px, 7.1vw, 104px); line-height: 1.02; letter-spacing: -3px; -webkit-text-stroke-color: #fff1d0; text-shadow: 0 4px 0 #ab7b88, 0 8px 0 #68445e, 0 12px 16px #24243fe0; }
.aula-trivial-app .home-title p { color: #fff0d5; border-color: #d6b7c495; background: #4c3b59e8; font-size: 21px; }
.aula-trivial-app .trivial-home { gap: 27px; padding: 10px 0 8px; }
.aula-trivial-app .trivial-home-actions { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 19px; width: 100%; }
.aula-trivial-app .trivial-home-actions .button { min-width: 250px; min-height: 75px; font-size: 29px; }
.aula-trivial-app [data-objective="0"], .aula-trivial-app [data-sector="0"] { --trivial-gem: #d86471; --trivial-gem-soft: #f4dce0; --trivial-wedge-angle: 0deg; }
.aula-trivial-app [data-objective="1"], .aula-trivial-app [data-sector="1"] { --trivial-gem: #5b9cc5; --trivial-gem-soft: #d5edf4; --trivial-wedge-angle: 60deg; }
.aula-trivial-app [data-objective="2"], .aula-trivial-app [data-sector="2"] { --trivial-gem: #7fa86d; --trivial-gem-soft: #d6ebdf; --trivial-wedge-angle: 120deg; }
.aula-trivial-app [data-objective="3"], .aula-trivial-app [data-sector="3"] { --trivial-gem: #e5ad4d; --trivial-gem-soft: #faedc5; --trivial-wedge-angle: 180deg; }
.aula-trivial-app [data-objective="4"], .aula-trivial-app [data-sector="4"] { --trivial-gem: #9577b5; --trivial-gem-soft: #e8def1; --trivial-wedge-angle: 240deg; }
.aula-trivial-app [data-objective="5"], .aula-trivial-app [data-sector="5"] { --trivial-gem: #d98655; --trivial-gem-soft: #f5dfcb; --trivial-wedge-angle: 300deg; }
.aula-trivial-app [data-team-index="0"] { --trivial-team: #789aca; }
.aula-trivial-app [data-team-index="1"] { --trivial-team: #c98791; }
.aula-trivial-app [data-team-index="2"] { --trivial-team: #78ae91; }
.aula-trivial-app [data-team-index="3"] { --trivial-team: #d0ae68; }
.aula-trivial-app [data-team-index="4"] { --trivial-team: #ac87bc; }
.aula-trivial-app [data-team-index="5"] { --trivial-team: #8bbdc1; }

/* Six small collectible slices keep progress legible while the board leads. */
.aula-trivial-app .trivial-score-strip { display: grid; grid-template-columns: repeat(auto-fit, minmax(168px, 1fr)); gap: 11px; width: 100%; margin: 0 auto 20px; }
.aula-trivial-app .trivial-score-strip[data-count="1"] { grid-template-columns: minmax(0, 510px); justify-content: center; }
.aula-trivial-app .trivial-score-strip[data-count="2"] { grid-template-columns: repeat(2, minmax(0, 1fr)); width: min(850px, 100%); }
.aula-trivial-app .trivial-score-strip[data-count="3"] { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.aula-trivial-app .trivial-score-strip[data-count="4"] { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.aula-trivial-app .trivial-score-strip[data-count="5"], .aula-trivial-app .trivial-score-strip[data-count="6"] { grid-template-columns: repeat(6, minmax(0, 1fr)); }
.aula-trivial-app .trivial-team-card { display: grid; grid-template-columns: minmax(0, 1fr) 57px; align-items: center; gap: 6px 10px; min-width: 0; min-height: 91px; padding: 12px; border: 1px solid #ccb7c1; border-left: 6px solid var(--trivial-team, #8fa5c3); border-radius: 15px; color: #66516d; background: #f8ecdfed; box-shadow: 0 3px 0 #5b4260a6, inset 0 1px 0 #fff7eb; }
.aula-trivial-app .trivial-team-card > :not(.trivial-wedges) { grid-column: 1; min-width: 0; }
.aula-trivial-app .trivial-team-card :is(h2, h3, strong) { color: inherit; font-size: 21px; font-weight: 1000; line-height: 1.1; overflow-wrap: anywhere; }
.aula-trivial-app .trivial-team-card small { color: #8f7d90; font-size: 16px; line-height: 1.15; }
.aula-trivial-app .trivial-team-card.is-active { border-color: #efd192; border-left-color: var(--trivial-team, #8fa5c3); color: #fff0ce; background: linear-gradient(#7a5a7c, #523e61); box-shadow: 0 4px 0 #322d46, 0 0 0 2px #d5b786; }
.aula-trivial-app .trivial-team-card.is-active small { color: #e4d5e1; }
.aula-trivial-app .trivial-wedges.trivial-cheese { position: relative; grid-column: 2; grid-row: 1 / span 2; width: 56px; height: 56px; border: 2px solid #ddc3b8; border-radius: 50%; overflow: hidden; background: #c2b2c1; box-shadow: 0 2px 0 #8c778a; }
.aula-trivial-app .trivial-wedges .trivial-wedge { position: absolute; inset: 0; display: block; background: #c2b2c1; color: transparent; font-size: 0; clip-path: polygon(50% 50%, 50% 0%, 100% 0%, 100% 21.13%); transform: rotate(var(--trivial-wedge-angle)); transform-origin: center; }
.aula-trivial-app .trivial-wedges .trivial-wedge.is-earned { background: var(--trivial-gem, #d5a148); }
.aula-trivial-app .trivial-wedges::after { content: ""; position: absolute; inset: 0; border-radius: inherit; background: repeating-conic-gradient(from -1deg, transparent 0deg 58deg, #fff0df 58deg 60deg); pointer-events: none; }

/* The 18 annular cells and all team positions are exact production SVG. */
.aula-trivial-app .trivial-play-layout { display: grid; grid-template-columns: minmax(420px, .96fr) minmax(0, 1.04fr); align-items: center; gap: 25px; min-width: 0; }
.aula-trivial-app .trivial-board-wrap { position: relative; display: flex; align-items: center; justify-content: center; justify-self: center; width: min(680px, 100%); min-width: 0; padding: 7px; }
.aula-trivial-app .trivial-board { display: block; width: 100%; height: auto; aspect-ratio: 1 / 1; overflow: visible; filter: drop-shadow(0 10px 0 #171d3659) drop-shadow(0 15px 17px #171b303d); }
.aula-trivial-app .trivial-board-base { fill: #594061; stroke: #e4c394; stroke-width: 5; }
.aula-trivial-app .trivial-cell path { fill: var(--trivial-gem, #986bbb); stroke: #fff0d5; stroke-width: 3; stroke-linejoin: round; }
.aula-trivial-app .trivial-space-number { fill: #fff8e8; stroke: #3e2c4e; stroke-width: .9; paint-order: stroke; font-family: inherit; font-size: 23px; font-weight: 1000; line-height: 1; text-anchor: middle; dominant-baseline: middle; pointer-events: none; }
.aula-trivial-app .trivial-cell.is-current path { stroke: #fff8d1; stroke-width: 5; }
.aula-trivial-app .trivial-cell.is-destination { cursor: pointer; }
.aula-trivial-app .trivial-cell.is-destination path { stroke: #ffdf92; stroke-width: 7; filter: drop-shadow(0 0 7px #ffd88c80); }
.aula-trivial-app .trivial-cell.is-destination:focus-visible path { stroke: #ffffff; stroke-width: 9; }
.aula-trivial-app .trivial-cell.is-chosen path { stroke: #fff4bd; stroke-width: 7; }
.aula-trivial-app .trivial-token { filter: drop-shadow(0 2px 0 #25233f75); pointer-events: none; }
.aula-trivial-app .trivial-token circle { fill: #fff4d3; stroke: var(--trivial-team, #8fa5c3); stroke-width: 5; }
.aula-trivial-app .trivial-token text { fill: #43344e; stroke: none; font-family: inherit; font-size: 17px; font-weight: 1000; line-height: 1; text-anchor: middle; dominant-baseline: middle; }
.aula-trivial-app .trivial-board-center { fill: #3c2f4e; stroke: #b68daa; stroke-width: 4; }
.aula-trivial-app .trivial-center-wedge { fill: #705972; stroke: #f2d5b3; stroke-width: 2.5; stroke-linejoin: round; }
.aula-trivial-app .trivial-center-wedge.is-earned { fill: var(--trivial-gem, #d5a148); }
.aula-trivial-app .trivial-die { fill: #ffebbd; stroke: none; font-family: inherit; font-size: 64px; font-weight: 1000; line-height: 1; text-anchor: middle; dominant-baseline: middle; }
.aula-trivial-app .trivial-board-label { fill: #f3dcc0; stroke: none; font-family: inherit; font-size: 17px; font-weight: 900; text-anchor: middle; }
.aula-trivial-app .trivial-destinations { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 13px; margin-top: 17px; }
.aula-trivial-app .trivial-destinations .button, .aula-trivial-app .trivial-destinations button { min-width: 0; min-height: 79px; padding: 14px 11px; border: 2px solid #b89eb9; border-radius: 16px; color: #67506e; background: linear-gradient(#fff6e8, #ead4d9); box-shadow: 0 4px 0 #8c6988, inset 0 1px 0 #fffaf0; font-family: inherit; font-size: 24px; font-weight: 1000; line-height: 1.15; overflow-wrap: anywhere; }
.aula-trivial-app .trivial-destinations button:active { transform: translateY(2px); box-shadow: 0 2px 0 #8c6988; }

/* A large question and four clear, physical answer tiles. */
.aula-trivial-app .trivial-turn { min-width: 0; width: 100%; padding: 25px; }
.aula-trivial-app .trivial-turn-head { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 14px; margin-bottom: 18px; }
.aula-trivial-app .trivial-turn-head h2 { font-size: 30px; overflow-wrap: anywhere; }
.aula-trivial-app .trivial-clock { display: inline-flex; align-items: center; justify-content: center; flex-shrink: 0; gap: 7px; min-width: 82px; min-height: 63px; padding: 11px 15px; border: 1px solid #b99bb6; border-radius: 15px; color: #ffedc4; background: linear-gradient(#6d5375, #483c5d); box-shadow: 0 3px 0 #302b48; font-size: 43px; font-weight: 1000; line-height: 1; font-variant-numeric: tabular-nums; }
.aula-trivial-app .trivial-clock :is(b, strong) { font: inherit; }
.aula-trivial-app .trivial-clock :is(small, span) { color: #e5d8e5; font-size: 16px; font-weight: 900; }
.aula-trivial-app .trivial-clock.urgent { color: #ffc6c9; border-color: #e5b2b7; }
.aula-trivial-app .trivial-session-clock { display: inline-flex; align-items: center; gap: 7px; color: #87738b; font-size: 19px; font-weight: 900; line-height: 1.2; font-variant-numeric: tabular-nums; }
.aula-trivial-app .trivial-question-panel { min-width: 0; }
.aula-trivial-app .trivial-question-title { margin: 0 0 22px; color: #48374f; font-family: inherit; font-size: clamp(28px, 2.75vw, 39px); font-weight: 1000; line-height: 1.2; letter-spacing: -.7px; overflow-wrap: anywhere; text-wrap: pretty; }
.aula-trivial-app .trivial-category { display: inline-flex; align-items: center; gap: 8px; margin-bottom: 13px; padding: 8px 12px; border: 1px solid #cbb0bf; border-radius: 11px; color: #7d5c80; background: var(--trivial-gem-soft, #eddfe9); font-size: 19px; font-weight: 950; line-height: 1.2; }
.aula-trivial-app .trivial-options { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; margin: 0; }
.aula-trivial-app .trivial-option { display: flex; align-items: center; justify-content: flex-start; gap: 11px; min-width: 0; min-height: 92px; padding: 16px 14px; border: 2px solid #c7aebd; border-radius: 16px; color: #635069; background: linear-gradient(#fff9ed, #f0dfda); box-shadow: 0 4px 0 #a17c98, inset 0 1px 0 #fffdf3; font-family: inherit; font-size: 23px; font-weight: 900; line-height: 1.25; text-align: left; transition: transform .13s ease, filter .13s ease; }
.aula-trivial-app .trivial-option:hover { filter: brightness(1.025); transform: translateY(-2px); }
.aula-trivial-app .trivial-option:active { transform: translateY(2px); box-shadow: 0 2px 0 #a17c98; }
.aula-trivial-app .trivial-option:disabled { opacity: 1; filter: none; cursor: default; transform: none; }
.aula-trivial-app .trivial-option-letter { display: inline-flex; align-items: center; justify-content: center; flex-shrink: 0; width: 31px; height: 34px; border: 1px solid #c9aebd; border-radius: 9px; color: #8a6a89; background: #f5e9e3; font-size: 22px; font-weight: 1000; line-height: 1; }
.aula-trivial-app .trivial-option-text { min-width: 0; overflow-wrap: anywhere; }
.aula-trivial-app .trivial-option.is-selected { border-color: #c0944c; color: #5a3e61; background: linear-gradient(#fff1cb, #efddb7); box-shadow: 0 4px 0 #9e7440, 0 0 0 2px #e2bd76; }
.aula-trivial-app .trivial-option.is-selected .trivial-option-letter { color: #fff2cb; border-color: #7c587c; background: #78507e; }
.aula-trivial-app .trivial-option.is-correct { border-color: #7eae91; color: #35674d; background: #e4f1d9; box-shadow: 0 4px 0 #577f63; }
.aula-trivial-app .trivial-option.is-wrong { border-color: #d29a9a; color: #98555c; background: #ffe6df; box-shadow: 0 4px 0 #a56c75; }
.aula-trivial-app .trivial-answer-button { width: 100%; min-height: 67px; margin-top: 21px; font-size: 28px; }
.aula-trivial-app .trivial-turn > .button { min-height: 65px; font-size: 27px; }
.aula-trivial-app .trivial-feedback { padding: 19px; border: 1px solid #bbaabf; border-radius: 16px; color: #5e466b; background: #f8eee5; font-size: 24px; font-weight: 950; line-height: 1.3; }
.aula-trivial-app .trivial-feedback.is-correct { color: #3d7054; border-color: #a2bf9b; background: #eaf4dd; }
.aula-trivial-app .trivial-feedback.is-wrong { color: #a15c60; border-color: #d6a4a6; background: #ffebe3; }
.aula-trivial-app .trivial-feedback strong { display: block; font-size: 30px; font-weight: 1000; line-height: 1.15; overflow-wrap: anywhere; }
.aula-trivial-app .trivial-explanation { margin-top: 13px; color: #837184; font-size: 21px; font-weight: 800; line-height: 1.45; }
.aula-trivial-app .trivial-utility { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 11px; margin-top: 20px; }
.aula-trivial-app .trivial-utility .button, .aula-trivial-app .trivial-utility .link-button { min-height: 44px; padding: 9px 13px; font-size: 19px; }
.aula-trivial-app .trivial-legend { display: flex; flex-wrap: wrap; justify-content: center; gap: 9px 15px; margin: 18px 0 0; color: #f3e3d0; font-size: 18px; font-weight: 800; }

/* Visible classroom setup and optional personal CSV catalogs. */
.aula-trivial-app .trivial-setup { width: min(1220px, 100%); margin: 3px auto 0; }
.aula-trivial-app .trivial-setup .setup-head, .aula-trivial-app .trivial-catalogs .setup-head { flex-wrap: wrap; gap: 14px; }
.aula-trivial-app .trivial-settings-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 17px; min-width: 0; }
.aula-trivial-app .trivial-teams-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 17px; margin: 9px 0 24px; }
.aula-trivial-app .trivial-team-field { min-width: 0; margin: 0; padding: 16px; border: 1px solid #cbb0ba; border-radius: 14px; background: #fff4e8a1; }
.aula-trivial-app .trivial-team-field legend { max-width: 100%; padding: 0 7px; color: #805e7c; font-size: 20px; font-weight: 950; }
.aula-trivial-app .trivial-team-field .field { margin-bottom: 0; }
.aula-trivial-app .trivial-area-filters { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 17px; min-width: 0; margin: 18px 0 20px; }
.aula-trivial-app .trivial-area-group { display: flex; flex-direction: column; gap: 13px; min-width: 0; margin: 0; padding: 17px; border: 1px solid #c7adbb; border-radius: 16px; background: #fff5e7b8; }
.aula-trivial-app .trivial-area-group > label { display: flex; align-items: center; gap: 10px; color: #735573; font-size: 21px; font-weight: 950; line-height: 1.2; }
.aula-trivial-app .trivial-area-group input[type="checkbox"] { flex-shrink: 0; width: 25px; height: 25px; margin: 0; accent-color: #8b6097; }
.aula-trivial-app .trivial-area-group .field { margin: 0; }
.aula-trivial-app .trivial-filter-summary { margin: 14px 0 21px; color: #8b7486; font-size: 19px; font-weight: 800; line-height: 1.4; }
.aula-trivial-app .trivial-setup .setup-footer { border-color: #c9acba; }
.aula-trivial-app .trivial-setup .setup-footer .button { min-height: 65px; font-size: 27px; }
.aula-trivial-app .trivial-catalogs { width: min(1180px, 100%); margin: 3px auto 0; }
.aula-trivial-app .trivial-catalog-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 12px; margin: 19px 0; }
.aula-trivial-app .trivial-catalog-actions .button { min-height: 51px; padding: 12px 17px; font-size: 21px; }
.aula-trivial-app .trivial-catalog-list { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 18px; margin-top: 22px; }
.aula-trivial-app .trivial-catalog-card { min-width: 0; padding: 20px; border: 1px solid #cbb1bd; border-radius: 16px; color: #705a78; background: #fff4e6; box-shadow: 0 3px 0 #a37c94; }
.aula-trivial-app .trivial-catalog-card h3 { margin: 0 0 13px; font-size: 25px; overflow-wrap: anywhere; }
.aula-trivial-app .trivial-catalog-card p { margin: 10px 0; color: #927c8f; font-size: 19px; line-height: 1.4; }
.aula-trivial-app .trivial-catalog-card .button { min-height: 45px; margin-top: 10px; padding: 10px 13px; font-size: 19px; }
.aula-trivial-app .summary { color: #654d6d; }
.aula-trivial-app .summary h2 { color: #67476e; }
.aula-trivial-app .ranking .winner td { color: #62456c; background: #e8dce7; }
.aula-trivial-app [data-trivial-ui="closeModal"] { margin-top: 14px; }
.aula-trivial-app .trivial-paused { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 21px; min-height: 260px; text-align: center; }
.aula-trivial-app .trivial-paused h2 { font-size: 38px; }
.aula-trivial-app:fullscreen, .aula-trivial-app:fullscreen[data-view] { height: 100dvh; overflow-y: auto; }
.aula-trivial-app:fullscreen [data-trivial-ui="app"] { width: 100%; }
@media (max-height: 820px) and (min-width: 1001px) {
	.aula-trivial-app .topbar { min-height: 63px; padding-block: 8px; }
	.aula-trivial-app .brand-logo { width: 137px; height: 40px; }
	.aula-trivial-app .brand-title { font-size: 31px; }
	.aula-trivial-app [data-trivial-ui="app"] { padding: 1px 19px 22px; }
	.aula-trivial-app .trivial-score-strip { margin-bottom: 16px; gap: 9px; }
	.aula-trivial-app .trivial-team-card { min-height: 80px; padding: 9px; gap: 5px 8px; grid-template-columns: minmax(0, 1fr) 49px; }
	.aula-trivial-app .trivial-team-card :is(h2, h3, strong) { font-size: 19px; }
	.aula-trivial-app .trivial-wedges.trivial-cheese { width: 49px; height: 49px; }
	.aula-trivial-app .trivial-play-layout { gap: 20px; }
	.aula-trivial-app .trivial-board-wrap { width: min(610px, 100%); padding: 4px; }
	.aula-trivial-app .trivial-turn { padding: 21px; }
	.aula-trivial-app .trivial-question-title { margin-bottom: 19px; font-size: 31px; }
	.aula-trivial-app .trivial-options { gap: 12px; }
	.aula-trivial-app .trivial-option { min-height: 85px; padding: 13px 11px; gap: 9px; font-size: 22px; }
	.aula-trivial-app .trivial-answer-button { min-height: 61px; margin-top: 19px; font-size: 26px; }
}
@media (max-width: 1100px) {
	.aula-trivial-app .trivial-score-strip[data-count="5"], .aula-trivial-app .trivial-score-strip[data-count="6"] { grid-template-columns: repeat(3, minmax(0, 1fr)); }
	.aula-trivial-app .trivial-settings-grid, .aula-trivial-app .trivial-teams-grid, .aula-trivial-app .trivial-area-filters { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 1000px) {
	.aula-trivial-app [data-trivial-ui="app"] { padding-inline: 20px; }
	.aula-trivial-app .trivial-play-layout { display: flex; flex-direction: column; align-items: stretch; gap: 23px; }
	.aula-trivial-app .trivial-board-wrap { order: 2; width: min(650px, 100%); }
	.aula-trivial-app .trivial-turn { order: 1; }
	.aula-trivial-app .trivial-question-title { font-size: 34px; }
	.aula-trivial-app .trivial-catalog-list { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 900px) {
	.aula-trivial-app .toolbar { flex-wrap: wrap; max-width: 100%; }
	.aula-trivial-app .toolbar .icon-button span { display: none; }
	.aula-trivial-app .brand-title { max-width: none; font-size: 29px; }
	.aula-trivial-app .trivial-score-strip[data-count="4"] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 640px) {
	.aula-trivial-app .trivial-score-strip, .aula-trivial-app .trivial-score-strip[data-count] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.aula-trivial-app .trivial-score-strip[data-count="1"] { grid-template-columns: minmax(0, 1fr); }
	.aula-trivial-app .trivial-team-card { grid-template-columns: minmax(0, 1fr) 45px; padding: 10px; min-height: 82px; gap: 5px 8px; }
	.aula-trivial-app .trivial-team-card :is(h2, h3, strong) { font-size: 19px; }
	.aula-trivial-app .trivial-wedges.trivial-cheese { width: 45px; height: 45px; }
	.aula-trivial-app .trivial-turn { padding: 21px; }
	.aula-trivial-app .trivial-option { min-height: 91px; font-size: 22px; }
	.aula-trivial-app .trivial-option-letter { width: 29px; height: 33px; font-size: 21px; }
}
@media (max-width: 540px) {
	.aula-trivial-app [data-trivial-ui="app"] { padding: 3px 12px 23px; }
	.aula-trivial-app .topbar { flex-wrap: wrap; gap: 10px; padding: 11px 10px; }
	.aula-trivial-app .brand { flex: 1 1 100%; flex-direction: row; align-items: center; gap: 10px; width: 100%; }
	.aula-trivial-app .brand-logo { width: 94px; height: 31px; }
	.aula-trivial-app .brand-title { flex: 1; min-width: 0; max-width: none; white-space: normal; font-size: 24px; }
	.aula-trivial-app .toolbar, .aula-trivial-app .toolbar:has(.games-link) { display: flex; flex-wrap: nowrap; justify-content: space-between; gap: 6px; width: 100%; max-width: none; }
	.aula-trivial-app .toolbar > .games-link { order: 0; width: auto; padding-inline: 10px; font-size: 18px; }
	.aula-trivial-app .home-title h1 { font-size: clamp(48px, 12vw, 64px); letter-spacing: -2px; }
	.aula-trivial-app .trivial-home-actions { flex-direction: column; gap: 17px; }
	.aula-trivial-app .trivial-home-actions .button { width: 100%; min-width: 0; min-height: 67px; font-size: 27px; }
	.aula-trivial-app .trivial-settings-grid, .aula-trivial-app .trivial-teams-grid, .aula-trivial-app .trivial-area-filters { grid-template-columns: minmax(0, 1fr); gap: 14px; }
	.aula-trivial-app .trivial-team-field { padding: 16px 14px; }
	.aula-trivial-app .trivial-area-group { padding: 17px 14px; }
	.aula-trivial-app .trivial-team-card { grid-template-columns: minmax(0, 1fr); justify-items: start; gap: 8px; }
	.aula-trivial-app .trivial-team-card > .trivial-wedges { grid-column: 1; grid-row: auto; }
	.aula-trivial-app .trivial-team-card :is(h2, h3, strong) { font-size: 20px; }
	.aula-trivial-app .trivial-team-card small { font-size: 16px; }
	.aula-trivial-app .trivial-turn { padding: 22px 17px; }
	.aula-trivial-app .trivial-question-title { margin-bottom: 20px; font-size: 30px; }
	.aula-trivial-app .trivial-options { grid-template-columns: minmax(0, 1fr); gap: 13px; }
	.aula-trivial-app .trivial-option { min-height: 78px; padding: 15px 12px; gap: 12px; font-size: 23px; }
	.aula-trivial-app .trivial-option-letter { width: 33px; height: 37px; font-size: 23px; }
	.aula-trivial-app .trivial-answer-button { min-height: 64px; margin-top: 20px; font-size: 27px; }
	.aula-trivial-app .trivial-clock { min-width: 75px; min-height: 59px; font-size: 39px; }
	.aula-trivial-app .trivial-destinations { gap: 12px; }
	.aula-trivial-app .trivial-destinations button { min-height: 79px; padding-inline: 9px; font-size: 22px; }
	.aula-trivial-app .trivial-utility { gap: 11px; }
	.aula-trivial-app .trivial-utility .button, .aula-trivial-app .trivial-utility .link-button { min-height: 46px; font-size: 19px; }
	.aula-trivial-app .trivial-catalog-list { grid-template-columns: minmax(0, 1fr); }
	.aula-trivial-app .trivial-feedback { padding: 18px 14px; font-size: 23px; }
	.aula-trivial-app .trivial-feedback strong { font-size: 28px; }
	.aula-trivial-app .trivial-explanation { font-size: 21px; }
}
@media (max-width: 360px) {
	.aula-trivial-app [data-trivial-ui="app"] { padding-inline: 10px; }
	.aula-trivial-app .brand-logo { width: 88px; }
	.aula-trivial-app .brand-title { font-size: 23px; }
	.aula-trivial-app .trivial-turn { padding-inline: 14px; }
}
@media (prefers-reduced-motion: reduce) {
	.aula-trivial-app *, .aula-trivial-app *::before, .aula-trivial-app *::after { animation: none !important; transition: none !important; }
}

/* WordPress shortcode columns reflow by their actual width, including the toolbar. */
@container trivial-game (max-width: 1100px) {
	.aula-trivial-app .trivial-score-strip[data-count="5"], .aula-trivial-app .trivial-score-strip[data-count="6"] { grid-template-columns: repeat(3, minmax(0, 1fr)); }
	.aula-trivial-app .trivial-settings-grid, .aula-trivial-app .trivial-teams-grid, .aula-trivial-app .trivial-area-filters { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@container trivial-game (max-width: 1000px) {
	.aula-trivial-app [data-trivial-ui="app"] { padding-inline: 20px; }
	.aula-trivial-app .trivial-play-layout { display: flex; flex-direction: column; align-items: stretch; gap: 23px; }
	.aula-trivial-app .trivial-board-wrap { order: 2; width: min(650px, 100%); }
	.aula-trivial-app .trivial-turn { order: 1; }
	.aula-trivial-app .trivial-question-title { font-size: 34px; }
	.aula-trivial-app .trivial-catalog-list { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@container trivial-game (max-width: 900px) {
	.aula-trivial-app .toolbar { flex-wrap: wrap; max-width: 100%; }
	.aula-trivial-app .toolbar .icon-button span { display: none; }
	.aula-trivial-app .brand-title { max-width: none; font-size: 29px; }
	.aula-trivial-app .trivial-score-strip[data-count="4"] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@container trivial-game (max-width: 640px) {
	.aula-trivial-app .trivial-score-strip, .aula-trivial-app .trivial-score-strip[data-count] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.aula-trivial-app .trivial-score-strip[data-count="1"] { grid-template-columns: minmax(0, 1fr); }
	.aula-trivial-app .trivial-team-card { grid-template-columns: minmax(0, 1fr) 45px; padding: 10px; min-height: 82px; gap: 5px 8px; }
	.aula-trivial-app .trivial-team-card :is(h2, h3, strong) { font-size: 19px; }
	.aula-trivial-app .trivial-wedges.trivial-cheese { width: 45px; height: 45px; }
	.aula-trivial-app .trivial-turn { padding: 21px; }
	.aula-trivial-app .trivial-option { min-height: 91px; font-size: 22px; }
	.aula-trivial-app .trivial-option-letter { width: 29px; height: 33px; font-size: 21px; }
}
@container trivial-game (max-width: 540px) {
	.aula-trivial-app [data-trivial-ui="app"] { padding: 3px 12px 23px; }
	.aula-trivial-app .topbar { flex-wrap: wrap; gap: 10px; padding: 11px 10px; }
	.aula-trivial-app .brand { flex: 1 1 100%; flex-direction: row; align-items: center; gap: 10px; width: 100%; }
	.aula-trivial-app .brand-logo { width: 94px; height: 31px; }
	.aula-trivial-app .brand-title { flex: 1; min-width: 0; max-width: none; white-space: normal; font-size: 24px; }
	.aula-trivial-app .toolbar, .aula-trivial-app .toolbar:has(.games-link) { display: flex; flex-wrap: nowrap; justify-content: space-between; gap: 6px; width: 100%; max-width: none; }
	.aula-trivial-app .toolbar > .games-link { order: 0; width: auto; padding-inline: 10px; font-size: 18px; }
	.aula-trivial-app .home-title h1 { font-size: clamp(48px, 12vw, 64px); letter-spacing: -2px; }
	.aula-trivial-app .trivial-home-actions { flex-direction: column; gap: 17px; }
	.aula-trivial-app .trivial-home-actions .button { width: 100%; min-width: 0; min-height: 67px; font-size: 27px; }
	.aula-trivial-app .trivial-settings-grid, .aula-trivial-app .trivial-teams-grid, .aula-trivial-app .trivial-area-filters { grid-template-columns: minmax(0, 1fr); gap: 14px; }
	.aula-trivial-app .trivial-team-field { padding: 16px 14px; }
	.aula-trivial-app .trivial-area-group { padding: 17px 14px; }
	.aula-trivial-app .trivial-team-card { grid-template-columns: minmax(0, 1fr); justify-items: start; gap: 8px; }
	.aula-trivial-app .trivial-team-card > .trivial-wedges { grid-column: 1; grid-row: auto; }
	.aula-trivial-app .trivial-team-card :is(h2, h3, strong) { font-size: 20px; }
	.aula-trivial-app .trivial-team-card small { font-size: 16px; }
	.aula-trivial-app .trivial-turn { padding: 22px 17px; }
	.aula-trivial-app .trivial-question-title { margin-bottom: 20px; font-size: 30px; }
	.aula-trivial-app .trivial-options { grid-template-columns: minmax(0, 1fr); gap: 13px; }
	.aula-trivial-app .trivial-option { min-height: 78px; padding: 15px 12px; gap: 12px; font-size: 23px; }
	.aula-trivial-app .trivial-option-letter { width: 33px; height: 37px; font-size: 23px; }
	.aula-trivial-app .trivial-answer-button { min-height: 64px; margin-top: 20px; font-size: 27px; }
	.aula-trivial-app .trivial-clock { min-width: 75px; min-height: 59px; font-size: 39px; }
	.aula-trivial-app .trivial-destinations { gap: 12px; }
	.aula-trivial-app .trivial-destinations button { min-height: 79px; padding-inline: 9px; font-size: 22px; }
	.aula-trivial-app .trivial-utility { gap: 11px; }
	.aula-trivial-app .trivial-utility .button, .aula-trivial-app .trivial-utility .link-button { min-height: 46px; font-size: 19px; }
	.aula-trivial-app .trivial-catalog-list { grid-template-columns: minmax(0, 1fr); }
	.aula-trivial-app .trivial-feedback { padding: 18px 14px; font-size: 23px; }
	.aula-trivial-app .trivial-feedback strong { font-size: 28px; }
	.aula-trivial-app .trivial-explanation { font-size: 21px; }
}
@container trivial-game (max-width: 360px) {
	.aula-trivial-app [data-trivial-ui="app"] { padding-inline: 10px; }
	.aula-trivial-app .brand-logo { width: 88px; }
	.aula-trivial-app .brand-title { font-size: 23px; }
	.aula-trivial-app .trivial-turn { padding-inline: 14px; }
}

/* Exact controller elements: visible dice pips, compact clocks and route cards. */
.aula-trivial-app .trivial-die rect { fill: #ffedc8; stroke: #ad8aa5; stroke-width: 3; }
.aula-trivial-app .trivial-die circle { fill: #5d3e67; stroke: none; }
.aula-trivial-app .trivial-die text { fill: #5d3e67; stroke: none; font-size: 43px; dominant-baseline: auto; }
.aula-trivial-app .trivial-token text, .aula-trivial-app .trivial-space-number { dominant-baseline: auto; }
.aula-trivial-app .trivial-clocks { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 12px 17px; margin-bottom: 20px; }
.aula-trivial-app .trivial-question-clock, .aula-trivial-app .trivial-session-time { display: flex; align-items: center; gap: 10px; min-width: 0; }
.aula-trivial-app .trivial-question-clock > span, .aula-trivial-app .trivial-session-time > span { color: #967d92; font-size: 17px; font-weight: 900; }
.aula-trivial-app .trivial-roll-panel { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 18px; min-height: 290px; text-align: center; }
.aula-trivial-app .trivial-roll-panel h2 { color: #6f4d77; font-size: 43px; overflow-wrap: anywhere; }
.aula-trivial-app .trivial-roll-button { width: 100%; min-height: 88px; margin-top: 9px; font-size: 32px; }
.aula-trivial-app .trivial-move-panel > h2 { margin-top: 10px; font-size: 36px; }
.aula-trivial-app .trivial-destinations button { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 9px; min-height: 124px; }
.aula-trivial-app .trivial-destinations button span { font-size: 21px; }
.aula-trivial-app .trivial-destinations button strong { color: inherit; font-size: 25px; font-weight: 1000; line-height: 1.15; overflow-wrap: anywhere; }
.aula-trivial-app .trivial-destinations button small { color: inherit; font-size: 17px; font-weight: 800; opacity: .8; }
.aula-trivial-app .trivial-team-card > span { color: #8f7d90; font-size: 16px; font-weight: 800; line-height: 1.2; }
.aula-trivial-app .trivial-team-card.is-active > span { color: #e4d5e1; }
.aula-trivial-app .trivial-team-dot { display: inline-block; width: 13px; height: 13px; margin-right: 8px; border: 1px solid #fffaed; border-radius: 50%; background: var(--trivial-team, #8fa5c3); vertical-align: middle; }
.aula-trivial-app .trivial-area-filters { min-width: 0; padding: 18px; border: 1px solid #c6aab8; border-radius: 17px; }
.aula-trivial-app .trivial-area-filters > legend { padding: 0 8px; color: #7d5f7b; font-size: 23px; font-weight: 950; }
.aula-trivial-app .trivial-feedback { margin-top: 20px; }
.aula-trivial-app .trivial-correct-answer { margin-top: 11px; color: inherit; font-size: 26px; font-weight: 1000; line-height: 1.2; overflow-wrap: anywhere; }
.aula-trivial-app .trivial-question-panel > [data-trivial-ui="continue"] { width: 100%; min-height: 64px; margin-top: 20px; font-size: 27px; }
.aula-trivial-app .trivial-home-cheese { position: relative; width: min(260px, 100%); aspect-ratio: 1 / 1; border: 5px solid #f1d4a8; border-radius: 50%; overflow: hidden; background: #80638b; box-shadow: 0 7px 0 #77536d, 0 17px 28px #26243f5c; }
.aula-trivial-app .trivial-home-cheese .trivial-wedge { position: absolute; inset: 0; display: block; background: var(--trivial-gem); color: transparent; font-size: 0; clip-path: polygon(50% 50%, 50% 0%, 100% 0%, 100% 21.13%); transform: rotate(var(--trivial-wedge-angle)); transform-origin: center; }
.aula-trivial-app .trivial-home-cheese::after { content: ""; position: absolute; inset: 0; border-radius: inherit; background: repeating-conic-gradient(from -1deg, transparent 0deg 58deg, #fff0df 58deg 60deg); pointer-events: none; }
@media (max-width: 540px) {
	.aula-trivial-app .trivial-destinations button { min-height: 137px; }
	.aula-trivial-app .trivial-destinations button strong { font-size: 23px; }
	.aula-trivial-app .trivial-area-filters { padding: 16px 13px; }
	.aula-trivial-app .trivial-roll-panel { min-height: 250px; }
	.aula-trivial-app .trivial-roll-panel h2 { font-size: 38px; }
	.aula-trivial-app .trivial-roll-button { min-height: 76px; font-size: 29px; }
}
@container trivial-game (max-width: 540px) {
	.aula-trivial-app .trivial-destinations button { min-height: 137px; }
	.aula-trivial-app .trivial-destinations button strong { font-size: 23px; }
	.aula-trivial-app .trivial-area-filters { padding: 16px 13px; }
	.aula-trivial-app .trivial-roll-panel { min-height: 250px; }
	.aula-trivial-app .trivial-roll-panel h2 { font-size: 38px; }
	.aula-trivial-app .trivial-roll-button { min-height: 76px; font-size: 29px; }
}
.aula-trivial-app[data-event="roll"] .trivial-die { animation: trivial-dice-glow .6s ease-out both; }
.aula-trivial-app[data-event="move"] .trivial-token.is-active circle { animation: trivial-token-arrive .55s ease-out both; }
.aula-trivial-app[data-event="correct"] .trivial-team-card.is-active .trivial-cheese { animation: trivial-cheese-award .65s ease-out both; }
.aula-trivial-app[data-event="wrong"] .trivial-turn { animation: trivial-soft-error .6s ease-out both; }
.aula-trivial-app[data-event="final"] .trivial-final h2 { animation: trivial-title-award .65s ease-out both; }
@keyframes trivial-dice-glow { 0% { filter: drop-shadow(0 0 0 #ffdf9b00); } 38% { filter: drop-shadow(0 0 13px #ffdf9ba6); } 100% { filter: drop-shadow(0 0 0 #ffdf9b00); } }
@keyframes trivial-token-arrive { 0% { stroke-width: 5; } 40% { stroke-width: 8; } 100% { stroke-width: 5; } }
@keyframes trivial-cheese-award { 0% { filter: brightness(1); } 40% { filter: brightness(1.13); } 100% { filter: brightness(1); } }
@keyframes trivial-soft-error { 0% { border-color: #c9a5b7; } 40% { border-color: #de9b9e; } 100% { border-color: #c9a5b7; } }
@keyframes trivial-title-award { from { color: #a77b48; } to { color: #67476e; } }
@media (prefers-reduced-motion: reduce) {
	.aula-trivial-app *, .aula-trivial-app *::before, .aula-trivial-app *::after { animation: none !important; transition: none !important; }
}
/* Approved local academy backdrop; the board and question surfaces remain functional. */
.aula-trivial-app { background-image: linear-gradient(180deg, #28233e14, #241f3908 42%, #241f3933), url('../images/trivial-board.webp'); background-position: center; background-repeat: no-repeat; background-size: cover; }
.aula-trivial-app .home-title h1 { color: #60406b; -webkit-text-stroke-color: #fff0cf; text-shadow: 0 3px 0 #f0d2a3, 0 6px 0 #3d2d50, 0 11px 15px #25203966; }