/* The full army illustration is used during launch, never in the dashboard. */
html.phone-launch-loading { background: #0b0d10; }
.phone-launch-splash {
    position: fixed;
    inset: 0;
    z-index: 2147483000;
    display: block;
    overflow: hidden;
    background: #0b0d10;
    opacity: 1;
    transition: opacity 180ms ease-out;
    touch-action: none;
}
.phone-launch-art { display: block; width: 100%; height: 100%; object-fit: contain; object-position: center; }
.phone-launch-brand {
    position: absolute;
    inset: auto 0 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 2px;
    padding: 32px max(12px, env(safe-area-inset-right)) max(12px, env(safe-area-inset-bottom)) max(12px, env(safe-area-inset-left));
    color: #f4ead7;
    background: linear-gradient(transparent, #080b11db);
    text-shadow: 0 2px 5px #000;
    pointer-events: none;
}
.phone-launch-brand strong { font: 800 clamp(25px, 4vw, 36px) 'Barlow Condensed', 'Arial Narrow', sans-serif; letter-spacing: 2px; line-height: 1; }
.phone-launch-brand span { color: #e6b966; font: 700 9px 'Chakra Petch', sans-serif; letter-spacing: 3px; line-height: 1.5; }
.phone-launch-splash.phone-launch-leaving { opacity: 0; pointer-events: none; }
@media (max-width: 520px) {
    .phone-ui:has([data-warfront-home="tanks"]) .phone-account-menu .phone-dropdown-options { left: 0; right: auto; }
}
@media (prefers-reduced-motion: reduce) {
    .phone-launch-splash { transition: none; }
}