.home-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    gap: 6px;
    min-height: 44px;
    padding: 10px 14px;
    border: 1px solid #78849a;
    border-radius: 6px;
    background: #172030;
    color: #f4f5fa;
    font: 700 13px/1.2 system-ui, sans-serif;
    letter-spacing: normal;
    text-decoration: none;
    white-space: nowrap;
    touch-action: manipulation;
}

.home-button:hover {
    background: #2b3d50;
    border-color: #b9ed8d;
}

.home-button:focus-visible {
    outline: 3px solid #f8d47d;
    outline-offset: 3px;
}

.home-button-floating {
    position: fixed;
    left: max(12px, env(safe-area-inset-left));
    bottom: max(12px, env(safe-area-inset-bottom));
    z-index: 10;
}

.topbar,
#app > header {
    gap: 12px;
    flex-wrap: wrap;
    height: auto;
    min-height: 74px;
    padding-top: 12px;
    padding-bottom: 12px;
}