/*
 * SAGE Forge dashboard:
 * Social Lounge art window and coded Moon + Discord rail buttons.
 */

.sage-discord-rail-cell {
    position: relative !important;
    overflow: hidden !important;
    padding: 0 !important;
    background: #050308 !important;
}

.sage-community-button-pair {
    width: 100%;
    height: 100%;
    min-height: 72px;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1px;
    overflow: hidden;
    border-radius: inherit;
    background: rgba(169, 120, 44, 0.54);
}

.sage-community-button {
    position: relative;
    min-width: 0;
    min-height: 72px;
    padding: 0.48rem 0.58rem;
    display: grid;
    grid-template-columns:
        auto
        minmax(0, 1fr)
        auto;
    align-items: center;
    gap: 0.46rem;
    isolation: isolate;
    overflow: hidden;
    color: #f4dfab;
    text-decoration: none;
    background:
        radial-gradient(
            circle at 15% 50%,
            rgba(215, 173, 85, 0.13),
            transparent 46%
        ),
        linear-gradient(
            145deg,
            rgba(19, 10, 24, 0.98),
            rgba(4, 3, 7, 0.99)
        );
    box-shadow:
        inset 0 0 0 1px rgba(215, 173, 85, 0.34),
        inset 0 0 1.2rem rgba(0, 0, 0, 0.48);
    transition:
        transform 180ms ease,
        box-shadow 180ms ease,
        background 180ms ease;
}

.sage-community-button::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: -1;
    pointer-events: none;
    opacity: 0.72;
    background:
        linear-gradient(
            90deg,
            transparent,
            rgba(255,255,255,0.035),
            transparent
        );
}

.sage-community-button--moon {
    background:
        radial-gradient(
            circle at 16% 50%,
            rgba(222, 206, 255, 0.18),
            transparent 42%
        ),
        radial-gradient(
            circle at 68% 34%,
            rgba(213, 63, 177, 0.12),
            transparent 42%
        ),
        linear-gradient(
            145deg,
            #120a19,
            #040307
        );
}

.sage-community-button--discord {
    background:
        radial-gradient(
            circle at 16% 50%,
            rgba(124, 92, 255, 0.2),
            transparent 42%
        ),
        radial-gradient(
            circle at 72% 34%,
            rgba(220, 69, 180, 0.11),
            transparent 42%
        ),
        linear-gradient(
            145deg,
            #100a1d,
            #040307
        );
}

.sage-community-button__icon {
    flex: 0 0 auto;
    width: 2.15rem;
    aspect-ratio: 1;
    display: grid;
    place-items: center;
    border: 1px solid rgba(215, 173, 85, 0.72);
    border-radius: 50%;
    font-family: Georgia, serif;
    font-size: 1.18rem;
    line-height: 1;
    background:
        radial-gradient(
            circle,
            rgba(215, 173, 85, 0.16),
            rgba(7, 4, 11, 0.94) 72%
        );
    box-shadow:
        inset 0 0 0.55rem rgba(215, 173, 85, 0.11),
        0 0 0.7rem rgba(0, 0, 0, 0.7);
}

.sage-community-button__icon--moon {
    color: #e3d8ff;
    border-color: rgba(221, 200, 255, 0.74);
    text-shadow:
        0 0 0.45rem rgba(212, 177, 255, 0.76);
}

.sage-community-button__icon--discord {
    color: #c8baff;
    border-color: rgba(146, 119, 255, 0.82);
    text-shadow:
        0 0 0.45rem rgba(125, 91, 255, 0.8);
}

.sage-community-button__copy {
    min-width: 0;
    display: grid;
    gap: 0.08rem;
}

.sage-community-button__copy small {
    overflow: hidden;
    color: rgba(215, 173, 85, 0.76);
    font-size: 0.4rem;
    line-height: 1;
    letter-spacing: 0.14em;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.sage-community-button__copy strong {
    overflow: hidden;
    color: #f4dfab;
    font-family: Georgia, serif;
    font-size: clamp(0.68rem, 0.95vw, 0.94rem);
    font-weight: 500;
    line-height: 1.04;
    letter-spacing: 0.07em;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.sage-community-button__arrow {
    flex: 0 0 auto;
    color: rgba(215, 173, 85, 0.8);
    font-size: 0.78rem;
    transition:
        transform 180ms ease,
        color 180ms ease;
}

.sage-community-button:hover,
.sage-community-button:focus-visible {
    transform: translateY(-1px);
    background:
        radial-gradient(
            circle at 15% 50%,
            rgba(215, 173, 85, 0.18),
            transparent 46%
        ),
        linear-gradient(
            145deg,
            rgba(27, 14, 34, 0.99),
            rgba(5, 3, 8, 0.99)
        );
    box-shadow:
        inset 0 0 0 1px rgba(215, 173, 85, 0.74),
        inset 0 0 1.2rem rgba(0, 0, 0, 0.46),
        0 0 0.75rem rgba(215, 173, 85, 0.16);
}

.sage-community-button:hover .sage-community-button__arrow,
.sage-community-button:focus-visible .sage-community-button__arrow {
    transform: translateX(2px);
    color: #f4dfab;
}

.sage-community-button:focus-visible {
    z-index: 4;
    outline: 2px solid #d9a93a;
    outline-offset: -3px;
}


/* OLD_LOUNGE_ART_CSS_REMOVED_20260928 */


@media (max-width: 760px) {
    .sage-community-button-pair {
        min-height: 64px;
    }

    .sage-community-button {
        min-height: 64px;
        padding-inline: 0.42rem;
        gap: 0.34rem;
    }

    .sage-community-button__icon {
        width: 1.8rem;
        font-size: 1rem;
    }

    .sage-community-button__copy small {
        font-size: 0.34rem;
    }

    .sage-community-button__copy strong {
        font-size: 0.62rem;
    }

    .sage-community-button__arrow {
        font-size: 0.65rem;
    }
}

@media (prefers-reduced-motion: reduce) {
    .sage-community-button,
    .sage-community-button__arrow {
        transition: none;
    }
}


/* OLD_LOUNGE_POETRY_CSS_REMOVED_20260928 */



/* OLD_RADIO_MOVIES_CSS_REMOVED_20260928 */



/* OLD_LIBRARY_AUDIOBOOKS_CSS_REMOVED_20260928 */



/* OLD_ARCADE_ROTATION_CSS_REMOVED_20260928 */



/* OLD_WEATHER_WORLD_NEWS_CSS_REMOVED_20260928 */



/* SAGE SHARED WINDOW PERMANENT NAVIGATION 20260815 */
.sage-shared-window-arrow {
    position: absolute;
    z-index: 30;

    top: 50%;
    transform: translateY(-50%);

    width: 2rem;
    height: 2rem;

    display: grid !important;
    place-items: center;

    visibility: visible !important;
    opacity: 1 !important;
    pointer-events: auto !important;

    margin: 0;
    padding: 0;

    border: 1px solid rgba(231, 190, 92, .95);
    border-radius: 50%;

    background: rgba(3, 3, 4, .88);
    color: #f4d56f;

    font-family: Georgia, serif;
    font-size: 1.45rem;
    font-weight: 700;
    line-height: 1;

    cursor: pointer;

    box-shadow:
        0 0 .7rem rgba(0, 0, 0, .9),
        0 0 .45rem rgba(220, 174, 68, .22);
}

.sage-shared-window-arrow--previous {
    left: .55rem;
}

.sage-shared-window-arrow--next {
    right: .55rem;
}

.sage-shared-window-arrow:hover,
.sage-shared-window-arrow:focus-visible {
    background: rgba(35, 20, 5, .98);
    border-color: #f0cb6c;
    transform:
        translateY(-50%)
        scale(1.08);
}


/* OLD_ARCADE_SHARED_ARROWS_REMOVED_20260928 */



/* Daily Feature: one self-contained layout, no generic card/hover rules. */
.sage-daily-card {
    position: relative; isolation: isolate; min-width: 0; min-height: 0;
    overflow: hidden; border: 1px solid rgba(188,145,226,.5); border-radius: 14px;
    background: #100b17; color: #f7f2eb;
}
.sage-daily-card__image {
    position: absolute; inset: 0; width: 100%; height: 100%;
    object-fit: cover; object-position: 65% center; z-index: -2;
}
.sage-daily-card::before {
    content: ""; position: absolute; inset: 0; z-index: -1; pointer-events: none;
    background: linear-gradient(90deg,rgba(8,5,13,.96),rgba(8,5,13,.8) 58%,rgba(8,5,13,.3));
}
.sage-daily-card__content {
    box-sizing: border-box; width: 100%; height: 100%; padding: 10px 14px;
    display: flex; flex-direction: column; align-items: flex-start; gap: 5px;
    overflow: auto; scrollbar-width: thin;
}
.sage-daily-card__label { margin: 0; font: 700 9px/1.2 Arial,sans-serif; letter-spacing: .13em; color: #ddc497; }
.sage-daily-card__title { margin: 0; font: 500 clamp(17px,1.25vw,23px)/1.08 Georgia,serif; }
.sage-daily-card__description {
    margin: 0; font: 12px/1.35 Arial,sans-serif; max-width: 48ch;
    display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2;
    overflow: hidden; flex: 1 1 auto; min-height: 0;
}
.sage-daily-card__explanation {
    flex: 0 0 auto; display: grid; gap: 2px; box-sizing: border-box; max-width: 100%;
    padding: 6px 8px; border: 1px solid rgba(222,190,126,.4); border-radius: 7px;
    background: rgba(6,4,10,.72); font: 11px/1.2 Arial,sans-serif;
}
.sage-daily-card__explanation strong { font-size: 10px; color: #f0d5a5; }
.sage-daily-card__explanation small { font-size: 8px; letter-spacing: .1em; color: #d1b8e5; }
.sage-daily-card__link {
    flex: 0 0 auto; display: inline-block; max-width: 100%; box-sizing: border-box;
    padding: 5px 10px; border: 1px solid #b7a68d; border-radius: 20px;
    background: rgba(8,7,12,.85); color: #fff8ed; text-decoration: none;
    font: 700 10px/1.2 Arial,sans-serif;
}
.sage-daily-card__link:hover { background: #36233c; }
.sage-daily-card__link:focus-visible { outline: 2px solid #f4dca7; outline-offset: 2px; }
@media (max-width: 1180px) {
    .sage-daily-card { min-height: 288px; }
    .sage-daily-card__content { padding: 18px; }
    .sage-daily-card__description { flex: 1 0 auto; -webkit-line-clamp: 4; font-size: 14px; }
}
@media (max-width: 760px) {
    .sage-daily-card { min-height: 330px; }
    .sage-daily-card__content { height: auto; min-height: 330px; gap: 9px; }
    .sage-daily-card__title { font-size: 23px; }
    .sage-daily-card__explanation { font-size: 13px; }
    .sage-daily-card__link { font-size: 12px; padding: 9px 13px; }
}

/* Stable left-column slots before asynchronous card creation. */
#leftColumn > [data-panel-id="daily-feature"] { grid-row: 1; }
#leftColumn > [data-panel-id="museum"] { grid-row: 2; }
#leftColumn > [data-server-rendered="book-of-day"] { grid-row: 3; }