/* basteln.css — /adventskalender-basteln/: the few things this page adds on top of
   /assets/polyatic.css and the advent maker's /advent-calendar-maker/advent.css. */
.akb .akb-modes button{flex:1 1 40%}
@media(min-width:640px){.akb .akb-modes button{flex:1 1 0}}
.akb .akb-two button{flex:1 1 40%}
.akb .akb-designs{grid-template-columns:repeat(4,minmax(0,1fr))}
@media(max-width:380px){.akb .akb-designs{grid-template-columns:repeat(2,minmax(0,1fr))}}
.akb .akb-check{margin-top:.5rem}
.akb .ac-langs{margin:1.25rem 0 0;font-size:.875rem;color:var(--muted)}
.akb .akb-err:empty,.akb .akb-msg:empty{display:none}
.akb .akb-err{color:var(--danger,#b3282d)}
/* the stage: in the village mode the built village leads, then the download, then the sheets */
.akb .akb-stage{display:flex;flex-direction:column}
.akb .akb-scene{max-width:40rem;margin:0 auto .75rem;width:100%;line-height:0}
.akb .akb-scene svg{display:block;width:100%;height:auto;border-radius:.625rem}
.akb .akb-stage.is-scene .ac-stage-h{order:0}
.akb .akb-stage.is-scene .akb-scene{order:1}
.akb .akb-stage.is-scene .akb-dl{order:2}
.akb .akb-stage.is-scene .akb-msg,.akb .akb-stage.is-scene .akb-err{order:3}
.akb .akb-stage.is-scene .akb-summary{order:4}
.akb .akb-stage.is-scene .akb-paper{order:5;max-width:18rem;margin-top:.5rem}
.akb .akb-stage.is-scene .akb-pager{order:6}