/* Give the primary war room action a clear label over the existing gold plate. */
.phone-ui #main-menu .phone-home-actions [data-home-action="battle"] {
    box-sizing: border-box;
    padding: 8px 12px;
    border: 2px solid #ffe1a0;
    background: linear-gradient(180deg, #ffd36b 0%, #f5b827 48%, #eaa00c 100%);
    color: #191810;
    font: 900 clamp(28px, 4vw, 36px) / 1 'Barlow Condensed', 'Arial Narrow', sans-serif;
    letter-spacing: 1.5px;
    text-transform: uppercase;
    text-align: center;
    white-space: nowrap;
    text-shadow: 0 1px 0 #fff2bd80;
    box-shadow: inset 0 1px 0 #fff7d5, inset 0 -4px 0 #a7680059, 0 3px 12px #0003;
    transition: transform 90ms ease-out, box-shadow 90ms ease-out;
}
.phone-ui #main-menu .phone-home-actions [data-home-action="battle"]:focus-visible {
    outline: 2px solid #fff4d2;
    outline-offset: 2px;
}
.phone-ui #main-menu .phone-home-actions [data-home-action="battle"]:active {
    transform: translateY(1px);
    box-shadow: inset 0 1px 0 #fff7d5, inset 0 -2px 0 #a7680059;
}
@media (prefers-reduced-motion: reduce) {
    .phone-ui #main-menu .phone-home-actions [data-home-action="battle"] { transition: none; }
}