/* 手機底部 dock：站名浮左、導覽列、右側大頭像跨欄 */

@media (min-width: 768px) {
    .fate-mobile-dock,
    .fate-mobile-bar__backdrop,
    .fate-mobile-bar__sheet {
        display: none !important;
    }
}

@media (max-width: 767px) {
    :root {
        --fate-mobile-bar-h: 2.85rem;
        --fate-mobile-avatar-size: 5.65rem;
        --fate-mobile-avatar-overhang: 2.25rem;
        --fate-mobile-icon-size: 3.05rem;
        --fate-mobile-icon-overhang: 1.75rem;
        --fate-mobile-dock-lift: max(var(--fate-mobile-avatar-overhang), var(--fate-mobile-icon-overhang));
        --fate-mobile-brand-lift: 0.82rem;
    }

    body {
        padding-bottom: calc(
            var(--fate-mobile-bar-h)
            + var(--fate-mobile-dock-lift)
            + 0.45rem
            + env(safe-area-inset-bottom, 0px)
        );
    }

    body.fate-mobile-bar-open {
        overflow: hidden;
    }

    .topbar {
        display: none !important;
    }

    .minimal-header {
        display: none !important;
    }

    .sidebar-card--member {
        display: none !important;
    }

    .sidebar-card--forum,
    .sidebar-card--search {
        display: none !important;
    }

    .fate-mobile-dock {
        position: fixed;
        left: 0;
        right: 0;
        bottom: 0;
        z-index: 120;
        height: calc(var(--fate-mobile-bar-h) + env(safe-area-inset-bottom, 0px));
        pointer-events: none;
    }

    .fate-mobile-dock__brand {
        position: absolute;
        left: 0.55rem;
        bottom: calc(var(--fate-mobile-bar-h) + env(safe-area-inset-bottom, 0px) + var(--fate-mobile-brand-lift));
        z-index: 4;
        display: inline-flex;
        flex-direction: row;
        flex-wrap: nowrap;
        align-items: baseline;
        gap: 0.4rem;
        max-width: calc(100% - var(--fate-mobile-avatar-size) - 1.25rem);
        white-space: nowrap;
        text-decoration: none;
        pointer-events: auto;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .fate-mobile-dock__brand-main {
        flex-shrink: 0;
        display: inline-block;
        padding: 0;
        font-weight: 800;
        letter-spacing: 0.12em;
        font-size: 1.32rem;
        line-height: 1.15;
        color: #0a0c10;
        white-space: nowrap;
        -webkit-text-stroke: 2.5px #fff;
        paint-order: stroke fill;
        text-shadow:
            1px 0 #fff,
            -1px 0 #fff,
            0 1px #fff,
            0 -1px #fff,
            1px 1px #fff,
            -1px -1px #fff,
            1px -1px #fff,
            -1px 1px #fff;
    }

    .fate-mobile-dock__brand-sub {
        flex-shrink: 0;
        display: inline-block;
        padding: 0;
        font-weight: 700;
        letter-spacing: 0.08em;
        font-size: 1.02rem;
        line-height: 1.15;
        color: var(--accent, #7ab8ff);
        white-space: nowrap;
        -webkit-text-stroke: 2px #fff;
        paint-order: stroke fill;
        text-shadow:
            1px 0 #fff,
            -1px 0 #fff,
            0 1px #fff,
            0 -1px #fff,
            1px 1px #fff,
            -1px -1px #fff;
    }

    .fate-mobile-dock__bar {
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0;
        z-index: 1;
        display: flex;
        align-items: center;
        height: calc(var(--fate-mobile-bar-h) + env(safe-area-inset-bottom, 0px));
        padding:
            0
            calc(var(--fate-mobile-avatar-size) * 0.48 + 0.25rem)
            env(safe-area-inset-bottom, 0px)
            0.45rem;
        border-top: 1px solid var(--line, rgba(255, 255, 255, 0.08));
        background: rgba(12, 14, 18, 0.94);
        backdrop-filter: blur(12px);
        -webkit-backdrop-filter: blur(12px);
        box-shadow: 0 -6px 24px rgba(0, 0, 0, 0.28);
        pointer-events: auto;
        overflow: visible;
    }

    .fate-mobile-dock__links {
        flex: 1;
        min-width: 0;
        display: flex;
        align-items: center;
        gap: 0.28rem;
        overflow-x: auto;
        overflow-y: visible;
        -webkit-overflow-scrolling: touch;
        scrollbar-width: none;
        padding:
            calc(var(--fate-mobile-icon-overhang) + 0.1rem)
            0.15rem
            0.1rem
            0.15rem;
    }

    .fate-mobile-dock__links::-webkit-scrollbar {
        display: none;
    }

    .fate-mobile-dock__link {
        flex: 0 0 auto;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        padding: 0;
        border-radius: 999px;
        text-decoration: none;
        color: var(--muted, #868c9a);
        transition: color 0.15s ease;
    }

    .fate-mobile-dock__link--action {
        border: none;
        background: transparent;
        font: inherit;
        cursor: pointer;
        -webkit-tap-highlight-color: transparent;
    }

    .fate-mobile-dock__link:hover,
    .fate-mobile-dock__link.is-active {
        color: var(--accent, #7ab8ff);
    }

    .fate-mobile-dock__icon-wrap {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: var(--fate-mobile-icon-size);
        height: var(--fate-mobile-icon-size);
        margin-top: calc(var(--fate-mobile-icon-overhang) * -1);
        border-radius: 50%;
        border: 2px solid rgba(255, 255, 255, 0.82);
        background: rgba(18, 21, 28, 0.96);
        box-shadow:
            0 0 0 1px rgba(0, 0, 0, 0.35),
            0 6px 16px rgba(0, 0, 0, 0.32);
        transition: border-color 0.15s ease, transform 0.15s ease, box-shadow 0.15s ease;
    }

    .fate-mobile-dock__link:hover .fate-mobile-dock__icon-wrap,
    .fate-mobile-dock__link.is-active .fate-mobile-dock__icon-wrap {
        border-color: var(--accent, #7ab8ff);
        transform: translateY(-2px);
        box-shadow:
            0 0 0 1px rgba(122, 184, 255, 0.25),
            0 8px 20px rgba(122, 184, 255, 0.22);
    }

    .fate-mobile-dock__icon {
        width: 1.72rem;
        height: 1.72rem;
        display: block;
        background-color: #fff;
        -webkit-mask-repeat: no-repeat;
        mask-repeat: no-repeat;
        -webkit-mask-position: center;
        mask-position: center;
        -webkit-mask-size: contain;
        mask-size: contain;
        opacity: 0.95;
    }

    .fate-mobile-dock__link.is-active .fate-mobile-dock__icon,
    .fate-mobile-dock__link:hover .fate-mobile-dock__icon {
        background-color: var(--accent, #7ab8ff);
    }

    .fate-mobile-dock__icon--explore {
        -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M10 20v-6h4v6h5v-8h3L12 3 2 12h3v8z'/%3E%3C/svg%3E");
        mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M10 20v-6h4v6h5v-8h3L12 3 2 12h3v8z'/%3E%3C/svg%3E");
    }

    .fate-mobile-dock__icon--search {
        -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M15.5 14h-.79l-.28-.27A6.471 6.471 0 0 0 16 9.5 6.5 6.5 0 1 0 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z'/%3E%3C/svg%3E");
        mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M15.5 14h-.79l-.28-.27A6.471 6.471 0 0 0 16 9.5 6.5 6.5 0 1 0 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z'/%3E%3C/svg%3E");
    }

    .fate-mobile-dock__icon--forum {
        -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M20 2H4c-1.1 0-2 .9-2 2v18l4-4h14c1.1 0 2-.9 2-2V4c0-1.1-.9-2-2-2z'/%3E%3C/svg%3E");
        mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M20 2H4c-1.1 0-2 .9-2 2v18l4-4h14c1.1 0 2-.9 2-2V4c0-1.1-.9-2-2-2z'/%3E%3C/svg%3E");
    }

    .fate-mobile-dock__icon--account,
    .fate-mobile-dock__icon--login {
        -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z'/%3E%3C/svg%3E");
        mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z'/%3E%3C/svg%3E");
    }

    .fate-mobile-dock__icon--board_mod {
        -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M12 1L3 5v6c0 5.55 3.84 10.74 9 12 5.16-1.26 9-6.45 9-12V5l-9-4zm0 10.99h7c-.53 4.12-3.28 7.79-7 8.94V12H5V6.3l7-3.11v8.8z'/%3E%3C/svg%3E");
        mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M12 1L3 5v6c0 5.55 3.84 10.74 9 12 5.16-1.26 9-6.45 9-12V5l-9-4zm0 10.99h7c-.53 4.12-3.28 7.79-7 8.94V12H5V6.3l7-3.11v8.8z'/%3E%3C/svg%3E");
    }

    .fate-mobile-dock__icon--admin,
    .fate-mobile-dock__icon--forum_admin {
        -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M19.14 12.94c.04-.31.06-.63.06-.94 0-.31-.02-.63-.06-.94l2.03-1.58a.49.49 0 0 0 .12-.61l-1.92-3.32a.488.488 0 0 0-.59-.22l-2.39.96a7.02 7.02 0 0 0-1.63-.94l-.36-2.54A.484.484 0 0 0 14.06 2h-4.12c-.24 0-.44.17-.47.41l-.36 2.54c-.59.24-1.13.57-1.63.94l-2.39-.96a.488.488 0 0 0-.59.22L2.71 8.06a.49.49 0 0 0 .12.61l2.03 1.58c-.04.31-.06.63-.06.94s.02.63.06.94l-2.03 1.58a.49.49 0 0 0-.12.61l1.92 3.32c.12.22.37.29.59.22l2.39-.96c.5.38 1.04.7 1.63.94l.36 2.54c.05.24.24.41.47.41h4.12c.24 0 .44-.17.47-.41l.36-2.54c.59-.24 1.13-.56 1.63-.94l2.39.96c.22.08.47 0 .59-.22l1.92-3.32a.49.49 0 0 0-.12-.61l-2.01-1.58zM12 15.6A3.6 3.6 0 1 1 12 8.4a3.6 3.6 0 0 1 0 7.2z'/%3E%3C/svg%3E");
        mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M19.14 12.94c.04-.31.06-.63.06-.94 0-.31-.02-.63-.06-.94l2.03-1.58a.49.49 0 0 0 .12-.61l-1.92-3.32a.488.488 0 0 0-.59-.22l-2.39.96a7.02 7.02 0 0 0-1.63-.94l-.36-2.54A.484.484 0 0 0 14.06 2h-4.12c-.24 0-.44.17-.47.41l-.36 2.54c-.59.24-1.13.57-1.63.94l-2.39-.96a.488.488 0 0 0-.59.22L2.71 8.06a.49.49 0 0 0 .12.61l2.03 1.58c-.04.31-.06.63-.06.94s.02.63.06.94l-2.03 1.58a.49.49 0 0 0-.12.61l1.92 3.32c.12.22.37.29.59.22l2.39-.96c.5.38 1.04.7 1.63.94l.36 2.54c.05.24.24.41.47.41h4.12c.24 0 .44-.17.47-.41l.36-2.54c.59-.24 1.13-.56 1.63-.94l2.39.96c.22.08.47 0 .59-.22l1.92-3.32a.49.49 0 0 0-.12-.61l-2.01-1.58zM12 15.6A3.6 3.6 0 1 1 12 8.4a3.6 3.6 0 0 1 0 7.2z'/%3E%3C/svg%3E");
    }

    .fate-mobile-dock__profile {
        position: absolute;
        right: 0.45rem;
        bottom: calc(
            var(--fate-mobile-bar-h)
            + env(safe-area-inset-bottom, 0px)
            - (var(--fate-mobile-avatar-size) - var(--fate-mobile-avatar-overhang))
        );
        z-index: 5;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: var(--fate-mobile-avatar-size);
        height: var(--fate-mobile-avatar-size);
        padding: 0;
        border: 3px solid #fff;
        border-radius: 50%;
        background: var(--bg2, #12151c);
        cursor: pointer;
        box-shadow:
            0 0 0 2px rgba(0, 0, 0, 0.55),
            0 10px 28px rgba(0, 0, 0, 0.42);
        transition: border-color 0.15s ease, transform 0.15s ease, box-shadow 0.15s ease;
        pointer-events: auto;
    }

    .fate-mobile-dock__profile:hover,
    .fate-mobile-dock__profile.is-active,
    .fate-mobile-dock__profile[aria-expanded="true"] {
        border-color: var(--accent, #7ab8ff);
        transform: translateY(-3px);
        box-shadow:
            0 0 0 2px rgba(122, 184, 255, 0.35),
            0 12px 32px rgba(122, 184, 255, 0.28);
    }

    .fate-mobile-dock__avatar {
        width: 100%;
        height: 100%;
        border-radius: 50%;
        object-fit: cover;
        display: block;
    }

    .fate-mobile-dock__avatar--default {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        color: var(--muted, #868c9a);
        background: var(--bg2, #12151c);
    }

    .fate-mobile-bar__backdrop {
        position: fixed;
        inset: 0;
        z-index: 121;
        background: rgba(0, 0, 0, 0.45);
    }

    .fate-mobile-bar__backdrop[hidden] {
        display: none !important;
    }

    .fate-mobile-bar__sheet {
        position: fixed;
        left: 0;
        right: 0;
        bottom: 0;
        z-index: 122;
        max-height: min(70vh, 22rem);
        padding: 0.85rem 1rem calc(1rem + env(safe-area-inset-bottom, 0px));
        border-radius: 16px 16px 0 0;
        border: 1px solid rgba(255, 255, 255, 0.12);
        border-bottom: none;
        background: #161b24;
        color: #e9ebf0;
        box-shadow: 0 -12px 40px rgba(0, 0, 0, 0.55);
        overflow-y: auto;
        transform: translateY(100%);
        transition: transform 0.22s ease;
    }

    .fate-mobile-bar__sheet[hidden] {
        display: block !important;
        visibility: hidden;
        pointer-events: none;
    }

    .fate-mobile-bar__sheet.is-open {
        transform: translateY(0);
        visibility: visible;
        pointer-events: auto;
    }

    .fate-mobile-bar__sheet-head {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 0.75rem;
        margin-bottom: 0.75rem;
    }

    .fate-mobile-bar__sheet-title {
        margin: 0;
        font-size: 0.72rem;
        font-weight: 700;
        letter-spacing: 0.08em;
        text-transform: uppercase;
        color: #9aa3b5;
    }

    .fate-mobile-bar__sheet-close {
        width: 2rem;
        height: 2rem;
        border: 1px solid rgba(255, 255, 255, 0.14);
        border-radius: 999px;
        background: rgba(255, 255, 255, 0.08);
        color: #e9ebf0;
        font-size: 1.35rem;
        line-height: 1;
        cursor: pointer;
    }

    .fate-mobile-bar__sheet-user {
        display: flex;
        align-items: center;
        gap: 0.75rem;
        margin-bottom: 0.85rem;
    }

    .fate-mobile-bar__sheet-avatar {
        width: 48px;
        height: 48px;
        border-radius: 50%;
        object-fit: cover;
        flex-shrink: 0;
        border: 1px solid var(--line, rgba(255, 255, 255, 0.08));
        background: var(--bg2, #12151c);
    }

    .fate-mobile-bar__sheet-user-text {
        min-width: 0;
        flex: 1;
    }

    .fate-mobile-bar__sheet-name {
        margin: 0 0 0.15rem;
        font-size: 1rem;
        font-weight: 700;
        line-height: 1.35;
        color: #f2f4f8;
    }

    .fate-mobile-bar__sheet-meta {
        margin: 0;
        font-size: 0.82rem;
        color: #9aa3b5;
        word-break: break-all;
    }

    .fate-mobile-bar__sheet-ncoin {
        margin: 0.25rem 0 0;
        font-size: 0.82rem;
        font-weight: 600;
    }

    .fate-mobile-bar__sheet-ncoin-label {
        color: var(--muted, #868c9a);
        font-weight: 500;
        margin-right: 0.2rem;
    }

    .fate-mobile-bar__sheet-ncoin-amount {
        color: var(--accent, #7ab8ff);
        font-variant-numeric: tabular-nums;
    }

    .fate-mobile-bar__sheet-hint {
        margin: 0 0 0.85rem;
        font-size: 0.86rem;
        color: #9aa3b5;
        line-height: 1.5;
    }

    .fate-mobile-bar__sheet-actions {
        display: flex;
        flex-wrap: wrap;
        gap: 0.5rem;
    }

    .fate-mobile-bar__sheet-btn {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        padding: 0.45rem 0.85rem;
        border-radius: 8px;
        border: 1px solid rgba(122, 184, 255, 0.45);
        background: rgba(122, 184, 255, 0.22);
        color: #cfe4ff;
        font-size: 0.86rem;
        font-weight: 600;
        text-decoration: none;
    }

    .fate-mobile-bar__sheet-btn--ghost {
        background: rgba(255, 255, 255, 0.06);
        border-color: rgba(255, 255, 255, 0.14);
        color: #c5ccd8;
    }

    .fate-mobile-bar__sheet--search {
        max-height: min(55vh, 16rem);
    }

    .fate-mobile-search-form {
        display: flex;
        flex-direction: column;
        gap: 0.55rem;
    }

    .fate-mobile-search-form__label {
        font-size: 0.78rem;
        color: var(--muted, #868c9a);
        line-height: 1.35;
    }

    .fate-mobile-search-form__row {
        display: flex;
        gap: 0.45rem;
        align-items: stretch;
    }

    .fate-mobile-search-form__input {
        flex: 1;
        min-width: 0;
        padding: 0.55rem 0.65rem;
        border: 1px solid var(--line, rgba(255, 255, 255, 0.08));
        border-radius: 8px;
        background: var(--bg2, #12151c);
        color: var(--fg, #e9ebf0);
        font: inherit;
        font-size: 0.92rem;
    }

    .fate-mobile-search-form__input:focus {
        outline: none;
        border-color: var(--accent, #7ab8ff);
        box-shadow: 0 0 0 3px rgba(122, 184, 255, 0.18);
    }

    .fate-mobile-search-form__submit {
        flex-shrink: 0;
        padding: 0.55rem 0.85rem;
        border: 1px solid rgba(122, 184, 255, 0.35);
        border-radius: 8px;
        background: rgba(122, 184, 255, 0.18);
        color: var(--accent, #7ab8ff);
        font: inherit;
        font-size: 0.88rem;
        font-weight: 700;
        cursor: pointer;
    }

    .fate-mobile-search-form__hint {
        margin: 0;
        font-size: 0.78rem;
        color: var(--muted, #868c9a);
        line-height: 1.4;
    }

    .fate-mobile-search-form__hint strong {
        color: var(--fg, #e9ebf0);
        font-weight: 600;
    }
}

html.fate-theme-minimal .fate-mobile-dock__bar,
body.fate-theme-minimal .fate-mobile-dock__bar,
html.fate-theme-dci .fate-mobile-dock__bar,
body.fate-theme-dci .fate-mobile-dock__bar {
    background: rgba(255, 255, 255, 0.96);
    border-top-color: rgba(0, 0, 0, 0.08);
    box-shadow: 0 -4px 18px rgba(0, 0, 0, 0.08);
}

html.fate-theme-minimal .fate-mobile-dock__brand-main,
body.fate-theme-minimal .fate-mobile-dock__brand-main,
html.fate-theme-dci .fate-mobile-dock__brand-main,
body.fate-theme-dci .fate-mobile-dock__brand-main {
    color: #0a0c10;
    -webkit-text-stroke: 2.5px #fff;
}

html.fate-theme-minimal .fate-mobile-dock__brand-sub,
body.fate-theme-minimal .fate-mobile-dock__brand-sub {
    color: #4a5568;
    -webkit-text-stroke: 2px #fff;
}

html.fate-theme-dci .fate-mobile-dock__brand-sub,
body.fate-theme-dci .fate-mobile-dock__brand-sub {
    color: #3b4890;
    -webkit-text-stroke: 2px #fff;
}

html.fate-theme-minimal .fate-mobile-dock__icon-wrap,
body.fate-theme-minimal .fate-mobile-dock__icon-wrap,
html.fate-theme-dci .fate-mobile-dock__icon-wrap,
body.fate-theme-dci .fate-mobile-dock__icon-wrap {
    background: #fff;
    border-color: rgba(0, 0, 0, 0.12);
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.12);
}

html.fate-theme-minimal .fate-mobile-dock__icon,
body.fate-theme-minimal .fate-mobile-dock__icon,
html.fate-theme-dci .fate-mobile-dock__icon,
body.fate-theme-dci .fate-mobile-dock__icon {
    background-color: #374151;
}

html.fate-theme-minimal .fate-mobile-dock__link.is-active .fate-mobile-dock__icon,
body.fate-theme-minimal .fate-mobile-dock__link.is-active .fate-mobile-dock__icon,
html.fate-theme-dci .fate-mobile-dock__link.is-active .fate-mobile-dock__icon,
body.fate-theme-dci .fate-mobile-dock__link.is-active .fate-mobile-dock__icon {
    background-color: var(--accent, #4285f4);
}

html.fate-theme-minimal .fate-mobile-dock__profile,
body.fate-theme-minimal .fate-mobile-dock__profile,
html.fate-theme-dci .fate-mobile-dock__profile,
body.fate-theme-dci .fate-mobile-dock__profile {
    background: #fff;
    box-shadow:
        0 0 0 2px rgba(255, 255, 255, 0.95),
        0 8px 22px rgba(0, 0, 0, 0.12);
}

html.fate-theme-minimal .fate-mobile-bar__sheet,
body.fate-theme-minimal .fate-mobile-bar__sheet,
html.fate-theme-dci .fate-mobile-bar__sheet,
body.fate-theme-dci .fate-mobile-bar__sheet {
    background: #fff;
    color: #111827;
    border-color: rgba(0, 0, 0, 0.08);
    box-shadow: 0 -8px 28px rgba(0, 0, 0, 0.12);
}

html.fate-theme-minimal .fate-mobile-bar__sheet-title,
body.fate-theme-minimal .fate-mobile-bar__sheet-title,
html.fate-theme-dci .fate-mobile-bar__sheet-title,
body.fate-theme-dci .fate-mobile-bar__sheet-title {
    color: #6b7280;
}

html.fate-theme-minimal .fate-mobile-bar__sheet-close,
body.fate-theme-minimal .fate-mobile-bar__sheet-close,
html.fate-theme-dci .fate-mobile-bar__sheet-close,
body.fate-theme-dci .fate-mobile-bar__sheet-close {
    border-color: rgba(0, 0, 0, 0.1);
    background: rgba(0, 0, 0, 0.04);
    color: #374151;
}

html.fate-theme-minimal .fate-mobile-bar__sheet-name,
body.fate-theme-minimal .fate-mobile-bar__sheet-name,
html.fate-theme-dci .fate-mobile-bar__sheet-name,
body.fate-theme-dci .fate-mobile-bar__sheet-name {
    color: #111827;
}

html.fate-theme-minimal .fate-mobile-bar__sheet-meta,
body.fate-theme-minimal .fate-mobile-bar__sheet-meta,
html.fate-theme-dci .fate-mobile-bar__sheet-meta,
body.fate-theme-dci .fate-mobile-bar__sheet-meta,
html.fate-theme-minimal .fate-mobile-bar__sheet-hint,
body.fate-theme-minimal .fate-mobile-bar__sheet-hint,
html.fate-theme-dci .fate-mobile-bar__sheet-hint,
body.fate-theme-dci .fate-mobile-bar__sheet-hint {
    color: #6b7280;
}

html.fate-theme-minimal .fate-mobile-bar__sheet-btn,
body.fate-theme-minimal .fate-mobile-bar__sheet-btn,
html.fate-theme-dci .fate-mobile-bar__sheet-btn,
body.fate-theme-dci .fate-mobile-bar__sheet-btn {
    border-color: rgba(66, 133, 244, 0.35);
    background: rgba(66, 133, 244, 0.12);
    color: #1d4ed8;
}

html.fate-theme-minimal .fate-mobile-bar__sheet-btn--ghost,
body.fate-theme-minimal .fate-mobile-bar__sheet-btn--ghost,
html.fate-theme-dci .fate-mobile-bar__sheet-btn--ghost,
body.fate-theme-dci .fate-mobile-bar__sheet-btn--ghost {
    background: #f3f4f6;
    border-color: rgba(0, 0, 0, 0.08);
    color: #4b5563;
}

html.fate-theme-minimal .fate-mobile-search-form__input,
body.fate-theme-minimal .fate-mobile-search-form__input,
html.fate-theme-dci .fate-mobile-search-form__input,
body.fate-theme-dci .fate-mobile-search-form__input {
    background: #fff;
    border-color: rgba(0, 0, 0, 0.12);
    color: #111827;
}

html.fate-theme-minimal .fate-mobile-search-form__input:focus,
body.fate-theme-minimal .fate-mobile-search-form__input:focus,
html.fate-theme-dci .fate-mobile-search-form__input:focus,
body.fate-theme-dci .fate-mobile-search-form__input:focus {
    border-color: var(--accent, #4285f4);
    box-shadow: 0 0 0 3px rgba(66, 133, 244, 0.15);
}

html.fate-theme-minimal .fate-mobile-dock__avatar--default,
body.fate-theme-minimal .fate-mobile-dock__avatar--default,
html.fate-theme-dci .fate-mobile-dock__avatar--default,
body.fate-theme-dci .fate-mobile-dock__avatar--default {
    background: #f3f4f6;
    color: #6b7280;
}
