/* Display and UI roles share locally served, licensed font files. */
@font-face{font-family:PirateUI;src:url('assets/fonts/Rubik-Variable.ttf') format('truetype');font-weight:300 900;font-display:swap}
@font-face{font-family:PirateDisplay;src:url('assets/fonts/Rubik-Variable.ttf') format('truetype');font-weight:300 900;font-display:block}
@font-face{font-family:PirateArchivo;src:url('assets/fonts/ArchivoBlack-Regular.ttf') format('truetype');font-weight:400;font-display:block}
@font-face{font-family:PirateBowlby;src:url('assets/fonts/BowlbyOneSC-Regular.ttf') format('truetype');font-weight:400;font-display:block}
:root{--font-display:PirateDisplay,Arial,sans-serif;--font-ui:PirateUI,Arial,sans-serif;font-family:var(--font-ui)}
body,.player-dialog,.hidden-math-test,.opening-screen,.autoplay-popup{font-family:var(--font-ui)}
button,input,select,textarea{font-family:inherit}
.app .hud,.app .player-dialog,.app .hidden-math-test{font-family:var(--font-ui)}
.opening-copy h2,.opening-continue{font-family:var(--font-display);font-weight:900}
.opening-copy p,.opening-status{font-family:var(--font-ui)}
.player-settings-controls .music-controls button,
.player-dialog[data-view=buy] .player-bet-control button,
.player-dialog:is([data-view=buy],[data-view=review]) .chance-art b,
.player-dialog:is([data-view=buy],[data-view=review]) .mystery-mark b{font-family:var(--font-ui)}
.all-access-welcome[data-presentation=simple]{background:rgb(8 9 20 / 76%);backdrop-filter:blur(3px)}
.all-access-welcome[data-presentation=simple] .bonus-entry-art,
.bonus-result[data-presentation=simple] .bonus-result-panel{width:min(1600px,98vw,96dvh * 1600 / 900);aspect-ratio:1600/900;transform:none;opacity:1}
[data-presentation=simple] .bonus-popup-light,[data-presentation=simple] #bonus-entry-panel,[data-presentation=simple] .bonus-result-panel>img{display:none}
#bonus-entry-canvas{display:block;width:100%;height:100%}
.bonus-result[data-presentation=simple] [data-result-canvas]{transform:none}
.bonus-result[data-presentation=simple]::backdrop{background:rgb(8 9 20 / 76%);backdrop-filter:blur(3px)}
