/* One full-width birth action; mode controls are a separate subordinate group. */
#homeRandomDock>.birth-start-area{flex:1 1 0;width:100%;min-width:0}
#introScreen .birth-start-inline{padding:0;overflow:hidden}
#introScreen .birth-start-inline>#startRandom{min-height:62px;padding:15px 18px;border-radius:8px 8px 0 0;text-align:center}
#introScreen .birth-mode-settings{padding:10px 8px 9px;border-top:1px solid rgba(0,0,0,.28);background:rgba(0,0,0,.07);text-align:center}
#introScreen .birth-mode-settings .birth-mode-choice{justify-content:center}
#introScreen .birth-mode-settings .birth-mode-hint{margin:7px 0 0!important;font-size:11px!important;overflow-wrap:anywhere}
@media(max-width:359px){#introScreen .birth-start-inline>#startRandom{font-size:14px;padding:14px 8px}}

#introScreen #startRandom,#introScreen #openLibrary,#homeRandomDock #startRandomFixed{position:relative;justify-content:center;text-align:center}
#introScreen .birth-action-label,#homeRandomDock .birth-action-label{max-width:calc(100% - 40px)}
#introScreen .birth-action-arrow,#homeRandomDock .birth-action-arrow{position:absolute;right:18px;top:50%;transform:translateY(-50%)}

/* Keep a clear gap between the complete birth group and the catalogue action. */
@media(max-width:999px){
  #introScreen .birth-start-inline + #openLibrary{margin-top:12px}
}