/*
* Bavilo game controls: opt in on with bavilo-game-ui and one family
* class from .design-unification/game-ui-manifest.json. Load after game CSS.
* Keep this class on html: several engines replace body.className/innerHTML.
* Only audited navigation, playback, next-step controls and dialogs are styled.
* No dimensions, positions, game cards, response choices or scene art are changed.
* The shared navigation adapter replaces old wooden navigation image content.
*/
html.bavilo-game-ui {
--bavilo-game-ink: var(--bavilo-ink, #17172f);
--bavilo-game-cream: var(--bavilo-cream, #fffaf0);
--bavilo-game-accent: var(--bavilo-gold, #ffb49f);
--bavilo-game-font: var(--bavilo-font, Nunito, 'Arial Rounded MT Bold', system-ui, sans-serif);
--bavilo-game-line: #17172f26;
--bavilo-game-shadow: 0 3px 0 #17172f1c, 0 8px 18px #17172f0a;
}
html.bavilo-game-ui.bavilo-game-ui--birds :is(#start, #nextVisit, #finishLook, #bookContinue, #confirmReset).primary,
html.bavilo-game-ui.bavilo-game-ui--school :is(.win .pill-btn, .win .restart-btn, #next-path, .controls #next, .finish-box .nav),
html.bavilo-game-ui.bavilo-game-ui--themes .a-btn:is(#start, #again, #retry-load, #remember, #check-size, #done-paint, #check-model, #listen-order, #done-scene, #conversation-done, #check-town, #harvest-check, #check-order, .pack-win > .a-btn),
html.bavilo-game-ui.bavilo-game-ui--studio .shell .primary,
html.bavilo-game-ui.bavilo-game-ui--janko #app .button:not(.secondary),
html.bavilo-game-ui.bavilo-game-ui--alphabet :is(#settings .gold, #pause-dialog .gold, #finish .gold, #settings .gold-button, #pause-dialog .gold-button, #finish-dialog .gold-button, #load-error .gold-button),
html.bavilo-game-ui.bavilo-game-ui--alphabet-production #settings #apply,
html.bavilo-game-ui.bavilo-game-ui--numbers #app .action,
html.bavilo-game-ui.bavilo-game-ui--birds :is(.topbar .book-button, .book-footer .text-button, #resetDialog .text-button, #lensReplay),
html.bavilo-game-ui.bavilo-game-ui--school :is(header .pill-btn, header .back-btn, header .back, .win-actions .restart-btn[onclick="goBack()"], #soundButton, .controls #prev),
html.bavilo-game-ui.bavilo-game-ui--themes .a-btn:is(#other, #undo-paint, #undo-scene, #conversation-example, #puzzle-reference-toggle),
html.bavilo-game-ui.bavilo-game-ui--studio .shell :is(.game-tools .secondary, .game-tools .text-button, .play-actions .secondary, .play-actions .text-button, .garden-actions .secondary, .garden-actions .text-button, .studio-finale .text-button, .celebration .secondary),
html.bavilo-game-ui.bavilo-game-ui--janko #app :is(.button.secondary, .celebration > .text-button),
html.bavilo-game-ui.bavilo-game-ui--alphabet #scene footer :is(#repeat, #help, #skip, #pause),
html.bavilo-game-ui.bavilo-game-ui--alphabet :is(#settings .actions, #settings .dialog-actions, #finish .actions, #finish-dialog .dialog-actions) > :is(button, a):not(.gold):not(.gold-button),
html.bavilo-game-ui.bavilo-game-ui--alphabet-production #stage footer :is(#replay, #help, #pause),
html.bavilo-game-ui.bavilo-game-ui--alphabet-production #settings :is(#skip, button[value="cancel"]),
html.bavilo-game-ui.bavilo-game-ui--numbers body > header nav :is(#sound, #help, #home, .world-return),
html.bavilo-game-ui.bavilo-game-ui--numbers #app :is(.soft#restart, .soft#back, .soft#reset),
html.bavilo-game-ui.bavilo-game-ui--birds :is(.topbar .art-button, #replay, #lensDialog > .close, #bookDialog > .close),
html.bavilo-game-ui.bavilo-game-ui--school .prompt-row .sound-btn,
html.bavilo-game-ui.bavilo-game-ui--themes :is(.a-top, .a-foot) > .a-icon,
html.bavilo-game-ui.bavilo-game-ui--studio .shell :is(.topbar .back-button, .header-tools .icon-button, .bavi-dock > .icon-button, .close-hint),
html.bavilo-game-ui.bavilo-game-ui--janko .topbar .icon-button,
html.bavilo-game-ui.bavilo-game-ui--alphabet #scene header :is(#home, #sound, #teacher),
html.bavilo-game-ui.bavilo-game-ui--alphabet :is(#settings-close, #close-settings),
html.bavilo-game-ui.bavilo-game-ui--alphabet-production #stage header :is(#home, #teacher) {
font-family: var(--bavilo-game-font);
font-weight: 850;
color: var(--bavilo-game-ink);
border-radius: var(--bavilo-radius, 20px);
border-color: var(--bavilo-game-line);
box-shadow: var(--bavilo-game-shadow);
text-shadow: none;
-webkit-tap-highlight-color: transparent;
}
html.bavilo-game-ui.bavilo-game-ui--birds :is(#start, #nextVisit, #finishLook, #bookContinue, #confirmReset).primary,
html.bavilo-game-ui.bavilo-game-ui--school :is(.win .pill-btn, .win .restart-btn, #next-path, .controls #next, .finish-box .nav),
html.bavilo-game-ui.bavilo-game-ui--themes .a-btn:is(#start, #again, #retry-load, #remember, #check-size, #done-paint, #check-model, #listen-order, #done-scene, #conversation-done, #check-town, #harvest-check, #check-order, .pack-win > .a-btn),
html.bavilo-game-ui.bavilo-game-ui--studio .shell .primary,
html.bavilo-game-ui.bavilo-game-ui--janko #app .button:not(.secondary),
html.bavilo-game-ui.bavilo-game-ui--alphabet :is(#settings .gold, #pause-dialog .gold, #finish .gold, #settings .gold-button, #pause-dialog .gold-button, #finish-dialog .gold-button, #load-error .gold-button),
html.bavilo-game-ui.bavilo-game-ui--alphabet-production #settings #apply,
html.bavilo-game-ui.bavilo-game-ui--numbers #app .action {
background: var(--bavilo-game-accent);
border-color: #17172f18;
color: var(--bavilo-game-ink);
filter: none;
}
/* One legacy engine forces wooden CTA backgrounds with !important. */
html.bavilo-game-ui.bavilo-game-ui--studio .shell .primary {
background: var(--bavilo-game-accent) !important;
}
html.bavilo-game-ui.bavilo-game-ui--birds :is(.topbar .book-button, .book-footer .text-button, #resetDialog .text-button, #lensReplay),
html.bavilo-game-ui.bavilo-game-ui--school :is(header .pill-btn, header .back-btn, header .back, .win-actions .restart-btn[onclick="goBack()"], #soundButton, .controls #prev),
html.bavilo-game-ui.bavilo-game-ui--themes .a-btn:is(#other, #undo-paint, #undo-scene, #conversation-example, #puzzle-reference-toggle),
html.bavilo-game-ui.bavilo-game-ui--studio .shell :is(.game-tools .secondary, .game-tools .text-button, .play-actions .secondary, .play-actions .text-button, .garden-actions .secondary, .garden-actions .text-button, .studio-finale .text-button, .celebration .secondary),
html.bavilo-game-ui.bavilo-game-ui--janko #app :is(.button.secondary, .celebration > .text-button),
html.bavilo-game-ui.bavilo-game-ui--alphabet #scene footer :is(#repeat, #help, #skip, #pause),
html.bavilo-game-ui.bavilo-game-ui--alphabet :is(#settings .actions, #settings .dialog-actions, #finish .actions, #finish-dialog .dialog-actions) > :is(button, a):not(.gold):not(.gold-button),
html.bavilo-game-ui.bavilo-game-ui--alphabet-production #stage footer :is(#replay, #help, #pause),
html.bavilo-game-ui.bavilo-game-ui--alphabet-production #settings :is(#skip, button[value="cancel"]),
html.bavilo-game-ui.bavilo-game-ui--numbers body > header nav :is(#sound, #help, #home, .world-return),
html.bavilo-game-ui.bavilo-game-ui--numbers #app :is(.soft#restart, .soft#back, .soft#reset),
html.bavilo-game-ui.bavilo-game-ui--birds :is(.topbar .art-button, #replay, #lensDialog > .close, #bookDialog > .close),
html.bavilo-game-ui.bavilo-game-ui--school .prompt-row .sound-btn,
html.bavilo-game-ui.bavilo-game-ui--themes :is(.a-top, .a-foot) > .a-icon,
html.bavilo-game-ui.bavilo-game-ui--studio .shell :is(.topbar .back-button, .header-tools .icon-button, .bavi-dock > .icon-button, .close-hint),
html.bavilo-game-ui.bavilo-game-ui--janko .topbar .icon-button,
html.bavilo-game-ui.bavilo-game-ui--alphabet #scene header :is(#home, #sound, #teacher),
html.bavilo-game-ui.bavilo-game-ui--alphabet :is(#settings-close, #close-settings),
html.bavilo-game-ui.bavilo-game-ui--alphabet-production #stage header :is(#home, #teacher) {
background: var(--bavilo-game-cream);
color: var(--bavilo-game-ink);
}
html.bavilo-game-ui.bavilo-game-ui--birds :is(.topbar .art-button, #replay, #lensDialog > .close, #bookDialog > .close),
html.bavilo-game-ui.bavilo-game-ui--school .prompt-row .sound-btn,
html.bavilo-game-ui.bavilo-game-ui--themes :is(.a-top, .a-foot) > .a-icon,
html.bavilo-game-ui.bavilo-game-ui--studio .shell :is(.topbar .back-button, .header-tools .icon-button, .bavi-dock > .icon-button, .close-hint),
html.bavilo-game-ui.bavilo-game-ui--janko .topbar .icon-button,
html.bavilo-game-ui.bavilo-game-ui--alphabet #scene header :is(#home, #sound, #teacher),
html.bavilo-game-ui.bavilo-game-ui--alphabet :is(#settings-close, #close-settings),
html.bavilo-game-ui.bavilo-game-ui--alphabet-production #stage header :is(#home, #teacher) {
border-radius: 16px;
filter: none;
}
html.bavilo-game-ui.bavilo-game-ui--birds :is(#start, #nextVisit, #finishLook, #bookContinue, #confirmReset).primary:focus-visible,
html.bavilo-game-ui.bavilo-game-ui--school :is(.win .pill-btn, .win .restart-btn, #next-path, .controls #next, .finish-box .nav):focus-visible,
html.bavilo-game-ui.bavilo-game-ui--themes .a-btn:is(#start, #again, #retry-load, #remember, #check-size, #done-paint, #check-model, #listen-order, #done-scene, #conversation-done, #check-town, #harvest-check, #check-order, .pack-win > .a-btn):focus-visible,
html.bavilo-game-ui.bavilo-game-ui--studio .shell .primary:focus-visible,
html.bavilo-game-ui.bavilo-game-ui--janko #app .button:not(.secondary):focus-visible,
html.bavilo-game-ui.bavilo-game-ui--alphabet :is(#settings .gold, #pause-dialog .gold, #finish .gold, #settings .gold-button, #pause-dialog .gold-button, #finish-dialog .gold-button, #load-error .gold-button):focus-visible,
html.bavilo-game-ui.bavilo-game-ui--alphabet-production #settings #apply:focus-visible,
html.bavilo-game-ui.bavilo-game-ui--numbers #app .action:focus-visible,
html.bavilo-game-ui.bavilo-game-ui--birds :is(.topbar .book-button, .book-footer .text-button, #resetDialog .text-button, #lensReplay):focus-visible,
html.bavilo-game-ui.bavilo-game-ui--school :is(header .pill-btn, header .back-btn, header .back, .win-actions .restart-btn[onclick="goBack()"], #soundButton, .controls #prev):focus-visible,
html.bavilo-game-ui.bavilo-game-ui--themes .a-btn:is(#other, #undo-paint, #undo-scene, #conversation-example, #puzzle-reference-toggle):focus-visible,
html.bavilo-game-ui.bavilo-game-ui--studio .shell :is(.game-tools .secondary, .game-tools .text-button, .play-actions .secondary, .play-actions .text-button, .garden-actions .secondary, .garden-actions .text-button, .studio-finale .text-button, .celebration .secondary):focus-visible,
html.bavilo-game-ui.bavilo-game-ui--janko #app :is(.button.secondary, .celebration > .text-button):focus-visible,
html.bavilo-game-ui.bavilo-game-ui--alphabet #scene footer :is(#repeat, #help, #skip, #pause):focus-visible,
html.bavilo-game-ui.bavilo-game-ui--alphabet :is(#settings .actions, #settings .dialog-actions, #finish .actions, #finish-dialog .dialog-actions) > :is(button, a):not(.gold):not(.gold-button):focus-visible,
html.bavilo-game-ui.bavilo-game-ui--alphabet-production #stage footer :is(#replay, #help, #pause):focus-visible,
html.bavilo-game-ui.bavilo-game-ui--alphabet-production #settings :is(#skip, button[value="cancel"]):focus-visible,
html.bavilo-game-ui.bavilo-game-ui--numbers body > header nav :is(#sound, #help, #home, .world-return):focus-visible,
html.bavilo-game-ui.bavilo-game-ui--numbers #app :is(.soft#restart, .soft#back, .soft#reset):focus-visible,
html.bavilo-game-ui.bavilo-game-ui--birds :is(.topbar .art-button, #replay, #lensDialog > .close, #bookDialog > .close):focus-visible,
html.bavilo-game-ui.bavilo-game-ui--school .prompt-row .sound-btn:focus-visible,
html.bavilo-game-ui.bavilo-game-ui--themes :is(.a-top, .a-foot) > .a-icon:focus-visible,
html.bavilo-game-ui.bavilo-game-ui--studio .shell :is(.topbar .back-button, .header-tools .icon-button, .bavi-dock > .icon-button, .close-hint):focus-visible,
html.bavilo-game-ui.bavilo-game-ui--janko .topbar .icon-button:focus-visible,
html.bavilo-game-ui.bavilo-game-ui--alphabet #scene header :is(#home, #sound, #teacher):focus-visible,
html.bavilo-game-ui.bavilo-game-ui--alphabet :is(#settings-close, #close-settings):focus-visible,
html.bavilo-game-ui.bavilo-game-ui--alphabet-production #stage header :is(#home, #teacher):focus-visible {
outline: 3px solid var(--bavilo-game-ink);
outline-offset: 4px;
}
html.bavilo-game-ui.bavilo-game-ui--birds :is(#start, #nextVisit, #finishLook, #bookContinue, #confirmReset).primary:not(:disabled):hover,
html.bavilo-game-ui.bavilo-game-ui--school :is(.win .pill-btn, .win .restart-btn, #next-path, .controls #next, .finish-box .nav):not(:disabled):hover,
html.bavilo-game-ui.bavilo-game-ui--themes .a-btn:is(#start, #again, #retry-load, #remember, #check-size, #done-paint, #check-model, #listen-order, #done-scene, #conversation-done, #check-town, #harvest-check, #check-order, .pack-win > .a-btn):not(:disabled):hover,
html.bavilo-game-ui.bavilo-game-ui--studio .shell .primary:not(:disabled):hover,
html.bavilo-game-ui.bavilo-game-ui--janko #app .button:not(.secondary):not(:disabled):hover,
html.bavilo-game-ui.bavilo-game-ui--alphabet :is(#settings .gold, #pause-dialog .gold, #finish .gold, #settings .gold-button, #pause-dialog .gold-button, #finish-dialog .gold-button, #load-error .gold-button):not(:disabled):hover,
html.bavilo-game-ui.bavilo-game-ui--alphabet-production #settings #apply:not(:disabled):hover,
html.bavilo-game-ui.bavilo-game-ui--numbers #app .action:not(:disabled):hover,
html.bavilo-game-ui.bavilo-game-ui--birds :is(.topbar .book-button, .book-footer .text-button, #resetDialog .text-button, #lensReplay):not(:disabled):hover,
html.bavilo-game-ui.bavilo-game-ui--school :is(header .pill-btn, header .back-btn, header .back, .win-actions .restart-btn[onclick="goBack()"], #soundButton, .controls #prev):not(:disabled):hover,
html.bavilo-game-ui.bavilo-game-ui--themes .a-btn:is(#other, #undo-paint, #undo-scene, #conversation-example, #puzzle-reference-toggle):not(:disabled):hover,
html.bavilo-game-ui.bavilo-game-ui--studio .shell :is(.game-tools .secondary, .game-tools .text-button, .play-actions .secondary, .play-actions .text-button, .garden-actions .secondary, .garden-actions .text-button, .studio-finale .text-button, .celebration .secondary):not(:disabled):hover,
html.bavilo-game-ui.bavilo-game-ui--janko #app :is(.button.secondary, .celebration > .text-button):not(:disabled):hover,
html.bavilo-game-ui.bavilo-game-ui--alphabet #scene footer :is(#repeat, #help, #skip, #pause):not(:disabled):hover,
html.bavilo-game-ui.bavilo-game-ui--alphabet :is(#settings .actions, #settings .dialog-actions, #finish .actions, #finish-dialog .dialog-actions) > :is(button, a):not(.gold):not(.gold-button):not(:disabled):hover,
html.bavilo-game-ui.bavilo-game-ui--alphabet-production #stage footer :is(#replay, #help, #pause):not(:disabled):hover,
html.bavilo-game-ui.bavilo-game-ui--alphabet-production #settings :is(#skip, button[value="cancel"]):not(:disabled):hover,
html.bavilo-game-ui.bavilo-game-ui--numbers body > header nav :is(#sound, #help, #home, .world-return):not(:disabled):hover,
html.bavilo-game-ui.bavilo-game-ui--numbers #app :is(.soft#restart, .soft#back, .soft#reset):not(:disabled):hover,
html.bavilo-game-ui.bavilo-game-ui--birds :is(.topbar .art-button, #replay, #lensDialog > .close, #bookDialog > .close):not(:disabled):hover,
html.bavilo-game-ui.bavilo-game-ui--school .prompt-row .sound-btn:not(:disabled):hover,
html.bavilo-game-ui.bavilo-game-ui--themes :is(.a-top, .a-foot) > .a-icon:not(:disabled):hover,
html.bavilo-game-ui.bavilo-game-ui--studio .shell :is(.topbar .back-button, .header-tools .icon-button, .bavi-dock > .icon-button, .close-hint):not(:disabled):hover,
html.bavilo-game-ui.bavilo-game-ui--janko .topbar .icon-button:not(:disabled):hover,
html.bavilo-game-ui.bavilo-game-ui--alphabet #scene header :is(#home, #sound, #teacher):not(:disabled):hover,
html.bavilo-game-ui.bavilo-game-ui--alphabet :is(#settings-close, #close-settings):not(:disabled):hover,
html.bavilo-game-ui.bavilo-game-ui--alphabet-production #stage header :is(#home, #teacher):not(:disabled):hover {
filter: brightness(1.025);
box-shadow: 0 3px 0 #17172f26, 0 8px 20px #17172f14;
}
/* Engine-specific disabled and pressed states retain their meaning. */
html.bavilo-game-ui.bavilo-game-ui--birds :is(#start, #nextVisit, #finishLook, #bookContinue, #confirmReset).primary:disabled,
html.bavilo-game-ui.bavilo-game-ui--school :is(.win .pill-btn, .win .restart-btn, #next-path, .controls #next, .finish-box .nav):disabled,
html.bavilo-game-ui.bavilo-game-ui--themes .a-btn:is(#start, #again, #retry-load, #remember, #check-size, #done-paint, #check-model, #listen-order, #done-scene, #conversation-done, #check-town, #harvest-check, #check-order, .pack-win > .a-btn):disabled,
html.bavilo-game-ui.bavilo-game-ui--studio .shell .primary:disabled,
html.bavilo-game-ui.bavilo-game-ui--janko #app .button:not(.secondary):disabled,
html.bavilo-game-ui.bavilo-game-ui--alphabet :is(#settings .gold, #pause-dialog .gold, #finish .gold, #settings .gold-button, #pause-dialog .gold-button, #finish-dialog .gold-button, #load-error .gold-button):disabled,
html.bavilo-game-ui.bavilo-game-ui--alphabet-production #settings #apply:disabled,
html.bavilo-game-ui.bavilo-game-ui--numbers #app .action:disabled,
html.bavilo-game-ui.bavilo-game-ui--birds :is(.topbar .book-button, .book-footer .text-button, #resetDialog .text-button, #lensReplay):disabled,
html.bavilo-game-ui.bavilo-game-ui--school :is(header .pill-btn, header .back-btn, header .back, .win-actions .restart-btn[onclick="goBack()"], #soundButton, .controls #prev):disabled,
html.bavilo-game-ui.bavilo-game-ui--themes .a-btn:is(#other, #undo-paint, #undo-scene, #conversation-example, #puzzle-reference-toggle):disabled,
html.bavilo-game-ui.bavilo-game-ui--studio .shell :is(.game-tools .secondary, .game-tools .text-button, .play-actions .secondary, .play-actions .text-button, .garden-actions .secondary, .garden-actions .text-button, .studio-finale .text-button, .celebration .secondary):disabled,
html.bavilo-game-ui.bavilo-game-ui--janko #app :is(.button.secondary, .celebration > .text-button):disabled,
html.bavilo-game-ui.bavilo-game-ui--alphabet #scene footer :is(#repeat, #help, #skip, #pause):disabled,
html.bavilo-game-ui.bavilo-game-ui--alphabet :is(#settings .actions, #settings .dialog-actions, #finish .actions, #finish-dialog .dialog-actions) > :is(button, a):not(.gold):not(.gold-button):disabled,
html.bavilo-game-ui.bavilo-game-ui--alphabet-production #stage footer :is(#replay, #help, #pause):disabled,
html.bavilo-game-ui.bavilo-game-ui--alphabet-production #settings :is(#skip, button[value="cancel"]):disabled,
html.bavilo-game-ui.bavilo-game-ui--numbers body > header nav :is(#sound, #help, #home, .world-return):disabled,
html.bavilo-game-ui.bavilo-game-ui--numbers #app :is(.soft#restart, .soft#back, .soft#reset):disabled,
html.bavilo-game-ui.bavilo-game-ui--birds :is(.topbar .art-button, #replay, #lensDialog > .close, #bookDialog > .close):disabled,
html.bavilo-game-ui.bavilo-game-ui--school .prompt-row .sound-btn:disabled,
html.bavilo-game-ui.bavilo-game-ui--themes :is(.a-top, .a-foot) > .a-icon:disabled,
html.bavilo-game-ui.bavilo-game-ui--studio .shell :is(.topbar .back-button, .header-tools .icon-button, .bavi-dock > .icon-button, .close-hint):disabled,
html.bavilo-game-ui.bavilo-game-ui--janko .topbar .icon-button:disabled,
html.bavilo-game-ui.bavilo-game-ui--alphabet #scene header :is(#home, #sound, #teacher):disabled,
html.bavilo-game-ui.bavilo-game-ui--alphabet :is(#settings-close, #close-settings):disabled,
html.bavilo-game-ui.bavilo-game-ui--alphabet-production #stage header :is(#home, #teacher):disabled {
cursor: default;
filter: none;
box-shadow: none;
}
html.bavilo-game-ui.bavilo-game-ui--birds :is(#lensDialog, #bookDialog, #resetDialog),
html.bavilo-game-ui.bavilo-game-ui--school :is(.win > .box, .win > .win-box, .finish > .finish-box),
html.bavilo-game-ui.bavilo-game-ui--studio .shell .hint-popover,
html.bavilo-game-ui.bavilo-game-ui--janko dialog.celebration,
html.bavilo-game-ui.bavilo-game-ui--alphabet :is(#settings, #pause-dialog, #finish, #finish-dialog),
html.bavilo-game-ui.bavilo-game-ui--alphabet-production dialog#settings {
font-family: var(--bavilo-game-font);
color: var(--bavilo-game-ink);
background: var(--bavilo-game-cream);
border-color: var(--bavilo-game-line);
border-radius: var(--bavilo-radius-large, 28px);
box-shadow: 0 18px 60px #17172f26;
}
html.bavilo-game-ui.bavilo-game-ui--birds :is(#lensDialog, #bookDialog, #resetDialog)::backdrop,
html.bavilo-game-ui.bavilo-game-ui--janko dialog.celebration::backdrop,
html.bavilo-game-ui.bavilo-game-ui--alphabet :is(#settings, #pause-dialog, #finish, #finish-dialog)::backdrop,
html.bavilo-game-ui.bavilo-game-ui--alphabet-production dialog#settings::backdrop {
background: #17172f70;
}
html.bavilo-game-ui.bavilo-game-ui--birds :is(.topbar .brand h1, .habitat-badge, .intro-copy, .speech),
html.bavilo-game-ui.bavilo-game-ui--school header :is(.title, .heading, h1, .chip, .stat),
html.bavilo-game-ui.bavilo-game-ui--themes :is(.a-top h1, .a-top .a-eyebrow, .a-foot #voice-copy),
html.bavilo-game-ui.bavilo-game-ui--studio .shell :is(.topbar .heading, .bavi-dock .bavi-words),
html.bavilo-game-ui.bavilo-game-ui--janko .topbar,
html.bavilo-game-ui.bavilo-game-ui--alphabet #scene header,
html.bavilo-game-ui.bavilo-game-ui--alphabet-production #stage header,
html.bavilo-game-ui.bavilo-game-ui--numbers body > header {
font-family: var(--bavilo-game-font);
}
html.bavilo-game-ui.bavilo-game-ui--birds .topbar .brand h1,
html.bavilo-game-ui.bavilo-game-ui--themes body.bavilo-refined .a-top h1,
html.bavilo-game-ui.bavilo-game-ui--studio .shell .topbar .heading h1,
html.bavilo-game-ui.bavilo-game-ui--alphabet #scene header .brand h1,
html.bavilo-game-ui.bavilo-game-ui--alphabet-production #stage header .brand h1,
html.bavilo-game-ui.bavilo-game-ui--numbers body > header .brand {
color: var(--bavilo-game-ink);
text-shadow: none;
}