@font-face{font-family:'Alegreya';src:url('fonts/Alegreya-Variable.ttf') format('truetype');font-style:normal;font-weight:400 900;font-display:swap}
:root{--rustic-font:'Alegreya',Georgia,serif}
h1,h2,h3,h4,.topbar h1,.goal h3,.building-selection-heading h3{font-family:var(--rustic-font)}
button,label,summary,.local-tabs{font-family:var(--rustic-font)}
p,.hint,.advisor-speech,dl,input,select,textarea,.effect-resources,.resources,.age-bands{font-family:system-ui,-apple-system,'Segoe UI',sans-serif}
.game-popup.card{
 border:18px solid transparent;
 border-image-source:url('art/ui/parchment-frame-v1.png');
 border-image-slice:18%;
 border-image-width:42px 32px;
 border-image-outset:6px;
 border-image-repeat:stretch;
 border-radius:0;
 background:#f7ecd4;
 background-clip:padding-box;
 box-shadow:0 15px 45px #120c0966;
}
.game-popup.card::before,.game-popup.card::after{content:none}
.game-popup.version-update-popup{width:min(680px,calc(100vw - 32px));text-align:center;overflow-x:hidden}
.version-update-popup>img{display:block;width:100%;height:auto;max-height:38dvh;object-fit:cover;border-radius:4px;margin-bottom:16px}
.version-update-popup>button,.version-update-popup>progress{width:100%}
.version-update-popup>[role=status]{overflow-wrap:anywhere}
.version-update-popup>progress[hidden]{display:none}
.version-update-backdrop{z-index:1100}
@media(max-width:540px){.game-popup.card{border-width:12px;border-image-width:20px;border-image-outset:4px}}
@media(orientation:landscape) and (max-height:600px){
 .island-native .game-popup:is(.generation-popup,.version-update-popup){display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-content:center;column-gap:16px;row-gap:5px;width:min(940px,calc(100vw - 32px));max-height:none;padding:12px 16px;overflow:visible}
 .island-native :is(.generation-popup,.version-update-popup)>*{grid-column:2;min-width:0;margin-block:0}
 .island-native .generation-popup>.generation-art,.island-native .version-update-popup>img{grid-column:1;grid-row:1 / span 8;align-self:stretch;width:100%;height:min(240px,calc(100vh - 104px));max-height:none;object-fit:cover;margin:0;border-radius:5px}
 .island-native :is(.generation-popup,.version-update-popup)>:is(h1,h2){font-size:22px;line-height:1.15;padding:0;border:0}
 .island-native :is(.generation-popup,.version-update-popup)>p{font-size:12px;line-height:1.3}
 .island-native .generation-popup>.eyebrow{font-size:11px}
 .island-native .generation-popup>.generation-percent{font-size:17px}
 .island-native :is(.generation-popup,.version-update-popup)>:is(progress,.boot-progress){height:18px}
 .island-native .version-update-popup>button{min-height:36px;padding:6px 12px;font-size:14px}
}