.queenk-save-menu,
.queenk-start-screen {
    position: fixed;
    inset: 0;

    z-index: 12000;

    display: grid;
    place-items: center;

    padding:
        max(
            18px,
            env(safe-area-inset-top)
        )
        max(
            18px,
            env(safe-area-inset-right)
        )
        max(
            18px,
            env(safe-area-inset-bottom)
        )
        max(
            18px,
            env(safe-area-inset-left)
        );

    background:
        rgba(3, 7, 17, 0.82);

    backdrop-filter:
        blur(14px);

    -webkit-backdrop-filter:
        blur(14px);
}


.queenk-save-menu__panel,
.queenk-start-screen__panel {
    width:
        min(
            420px,
            100%
        );

    padding:
        1.6rem;

    border:
        1px solid
        rgba(211, 189, 255, 0.34);

    border-radius:
        1.25rem;

    background:
        linear-gradient(
            145deg,
            rgba(11, 17, 37, 0.98),
            rgba(36, 22, 55, 0.97)
        );

    box-shadow:
        0 20px 70px
        rgba(0, 0, 0, 0.52);

    color:
        #ffffff;

    text-align:
        center;
}


.queenk-save-menu__eyebrow,
.queenk-start-screen__brand {
    color:
        #efd487;

    font-size:
        1.3rem;

    font-weight:
        900;

    letter-spacing:
        0.13em;

    text-transform:
        uppercase;
}


.queenk-save-menu__status {
    color:
        #bcc7dd;
}


.queenk-save-menu__actions {
    display: grid;

    gap:
        0.7rem;

    margin-top:
        1.2rem;
}


.queenk-save-menu button,
.queenk-start-screen button {
    width:
        100%;

    min-height:
        48px;

    margin-top:
        0.65rem;

    border:
        1px solid
        rgba(202, 216, 255, 0.32);

    border-radius:
        0.8rem;

    background:
        rgba(71, 50, 106, 0.92);

    color:
        #ffffff;

    font:
        inherit;

    font-weight:
        750;

    cursor:
        pointer;
}


.queenk-save-menu button.is-secondary {
    background:
        rgba(17, 25, 45, 0.88);
}


.queenk-save-menu button.is-danger {
    border-color:
        rgba(255, 129, 129, 0.35);

    background:
        rgba(102, 33, 45, 0.82);
}


.game-save-launcher {
    position: fixed;

    top:
        max(
            16px,
            env(safe-area-inset-top)
        );

    right:
        max(
            16px,
            env(safe-area-inset-right)
        );

    z-index: 8100;

    min-height:
        42px;

    padding:
        0.55rem
        0.75rem;

    border:
        1px solid
        rgba(213, 193, 255, 0.35);

    border-radius:
        999px;

    background:
        rgba(12, 18, 38, 0.82);

    color:
        #efd487;

    font:
        inherit;

    font-size:
        0.72rem;

    font-weight:
        850;

    letter-spacing:
        0.08em;

    cursor:
        pointer;

    backdrop-filter:
        blur(10px);
}


/*
 * Save management now lives inside Profile & Options.
 * Keep this defensive rule for stale markup during PWA
 * upgrades.
 */
.game-save-launcher {
    display:
        none !important;
}