/* Shared layouter styles for Scramble Quest */

VStack.fullscreen,
ZStack.fullscreen {
    fill-height: true;
    fill-width: true;
}

Panel.safe-area {
    height: 24dp;
    fill-width: true;
}

.phone-shell {
    width: min(100vw, 480dp);
    max-width: 480dp;
    fill-width: true;
    fill-height: false;
    align-h: center;
}

.platform-mobile Panel.safe-area {
    height: 36dp;
}