// Start menu. See the README ("UI files") for the node types, bindings and actions.
root: Column {
    width: Fill,
    height: Fill,
    align: Center,
    justify: Center,
    gap: 24,
    background: "backdrop",
    children: [
        Column {
            align: Center,
            gap: 4,
            children: [
                Text { text: "STATION", size: 64, color: "accent" },
                Text { text: "a persistent space station", color: "dim" },
            ],
        },
        Panel {
            align: Stretch,
            gap: 10,
            width: Px(320),
            children: [
                Button { text: "New game", action: "screen:new_game", tooltip: "Create a new world" },
                Button {
                    text: "Load game",
                    action: "screen:load_game",
                    tooltip: "Continue one of your worlds\nSaves are stored in {saves_dir}",
                },
                Button {
                    text: "Join server",
                    action: "screen:connect",
                    tooltip: "Play on a dedicated server or a friend's world",
                },
                Spacer,
                Button { text: "Quit", action: "quit" },
            ],
        },
        Text { text: "{message}", color: "error", visible: "message", max_width: 600 },
        Column {
            anchor: BottomRight,
            offset: (12, 8),
            children: [
                Text { text: "v{version}  -  playing as {profile_name}", size: 13, color: "dim" },
            ],
        },
    ],
}