/* /Components/ConnectionErrorMessage.razor.rz.scp.css */
.connection-error[b-rzba9fvof7] {
    margin-top: 10px;
    color: #fecaca;
    font-weight: 600;
}

.connection-error a[b-rzba9fvof7] {
    color: inherit;
    text-decoration: underline;
    text-underline-offset: 3px;
}
/* /Components/Layout/CookieConsentModal.razor.rz.scp.css */
.cookie-banner[b-okmcbdrlda] {
    position: fixed;
    z-index: 1100;
    left: 12px;
    right: 12px;
    bottom: 12px;
    width: min(980px, calc(100% - 24px));
    margin: 0 auto;
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 14px;
    background: #0f172a;
    color: #f8fafc;
    padding: 18px 20px;
    box-shadow: 0 16px 36px rgba(2, 6, 23, 0.5);
}

.cookie-banner h2[b-okmcbdrlda] {
    margin: 0 0 10px 0;
    font-size: 1.1rem;
    font-weight: 700;
}

.cookie-banner p[b-okmcbdrlda] {
    margin: 0 0 8px 0;
    color: rgba(248, 250, 252, 0.9);
    line-height: 1.45;
}

.cookie-banner-legal-note[b-okmcbdrlda] {
    font-size: 0.92rem;
    color: rgba(226, 232, 240, 0.9);
}

.cookie-banner-legal-note a[b-okmcbdrlda] {
    color: #c4b5fd;
    font-weight: 600;
}

.cookie-banner-actions[b-okmcbdrlda] {
    margin-top: 12px;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 10px;
}

.cookie-banner-btn[b-okmcbdrlda] {
    border: 0;
    border-radius: 10px;
    padding: 9px 14px;
    font-weight: 600;
}

.cookie-banner-btn-primary[b-okmcbdrlda] {
    background: #7c3aed;
    color: #ffffff;
}

.cookie-banner-btn-primary:hover[b-okmcbdrlda] {
    background: #6d28d9;
}

.cookie-banner-btn-secondary[b-okmcbdrlda] {
    background: rgba(148, 163, 184, 0.2);
    color: #e2e8f0;
}

.cookie-banner-btn-secondary:hover[b-okmcbdrlda] {
    background: rgba(148, 163, 184, 0.3);
}

@media (max-width: 767.98px) {
    .cookie-banner[b-okmcbdrlda] {
        left: 8px;
        right: 8px;
        bottom: 8px;
        width: calc(100% - 16px);
        padding: 14px;
    }

    .cookie-banner-actions[b-okmcbdrlda] {
        flex-direction: column;
    }

    .cookie-banner-btn[b-okmcbdrlda] {
        width: 100%;
    }
}
/* /Components/Layout/NavMenu.razor.rz.scp.css */
.nav-shell[b-vvasqghtdl] {
    position: sticky;
    top: 0;
    z-index: 1000;
    background: linear-gradient(90deg, rgba(15, 23, 42, 0.9), rgba(30, 27, 75, 0.9));
    backdrop-filter: blur(12px);
    border-bottom: 1px solid rgba(255,255,255,0.06);
    min-height: 70px;
}

/* LOGO */
.navbar-brand[b-vvasqghtdl] {
    font-weight: 700;
    font-size: 1.2rem;
    letter-spacing: -0.02em;
    color: white;
}

.brand-text[b-vvasqghtdl] {
    background: linear-gradient(90deg, #f59e0b, #facc15);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

/* NAV LINKS */
.nav-item[b-vvasqghtdl]  .nav-link {
    color: rgba(255,255,255,0.75);
    border-radius: 10px;
    font-weight: 500;
    transition: all 0.25s ease;
}

    /* HOVER */
    .nav-item[b-vvasqghtdl]  .nav-link:hover {
        color: white;
        background: rgba(255,255,255,0.08);
    }

/* ACTIVE */
.nav-item[b-vvasqghtdl]  a.active {
    color: white;
    background: rgba(255,255,255,0.14);
}

/* CTA BUTTON */
.btn-cta[b-vvasqghtdl] {
    background: linear-gradient(90deg, #7c3aed, #9333ea);
    border: none;
    border-radius: 999px;
    font-weight: 600;
    color: white;
    transition: all 0.25s ease;
    box-shadow: 0 8px 20px rgba(124, 58, 237, 0.4);
}

    .btn-cta:hover[b-vvasqghtdl] {
        background: linear-gradient(90deg, #6d28d9, #7e22ce);
        transform: translateY(-1px);
        box-shadow: 0 12px 25px rgba(124, 58, 237, 0.5);
    }

/* BURGER MOBILE */
.navbar-toggler[b-vvasqghtdl] {
    border: 1px solid rgba(255,255,255,0.25);
    border-radius: 12px;
    color: rgba(255,255,255,0.85);
    padding: 0.45rem 0.65rem;
}

    .navbar-toggler:focus[b-vvasqghtdl] {
        box-shadow: 0 0 0 0.2rem rgba(250, 204, 21, 0.25);
        outline: none;
    }

.navbar-toggler-icon[b-vvasqghtdl] {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.88%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}

/* MOBILE */
@media (max-width: 767.98px) {

    .navbar-collapse[b-vvasqghtdl] {
        position: absolute;
        top: calc(100% + 8px);
        left: 12px;
        right: 12px;
        margin-top: 0;
        padding: 12px;
        border-radius: 16px;
        background: rgba(15, 23, 42, 0.98);
        border: 1px solid rgba(255,255,255,0.08);
        box-shadow: 0 18px 45px rgba(0, 0, 0, 0.35);
    }

    .navbar-nav[b-vvasqghtdl] {
        gap: 8px;
    }

    .nav-item[b-vvasqghtdl] {
        width: 100%;
    }

    .nav-item[b-vvasqghtdl]  .nav-link {
        display: block;
        padding-top: 0.75rem;
        padding-bottom: 0.75rem;
    }

    .btn-cta[b-vvasqghtdl] {
        width: 100%;
        margin-top: 10px;
    }
}
/* /Components/Layout/ReconnectModal.razor.rz.scp.css */
.components-reconnect-first-attempt-visible[b-m2j5rkr7qr],
.components-reconnect-repeated-attempt-visible[b-m2j5rkr7qr],
.components-reconnect-failed-visible[b-m2j5rkr7qr],
.components-pause-visible[b-m2j5rkr7qr],
.components-resume-failed-visible[b-m2j5rkr7qr],
.components-rejoining-animation[b-m2j5rkr7qr] {
    display: none;
}

#components-reconnect-modal.components-reconnect-show .components-reconnect-first-attempt-visible[b-m2j5rkr7qr],
#components-reconnect-modal.components-reconnect-show .components-rejoining-animation[b-m2j5rkr7qr],
#components-reconnect-modal.components-reconnect-paused .components-pause-visible[b-m2j5rkr7qr],
#components-reconnect-modal.components-reconnect-resume-failed .components-resume-failed-visible[b-m2j5rkr7qr],
#components-reconnect-modal.components-reconnect-retrying[b-m2j5rkr7qr],
#components-reconnect-modal.components-reconnect-retrying .components-reconnect-repeated-attempt-visible[b-m2j5rkr7qr],
#components-reconnect-modal.components-reconnect-retrying .components-rejoining-animation[b-m2j5rkr7qr],
#components-reconnect-modal.components-reconnect-failed[b-m2j5rkr7qr],
#components-reconnect-modal.components-reconnect-failed .components-reconnect-failed-visible[b-m2j5rkr7qr] {
    display: block;
}


#components-reconnect-modal[b-m2j5rkr7qr] {
    background-color: white;
    width: 20rem;
    margin: 20vh auto;
    padding: 2rem;
    border: 0;
    border-radius: 0.5rem;
    box-shadow: 0 3px 6px 2px rgba(0, 0, 0, 0.3);
    opacity: 0;
    transition: display 0.5s allow-discrete, overlay 0.5s allow-discrete;
    animation: components-reconnect-modal-fadeOutOpacity-b-m2j5rkr7qr 0.5s both;
    &[open]

{
    animation: components-reconnect-modal-slideUp-b-m2j5rkr7qr 1.5s cubic-bezier(.05, .89, .25, 1.02) 0.3s, components-reconnect-modal-fadeInOpacity-b-m2j5rkr7qr 0.5s ease-in-out 0.3s;
    animation-fill-mode: both;
}

}

#components-reconnect-modal[b-m2j5rkr7qr]::backdrop {
    background-color: rgba(0, 0, 0, 0.4);
    animation: components-reconnect-modal-fadeInOpacity-b-m2j5rkr7qr 0.5s ease-in-out;
    opacity: 1;
}

@keyframes components-reconnect-modal-slideUp-b-m2j5rkr7qr {
    0% {
        transform: translateY(30px) scale(0.95);
    }

    100% {
        transform: translateY(0);
    }
}

@keyframes components-reconnect-modal-fadeInOpacity-b-m2j5rkr7qr {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes components-reconnect-modal-fadeOutOpacity-b-m2j5rkr7qr {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

.components-reconnect-container[b-m2j5rkr7qr] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1rem;
}

#components-reconnect-modal p[b-m2j5rkr7qr] {
    margin: 0;
    text-align: center;
}

#components-reconnect-modal button[b-m2j5rkr7qr] {
    border: 0;
    background-color: #6b9ed2;
    color: white;
    padding: 4px 24px;
    border-radius: 4px;
}

    #components-reconnect-modal button:hover[b-m2j5rkr7qr] {
        background-color: #3b6ea2;
    }

    #components-reconnect-modal button:active[b-m2j5rkr7qr] {
        background-color: #6b9ed2;
}

.components-reload-link[b-m2j5rkr7qr] {
    color: #3b6ea2;
    font-weight: 600;
    text-underline-offset: 3px;
}

.components-rejoining-animation[b-m2j5rkr7qr] {
    position: relative;
    width: 80px;
    height: 80px;
}

    .components-rejoining-animation div[b-m2j5rkr7qr] {
        position: absolute;
        border: 3px solid #0087ff;
        opacity: 1;
        border-radius: 50%;
        animation: components-rejoining-animation-b-m2j5rkr7qr 1.5s cubic-bezier(0, 0.2, 0.8, 1) infinite;
    }

        .components-rejoining-animation div:nth-child(2)[b-m2j5rkr7qr] {
            animation-delay: -0.5s;
        }

@keyframes components-rejoining-animation-b-m2j5rkr7qr {
    0% {
        top: 40px;
        left: 40px;
        width: 0;
        height: 0;
        opacity: 0;
    }

    4.9% {
        top: 40px;
        left: 40px;
        width: 0;
        height: 0;
        opacity: 0;
    }

    5% {
        top: 40px;
        left: 40px;
        width: 0;
        height: 0;
        opacity: 1;
    }

    100% {
        top: 0px;
        left: 0px;
        width: 80px;
        height: 80px;
        opacity: 0;
    }
}
/* /Components/Pages/Adventure/Aventure1.razor.rz.scp.css */
.adventure-page[b-y7ir3bitki] {
    color: #f8fafc;
}

/* HERO */
.adventure-image[b-y7ir3bitki] {
    border-radius: 20px;
    box-shadow: 0 20px 50px rgba(0,0,0,0.4);
}

.badge-adventure[b-y7ir3bitki] {
    display: inline-block;
    padding: 6px 12px;
    border-radius: 999px;
    background: rgba(255,255,255,0.08);
    font-size: 0.85rem;
}

.adventure-title[b-y7ir3bitki] {
    font-size: 3rem;
    font-weight: 800;
}

.adventure-location[b-y7ir3bitki] {
    color: #cbd5f5;
}

.adventure-text[b-y7ir3bitki] {
    color: rgba(255,255,255,0.8);
}

.adventure-meta span[b-y7ir3bitki] {
    background: rgba(255,255,255,0.08);
    padding: 8px 12px;
    border-radius: 999px;
}

/* CTA */
.cta-box[b-y7ir3bitki] {
    margin-top: 20px;
}

.price[b-y7ir3bitki] {
    font-size: 2rem;
    font-weight: 800;
    margin-bottom: 10px;
}

.btn-buy[b-y7ir3bitki] {
    background: linear-gradient(90deg, #7c3aed, #9333ea);
    border: none;
    color: white;
    font-weight: 600;
    box-shadow: 0 10px 25px rgba(124,58,237,0.4);
}

    .btn-buy:hover[b-y7ir3bitki] {
        transform: translateY(-2px);
    }

.cta-subtext[b-y7ir3bitki] {
    font-size: 0.85rem;
    margin-top: 8px;
    color: rgba(255,255,255,0.6);
}

/* SECTION */
.section-title[b-y7ir3bitki] {
    font-weight: 800;
}

.section-text[b-y7ir3bitki] {
    color: rgba(255,255,255,0.8);
}

/* CARDS */
.info-card[b-y7ir3bitki] {
    background: rgba(255,255,255,0.05);
    padding: 24px;
    border-radius: 16px;
}

.step-number[b-y7ir3bitki] {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: #f59e0b;
    color: black;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: bold;
    margin-bottom: 12px;
}


/* PERSONNAGES */
.character-card[b-y7ir3bitki] {
    background: rgba(255,255,255,0.05);
    padding: 20px;
    border-radius: 16px;
    text-align: center;
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

    .character-card:hover[b-y7ir3bitki] {
        transform: translateY(-5px);
        box-shadow: 0 15px 35px rgba(0,0,0,0.4);
    }

.character-img[b-y7ir3bitki] {
    width: 100%;
    height: 260px;
    object-fit: cover;
    border-radius: 12px;
    margin-bottom: 15px;
}

.character-card h3[b-y7ir3bitki] {
    font-weight: 700;
    margin-bottom: 10px;
}

.character-card p[b-y7ir3bitki] {
    font-size: 0.9rem;
    color: rgba(255,255,255,0.75);
}

.difficulty-badge[b-y7ir3bitki] {
    display: inline-flex;
    align-items: center;
    padding: 0.45rem 0.85rem;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.08);
    border: 1px solid rgba(255, 255, 255, 0.12);
    font-weight: 600;
    letter-spacing: 0.2px;
}

.historical-note[b-y7ir3bitki] {
    display: flex;
    gap: 12px;
    padding: 16px 18px;
    border-radius: 14px;
    background: rgba(255, 255, 255, 0.04);
    border: 1px solid rgba(255, 255, 255, 0.08);
    backdrop-filter: blur(6px);
}

.note-icon[b-y7ir3bitki] {
    font-size: 1.2rem;
    opacity: 0.8;
    margin-top: 2px;
}

.note-content[b-y7ir3bitki] {
    font-size: 0.85rem;
    color: rgba(255,255,255,0.65);
    line-height: 1.5;
}

.note-title[b-y7ir3bitki] {
    font-weight: 600;
    margin-bottom: 4px;
    color: rgba(255,255,255,0.85);
    font-size: 0.9rem;
}
/* ENIGMES GRATUITES */
.section-label[b-y7ir3bitki] {
    display: inline-block;
    margin-bottom: 10px;
    color: #fbbf24;
    font-size: 0.78rem;
    font-weight: 800;
    letter-spacing: 0.14em;
    text-transform: uppercase;
}

.free-enigmas-shell[b-y7ir3bitki] {
    position: relative;
    overflow: hidden;
    padding: 28px;
    border-radius: 24px;
    background:
        radial-gradient(circle at top left, rgba(245, 158, 11, 0.18), transparent 34%),
        linear-gradient(135deg, rgba(15, 23, 42, 0.92), rgba(30, 41, 59, 0.72));
    border: 1px solid rgba(251, 191, 36, 0.18);
    box-shadow: 0 24px 60px rgba(0, 0, 0, 0.28);
}

.free-enigmas-shell[b-y7ir3bitki]::before {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    background: linear-gradient(90deg, rgba(255,255,255,0.06), transparent 22%, transparent 78%, rgba(255,255,255,0.04));
}

.free-enigma-card[b-y7ir3bitki] {
    position: relative;
    z-index: 1;
    height: 100%;
    padding: 20px;
    border-radius: 18px;
    background: rgba(255, 255, 255, 0.055);
    border: 1px solid rgba(255, 255, 255, 0.095);
    transition: transform 0.2s ease, border-color 0.2s ease, background 0.2s ease;
}

.free-enigma-card:hover[b-y7ir3bitki] {
    transform: translateY(-4px);
    background: rgba(255, 255, 255, 0.075);
    border-color: rgba(251, 191, 36, 0.35);
}

.free-enigma-number[b-y7ir3bitki] {
    width: 42px;
    height: 42px;
    margin-bottom: 14px;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: rgba(245, 158, 11, 0.16);
    color: #fbbf24;
    border: 1px solid rgba(251, 191, 36, 0.28);
    font-weight: 800;
    font-size: 0.85rem;
}

.free-enigma-card h3[b-y7ir3bitki] {
    margin-bottom: 10px;
    font-size: 1.05rem;
    font-weight: 800;
}

.free-enigma-card p[b-y7ir3bitki] {
    min-height: 112px;
    margin-bottom: 14px;
    color: rgba(255, 255, 255, 0.76);
    font-size: 0.92rem;
    line-height: 1.55;
}

.free-enigma-card details[b-y7ir3bitki] {
    padding-top: 12px;
    border-top: 1px solid rgba(255, 255, 255, 0.08);
}

.free-enigma-card summary[b-y7ir3bitki] {
    cursor: pointer;
    color: #fbbf24;
    font-weight: 700;
    font-size: 0.9rem;
}

.free-enigma-card details span[b-y7ir3bitki] {
    display: block;
    margin-top: 10px;
    color: rgba(255, 255, 255, 0.82);
    font-size: 0.9rem;
}

.free-enigmas-cta[b-y7ir3bitki] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 11px 16px;
    border-radius: 999px;
    color: #0f172a;
    background: #fbbf24;
    font-weight: 800;
    text-decoration: none;
    box-shadow: 0 12px 30px rgba(245, 158, 11, 0.22);
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.free-enigmas-cta:hover[b-y7ir3bitki] {
    color: #0f172a;
    transform: translateY(-2px);
    box-shadow: 0 16px 36px rgba(245, 158, 11, 0.3);
}

.free-enigmas-note[b-y7ir3bitki] {
    position: relative;
    z-index: 1;
    color: rgba(255, 255, 255, 0.58);
    font-size: 0.84rem;
}

@media (max-width: 767.98px) {
    .free-enigmas-shell[b-y7ir3bitki] {
        padding: 22px;
    }

    .free-enigma-card p[b-y7ir3bitki] {
        min-height: auto;
    }
}

.link[b-y7ir3bitki]{
    color:#fbbf24;
}

/* FAQ */
.faq-section[b-y7ir3bitki] {
    position: relative;
}

.faq-list[b-y7ir3bitki] {
    max-width: 900px;
    margin: 0 auto;
}

.faq-item[b-y7ir3bitki] {
    position: relative;
    overflow: hidden;
    margin-bottom: 14px;
    border-radius: 18px;
    background: linear-gradient(135deg, rgba(255, 255, 255, 0.075), rgba(255, 255, 255, 0.035));
    border: 1px solid rgba(255, 255, 255, 0.10);
    box-shadow: 0 16px 40px rgba(0, 0, 0, 0.22);
    backdrop-filter: blur(8px);
    transition: transform 0.2s ease, border-color 0.2s ease, background 0.2s ease;
}

    .faq-item:hover[b-y7ir3bitki] {
        transform: translateY(-2px);
        border-color: rgba(251, 191, 36, 0.32);
        background: linear-gradient(135deg, rgba(255, 255, 255, 0.095), rgba(255, 255, 255, 0.045));
    }

    .faq-item[open][b-y7ir3bitki] {
        border-color: rgba(251, 191, 36, 0.38);
        background: radial-gradient(circle at top left, rgba(251, 191, 36, 0.12), transparent 34%), linear-gradient(135deg, rgba(255, 255, 255, 0.085), rgba(255, 255, 255, 0.04));
    }

    .faq-item summary[b-y7ir3bitki] {
        list-style: none;
        cursor: pointer;
        padding: 20px 56px 20px 22px;
        font-weight: 800;
        font-size: 1.03rem;
        color: rgba(255, 255, 255, 0.92);
        line-height: 1.4;
    }

        .faq-item summary[b-y7ir3bitki]::-webkit-details-marker {
            display: none;
        }

        .faq-item summary[b-y7ir3bitki]::after {
            content: "+";
            position: absolute;
            right: 22px;
            top: 18px;
            width: 30px;
            height: 30px;
            border-radius: 999px;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            background: rgba(251, 191, 36, 0.14);
            border: 1px solid rgba(251, 191, 36, 0.28);
            color: #fbbf24;
            font-size: 1.25rem;
            font-weight: 900;
            transition: transform 0.2s ease, background 0.2s ease;
        }

    .faq-item[open] summary[b-y7ir3bitki]::after {
        content: "–";
        background: rgba(251, 191, 36, 0.22);
        transform: rotate(180deg);
    }

    .faq-item p[b-y7ir3bitki] {
        margin: 0;
        padding: 0 22px 22px 22px;
        color: rgba(255, 255, 255, 0.72);
        font-size: 0.96rem;
        line-height: 1.65;
    }

        .faq-item p[b-y7ir3bitki]::before {
            content: "";
            display: block;
            width: 100%;
            height: 1px;
            margin-bottom: 16px;
            background: linear-gradient(90deg, rgba(251, 191, 36, 0.34), transparent);
        }

@media (max-width: 767.98px) {
    .faq-item summary[b-y7ir3bitki] {
        padding: 18px 52px 18px 18px;
        font-size: 0.98rem;
    }

        .faq-item summary[b-y7ir3bitki]::after {
            right: 18px;
            top: 16px;
        }

    .faq-item p[b-y7ir3bitki] {
        padding: 0 18px 20px 18px;
        font-size: 0.92rem;
    }
}

/* TRAILER */
.trailer-section[b-y7ir3bitki] {
    position: relative;
}

.trailer-heading[b-y7ir3bitki] {
    max-width: 760px;
    margin-left: auto;
    margin-right: auto;
}

.trailer-intro[b-y7ir3bitki] {
    max-width: 680px;
    margin-left: auto;
    margin-right: auto;
    line-height: 1.7;
}

.trailer-shell[b-y7ir3bitki] {
    position: relative;
    max-width: 1050px;
    margin: 0 auto;
    padding: 14px;
    overflow: hidden;
    border-radius: 26px;
    background: radial-gradient( circle at top left, rgba(124, 58, 237, 0.24), transparent 38% ), radial-gradient( circle at bottom right, rgba(245, 158, 11, 0.14), transparent 36% ), linear-gradient( 135deg, rgba(30, 41, 59, 0.96), rgba(15, 23, 42, 0.92) );
    border: 1px solid rgba(255, 255, 255, 0.11);
    box-shadow: 0 28px 70px rgba(0, 0, 0, 0.38);
}

    .trailer-shell[b-y7ir3bitki]::before {
        content: "";
        position: absolute;
        inset: 0;
        pointer-events: none;
        background: linear-gradient( 110deg, rgba(255, 255, 255, 0.07), transparent 24%, transparent 76%, rgba(255, 255, 255, 0.035) );
    }

/* Conteneur responsive 16:9 */
.trailer-video[b-y7ir3bitki] {
    position: relative;
    z-index: 1;
    width: 100%;
    aspect-ratio: 16 / 9;
    overflow: hidden;
    border-radius: 18px;
    background: #020617;
    box-shadow: 0 18px 45px rgba(0, 0, 0, 0.38);
}

    .trailer-video iframe[b-y7ir3bitki] {
        display: block;
        width: 100%;
        height: 100%;
        border: 0;
    }

/* Partie sous la vidéo */
.trailer-footer[b-y7ir3bitki] {
    position: relative;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
    padding: 22px 12px 10px;
}

.trailer-footer-text[b-y7ir3bitki] {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

    .trailer-footer-text strong[b-y7ir3bitki] {
        color: rgba(255, 255, 255, 0.96);
        font-size: 1.05rem;
    }

    .trailer-footer-text span[b-y7ir3bitki] {
        color: rgba(255, 255, 255, 0.66);
        font-size: 0.9rem;
        line-height: 1.5;
    }

.trailer-cta[b-y7ir3bitki] {
    flex-shrink: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 46px;
    padding: 11px 20px;
    border-radius: 999px;
    color: #ffffff;
    background: linear-gradient(90deg, #7c3aed, #9333ea);
    font-weight: 800;
    text-decoration: none;
    box-shadow: 0 12px 28px rgba(124, 58, 237, 0.34);
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

    .trailer-cta:hover[b-y7ir3bitki] {
        color: #ffffff;
        transform: translateY(-2px);
        box-shadow: 0 16px 34px rgba(124, 58, 237, 0.46);
    }

/* Tablettes et mobiles */
@media (max-width: 767.98px) {
    .trailer-section[b-y7ir3bitki] {
        padding-top: 2.5rem !important;
        padding-bottom: 2.5rem !important;
    }

    .trailer-shell[b-y7ir3bitki] {
        padding: 8px;
        border-radius: 20px;
    }

    .trailer-video[b-y7ir3bitki] {
        border-radius: 14px;
    }

    .trailer-footer[b-y7ir3bitki] {
        flex-direction: column;
        align-items: stretch;
        gap: 16px;
        padding: 18px 10px 10px;
        text-align: center;
    }

    .trailer-footer-text strong[b-y7ir3bitki] {
        font-size: 1rem;
    }

    .trailer-footer-text span[b-y7ir3bitki] {
        font-size: 0.86rem;
    }

    .trailer-cta[b-y7ir3bitki] {
        width: 100%;
    }
}

@media (max-width: 420px) {
    .trailer-shell[b-y7ir3bitki] {
        margin-left: -4px;
        margin-right: -4px;
    }

    .trailer-footer[b-y7ir3bitki] {
        padding-left: 8px;
        padding-right: 8px;
    }
}
/* /Components/Pages/Adventure/Aventure2.razor.rz.scp.css */
.adventure-page[b-44593bh0z9] {
    color: #f8fafc;
}

/* HERO */
.adventure-image[b-44593bh0z9] {
    border-radius: 20px;
    box-shadow: 0 20px 50px rgba(0,0,0,0.4);
}

.badge-adventure[b-44593bh0z9] {
    display: inline-block;
    padding: 6px 12px;
    border-radius: 999px;
    background: rgba(255,255,255,0.08);
    font-size: 0.85rem;
}

.adventure-title[b-44593bh0z9] {
    font-size: 3rem;
    font-weight: 800;
}

.adventure-location[b-44593bh0z9] {
    color: #cbd5f5;
}

.adventure-text[b-44593bh0z9] {
    color: rgba(255,255,255,0.8);
}

.adventure-meta span[b-44593bh0z9] {
    background: rgba(255,255,255,0.08);
    padding: 8px 12px;
    border-radius: 999px;
}

/* CTA */
.cta-box[b-44593bh0z9] {
    margin-top: 20px;
}

.price[b-44593bh0z9] {
    font-size: 2rem;
    font-weight: 800;
    margin-bottom: 10px;
}

.btn-buy[b-44593bh0z9] {
    background: linear-gradient(90deg, #7c3aed, #9333ea);
    border: none;
    color: white;
    font-weight: 600;
    box-shadow: 0 10px 25px rgba(124,58,237,0.4);
}

    .btn-buy:hover[b-44593bh0z9] {
        transform: translateY(-2px);
    }

.cta-subtext[b-44593bh0z9] {
    font-size: 0.85rem;
    margin-top: 8px;
    color: rgba(255,255,255,0.6);
}

/* SECTION */
.section-title[b-44593bh0z9] {
    font-weight: 800;
}

.section-text[b-44593bh0z9] {
    color: rgba(255,255,255,0.8);
}

/* CARDS */
.info-card[b-44593bh0z9] {
    background: rgba(255,255,255,0.05);
    padding: 24px;
    border-radius: 16px;
}

.step-number[b-44593bh0z9] {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: #f59e0b;
    color: black;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: bold;
    margin-bottom: 12px;
}


/* PERSONNAGES */
.character-card[b-44593bh0z9] {
    background: rgba(255,255,255,0.05);
    padding: 20px;
    border-radius: 16px;
    text-align: center;
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

    .character-card:hover[b-44593bh0z9] {
        transform: translateY(-5px);
        box-shadow: 0 15px 35px rgba(0,0,0,0.4);
    }

.character-img[b-44593bh0z9] {
    width: 100%;
    height: 260px;
    object-fit: cover;
    border-radius: 12px;
    margin-bottom: 15px;
}

.character-card h3[b-44593bh0z9] {
    font-weight: 700;
    margin-bottom: 10px;
}

.character-card p[b-44593bh0z9] {
    font-size: 0.9rem;
    color: rgba(255,255,255,0.75);
}

.difficulty-badge[b-44593bh0z9] {
    display: inline-flex;
    align-items: center;
    padding: 0.45rem 0.85rem;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.08);
    border: 1px solid rgba(255, 255, 255, 0.12);
    font-weight: 600;
    letter-spacing: 0.2px;
}

.historical-note[b-44593bh0z9] {
    display: flex;
    gap: 12px;
    padding: 16px 18px;
    border-radius: 14px;
    background: rgba(255, 255, 255, 0.04);
    border: 1px solid rgba(255, 255, 255, 0.08);
    backdrop-filter: blur(6px);
}

.note-icon[b-44593bh0z9] {
    font-size: 1.2rem;
    opacity: 0.8;
    margin-top: 2px;
}

.note-content[b-44593bh0z9] {
    font-size: 0.85rem;
    color: rgba(255,255,255,0.65);
    line-height: 1.5;
}

.note-title[b-44593bh0z9] {
    font-weight: 600;
    margin-bottom: 4px;
    color: rgba(255,255,255,0.85);
    font-size: 0.9rem;
}
/* ENIGMES GRATUITES */
.section-label[b-44593bh0z9] {
    display: inline-block;
    margin-bottom: 10px;
    color: #fbbf24;
    font-size: 0.78rem;
    font-weight: 800;
    letter-spacing: 0.14em;
    text-transform: uppercase;
}

.free-enigmas-shell[b-44593bh0z9] {
    position: relative;
    overflow: hidden;
    padding: 28px;
    border-radius: 24px;
    background:
        radial-gradient(circle at top left, rgba(245, 158, 11, 0.18), transparent 34%),
        linear-gradient(135deg, rgba(15, 23, 42, 0.92), rgba(30, 41, 59, 0.72));
    border: 1px solid rgba(251, 191, 36, 0.18);
    box-shadow: 0 24px 60px rgba(0, 0, 0, 0.28);
}

.free-enigmas-shell[b-44593bh0z9]::before {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    background: linear-gradient(90deg, rgba(255,255,255,0.06), transparent 22%, transparent 78%, rgba(255,255,255,0.04));
}

.free-enigma-card[b-44593bh0z9] {
    position: relative;
    z-index: 1;
    height: 100%;
    padding: 20px;
    border-radius: 18px;
    background: rgba(255, 255, 255, 0.055);
    border: 1px solid rgba(255, 255, 255, 0.095);
    transition: transform 0.2s ease, border-color 0.2s ease, background 0.2s ease;
}

.free-enigma-card:hover[b-44593bh0z9] {
    transform: translateY(-4px);
    background: rgba(255, 255, 255, 0.075);
    border-color: rgba(251, 191, 36, 0.35);
}

.free-enigma-number[b-44593bh0z9] {
    width: 42px;
    height: 42px;
    margin-bottom: 14px;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: rgba(245, 158, 11, 0.16);
    color: #fbbf24;
    border: 1px solid rgba(251, 191, 36, 0.28);
    font-weight: 800;
    font-size: 0.85rem;
}

.free-enigma-card h3[b-44593bh0z9] {
    margin-bottom: 10px;
    font-size: 1.05rem;
    font-weight: 800;
}

.free-enigma-card p[b-44593bh0z9] {
    min-height: 112px;
    margin-bottom: 14px;
    color: rgba(255, 255, 255, 0.76);
    font-size: 0.92rem;
    line-height: 1.55;
}

.free-enigma-card details[b-44593bh0z9] {
    padding-top: 12px;
    border-top: 1px solid rgba(255, 255, 255, 0.08);
}

.free-enigma-card summary[b-44593bh0z9] {
    cursor: pointer;
    color: #fbbf24;
    font-weight: 700;
    font-size: 0.9rem;
}

.free-enigma-card details span[b-44593bh0z9] {
    display: block;
    margin-top: 10px;
    color: rgba(255, 255, 255, 0.82);
    font-size: 0.9rem;
}

.free-enigmas-cta[b-44593bh0z9] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 11px 16px;
    border-radius: 999px;
    color: #0f172a;
    background: #fbbf24;
    font-weight: 800;
    text-decoration: none;
    box-shadow: 0 12px 30px rgba(245, 158, 11, 0.22);
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.free-enigmas-cta:hover[b-44593bh0z9] {
    color: #0f172a;
    transform: translateY(-2px);
    box-shadow: 0 16px 36px rgba(245, 158, 11, 0.3);
}

.free-enigmas-note[b-44593bh0z9] {
    position: relative;
    z-index: 1;
    color: rgba(255, 255, 255, 0.58);
    font-size: 0.84rem;
}

@media (max-width: 767.98px) {
    .free-enigmas-shell[b-44593bh0z9] {
        padding: 22px;
    }

    .free-enigma-card p[b-44593bh0z9] {
        min-height: auto;
    }
}

.link[b-44593bh0z9]{
    color:#fbbf24;
}

/* FAQ */
.faq-section[b-44593bh0z9] {
    position: relative;
}

.faq-list[b-44593bh0z9] {
    max-width: 900px;
    margin: 0 auto;
}

.faq-item[b-44593bh0z9] {
    position: relative;
    overflow: hidden;
    margin-bottom: 14px;
    border-radius: 18px;
    background: linear-gradient(135deg, rgba(255, 255, 255, 0.075), rgba(255, 255, 255, 0.035));
    border: 1px solid rgba(255, 255, 255, 0.10);
    box-shadow: 0 16px 40px rgba(0, 0, 0, 0.22);
    backdrop-filter: blur(8px);
    transition: transform 0.2s ease, border-color 0.2s ease, background 0.2s ease;
}

    .faq-item:hover[b-44593bh0z9] {
        transform: translateY(-2px);
        border-color: rgba(251, 191, 36, 0.32);
        background: linear-gradient(135deg, rgba(255, 255, 255, 0.095), rgba(255, 255, 255, 0.045));
    }

    .faq-item[open][b-44593bh0z9] {
        border-color: rgba(251, 191, 36, 0.38);
        background: radial-gradient(circle at top left, rgba(251, 191, 36, 0.12), transparent 34%), linear-gradient(135deg, rgba(255, 255, 255, 0.085), rgba(255, 255, 255, 0.04));
    }

    .faq-item summary[b-44593bh0z9] {
        list-style: none;
        cursor: pointer;
        padding: 20px 56px 20px 22px;
        font-weight: 800;
        font-size: 1.03rem;
        color: rgba(255, 255, 255, 0.92);
        line-height: 1.4;
    }

        .faq-item summary[b-44593bh0z9]::-webkit-details-marker {
            display: none;
        }

        .faq-item summary[b-44593bh0z9]::after {
            content: "+";
            position: absolute;
            right: 22px;
            top: 18px;
            width: 30px;
            height: 30px;
            border-radius: 999px;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            background: rgba(251, 191, 36, 0.14);
            border: 1px solid rgba(251, 191, 36, 0.28);
            color: #fbbf24;
            font-size: 1.25rem;
            font-weight: 900;
            transition: transform 0.2s ease, background 0.2s ease;
        }

    .faq-item[open] summary[b-44593bh0z9]::after {
        content: "–";
        background: rgba(251, 191, 36, 0.22);
        transform: rotate(180deg);
    }

    .faq-item p[b-44593bh0z9] {
        margin: 0;
        padding: 0 22px 22px 22px;
        color: rgba(255, 255, 255, 0.72);
        font-size: 0.96rem;
        line-height: 1.65;
    }

        .faq-item p[b-44593bh0z9]::before {
            content: "";
            display: block;
            width: 100%;
            height: 1px;
            margin-bottom: 16px;
            background: linear-gradient(90deg, rgba(251, 191, 36, 0.34), transparent);
        }

@media (max-width: 767.98px) {
    .faq-item summary[b-44593bh0z9] {
        padding: 18px 52px 18px 18px;
        font-size: 0.98rem;
    }

        .faq-item summary[b-44593bh0z9]::after {
            right: 18px;
            top: 16px;
        }

    .faq-item p[b-44593bh0z9] {
        padding: 0 18px 20px 18px;
        font-size: 0.92rem;
    }
}

/* TRAILER */
.trailer-section[b-44593bh0z9] {
    position: relative;
}

.trailer-heading[b-44593bh0z9] {
    max-width: 760px;
    margin-left: auto;
    margin-right: auto;
}

.trailer-intro[b-44593bh0z9] {
    max-width: 680px;
    margin-left: auto;
    margin-right: auto;
    line-height: 1.7;
}

.trailer-shell[b-44593bh0z9] {
    position: relative;
    max-width: 1050px;
    margin: 0 auto;
    padding: 14px;
    overflow: hidden;
    border-radius: 26px;
    background: radial-gradient( circle at top left, rgba(124, 58, 237, 0.24), transparent 38% ), radial-gradient( circle at bottom right, rgba(245, 158, 11, 0.14), transparent 36% ), linear-gradient( 135deg, rgba(30, 41, 59, 0.96), rgba(15, 23, 42, 0.92) );
    border: 1px solid rgba(255, 255, 255, 0.11);
    box-shadow: 0 28px 70px rgba(0, 0, 0, 0.38);
}

    .trailer-shell[b-44593bh0z9]::before {
        content: "";
        position: absolute;
        inset: 0;
        pointer-events: none;
        background: linear-gradient( 110deg, rgba(255, 255, 255, 0.07), transparent 24%, transparent 76%, rgba(255, 255, 255, 0.035) );
    }

/* Conteneur responsive 16:9 */
.trailer-video[b-44593bh0z9] {
    position: relative;
    z-index: 1;
    width: 100%;
    aspect-ratio: 16 / 9;
    overflow: hidden;
    border-radius: 18px;
    background: #020617;
    box-shadow: 0 18px 45px rgba(0, 0, 0, 0.38);
}

    .trailer-video iframe[b-44593bh0z9] {
        display: block;
        width: 100%;
        height: 100%;
        border: 0;
    }

/* Partie sous la vidéo */
.trailer-footer[b-44593bh0z9] {
    position: relative;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
    padding: 22px 12px 10px;
}

.trailer-footer-text[b-44593bh0z9] {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

    .trailer-footer-text strong[b-44593bh0z9] {
        color: rgba(255, 255, 255, 0.96);
        font-size: 1.05rem;
    }

    .trailer-footer-text span[b-44593bh0z9] {
        color: rgba(255, 255, 255, 0.66);
        font-size: 0.9rem;
        line-height: 1.5;
    }

.trailer-cta[b-44593bh0z9] {
    flex-shrink: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 46px;
    padding: 11px 20px;
    border-radius: 999px;
    color: #ffffff;
    background: linear-gradient(90deg, #7c3aed, #9333ea);
    font-weight: 800;
    text-decoration: none;
    box-shadow: 0 12px 28px rgba(124, 58, 237, 0.34);
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

    .trailer-cta:hover[b-44593bh0z9] {
        color: #ffffff;
        transform: translateY(-2px);
        box-shadow: 0 16px 34px rgba(124, 58, 237, 0.46);
    }

/* Tablettes et mobiles */
@media (max-width: 767.98px) {
    .trailer-section[b-44593bh0z9] {
        padding-top: 2.5rem !important;
        padding-bottom: 2.5rem !important;
    }

    .trailer-shell[b-44593bh0z9] {
        padding: 8px;
        border-radius: 20px;
    }

    .trailer-video[b-44593bh0z9] {
        border-radius: 14px;
    }

    .trailer-footer[b-44593bh0z9] {
        flex-direction: column;
        align-items: stretch;
        gap: 16px;
        padding: 18px 10px 10px;
        text-align: center;
    }

    .trailer-footer-text strong[b-44593bh0z9] {
        font-size: 1rem;
    }

    .trailer-footer-text span[b-44593bh0z9] {
        font-size: 0.86rem;
    }

    .trailer-cta[b-44593bh0z9] {
        width: 100%;
    }
}

@media (max-width: 420px) {
    .trailer-shell[b-44593bh0z9] {
        margin-left: -4px;
        margin-right: -4px;
    }

    .trailer-footer[b-44593bh0z9] {
        padding-left: 8px;
        padding-right: 8px;
    }
}
/* /Components/Pages/Adventure/List.razor.rz.scp.css */
.home-page[b-4ycldlm7u1] {
    background: radial-gradient(circle at top, rgba(89, 27, 142, 0.18), transparent 35%), linear-gradient(180deg, #0f172a 0%, #111827 45%, #0b1220 100%);
    color: #f8fafc;
    min-height: 100vh;
}

.hero-section[b-4ycldlm7u1] {
    padding-top: 30px;
    padding-bottom: 40px;
}

.hero-badge[b-4ycldlm7u1] {
    display: inline-block;
    padding: 8px 14px;
    border-radius: 999px;
    background: rgba(255,255,255,0.08);
    border: 1px solid rgba(255,255,255,0.12);
    color: #dbeafe;
    font-size: 0.95rem;
    font-weight: 600;
}

.hero-title[b-4ycldlm7u1] {
    font-size: clamp(2.2rem, 4vw, 4rem);
    line-height: 1.05;
    font-weight: 800;
    letter-spacing: -0.03em;
}

.text-gradient[b-4ycldlm7u1] {
    background: linear-gradient(90deg, #f59e0b, #facc15, #fde68a);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.hero-subtitle[b-4ycldlm7u1] {
    font-size: 1.15rem;
    color: rgba(255,255,255,0.82);
    max-width: 700px;
}

.hero-card[b-4ycldlm7u1] {
    background: rgba(255,255,255,0.05);
    border: 1px solid rgba(255,255,255,0.08);
    border-radius: 24px;
    padding: 14px;
    box-shadow: 0 20px 50px rgba(0,0,0,0.35);
}

.hero-image[b-4ycldlm7u1],
.featured-image[b-4ycldlm7u1] {
    border-radius: 18px;
    width: 100%;
    display: block;
}

.section-title[b-4ycldlm7u1] {
    font-size: clamp(1.8rem, 2.5vw, 2.8rem);
    font-weight: 800;
    letter-spacing: -0.02em;
    color: #fff;
}

.section-text[b-4ycldlm7u1] {
    color: rgba(255,255,255,0.78);
    font-size: 1.05rem;
}

.featured-section[b-4ycldlm7u1],
.reassurance-section[b-4ycldlm7u1],
.cta-section[b-4ycldlm7u1] {
    position: relative;
}

.info-card[b-4ycldlm7u1],
.mini-card[b-4ycldlm7u1],
.reassurance-card[b-4ycldlm7u1] {
    background: rgba(255,255,255,0.05);
    border: 1px solid rgba(255,255,255,0.08);
    border-radius: 20px;
    padding: 28px;
    box-shadow: 0 12px 30px rgba(0,0,0,0.18);
}

    .info-card h3[b-4ycldlm7u1],
    .mini-card h3[b-4ycldlm7u1],
    .reassurance-card h3[b-4ycldlm7u1] {
        color: #fff;
        font-size: 1.3rem;
        margin-bottom: 12px;
        font-weight: 700;
    }

    .info-card p[b-4ycldlm7u1],
    .mini-card p[b-4ycldlm7u1],
    .reassurance-card p[b-4ycldlm7u1] {
        color: rgba(255,255,255,0.75);
        margin-bottom: 0;
    }

.step-number[b-4ycldlm7u1] {
    width: 44px;
    height: 44px;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 18px;
    font-weight: 800;
    background: linear-gradient(135deg, #f59e0b, #fbbf24);
    color: #111827;
}

.featured-box[b-4ycldlm7u1] {
    background: linear-gradient(180deg, rgba(255,255,255,0.07), rgba(255,255,255,0.04));
    border: 1px solid rgba(255,255,255,0.08);
    border-radius: 28px;
    padding: 24px;
    box-shadow: 0 20px 50px rgba(0,0,0,0.28);
}

.featured-label[b-4ycldlm7u1] {
    color: #fbbf24;
    text-transform: uppercase;
    letter-spacing: 0.12em;
    font-weight: 700;
    font-size: 0.85rem;
}

.featured-title[b-4ycldlm7u1] {
    font-size: clamp(2rem, 3vw, 3rem);
    line-height: 1.05;
    font-weight: 800;
    color: #fff;
}

.featured-location[b-4ycldlm7u1] {
    color: #cbd5e1;
    font-weight: 500;
}

.featured-text[b-4ycldlm7u1] {
    color: rgba(255,255,255,0.8);
    font-size: 1.05rem;
}

.featured-meta span[b-4ycldlm7u1] {
    background: rgba(255,255,255,0.06);
    border: 1px solid rgba(255,255,255,0.08);
    padding: 10px 14px;
    border-radius: 999px;
    color: #e5e7eb;
    font-size: 0.95rem;
}

.reassurance-icon[b-4ycldlm7u1] {
    font-size: 2rem;
    margin-bottom: 14px;
}

.btn-primary[b-4ycldlm7u1] {
    background: linear-gradient(90deg, #7c3aed, #9333ea);
    border: none;
    box-shadow: 0 10px 25px rgba(124, 58, 237, 0.35);
}

    .btn-primary:hover[b-4ycldlm7u1] {
        background: linear-gradient(90deg, #6d28d9, #7e22ce);
    }

.btn-warning[b-4ycldlm7u1] {
    color: #111827;
    font-weight: 700;
}

footer[b-4ycldlm7u1] {
    display: none;
}

.difficulty-badge[b-4ycldlm7u1] {
    display: inline-flex;
    align-items: center;
    padding: 0.45rem 0.85rem;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.08);
    border: 1px solid rgba(255, 255, 255, 0.12);
    font-weight: 600;
    letter-spacing: 0.2px;
}
/* /Components/Pages/Boutique.razor.rz.scp.css */
.shop-page[b-thqm39yizl] {
    padding: 32px 0 56px;
}

.shop-header[b-thqm39yizl] {
    max-width: 880px;
    margin: 0 auto 28px;
    text-align: center;
}

.shop-kicker[b-thqm39yizl] {
    display: inline-block;
    margin-bottom: 12px;
    padding: 8px 14px;
    border-radius: 999px;
    background: rgba(251, 191, 36, 0.14);
    border: 1px solid rgba(251, 191, 36, 0.22);
    color: #fbbf24;
    font-size: 0.82rem;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.shop-header h1[b-thqm39yizl] {
    color: #fff;
    font-size: clamp(2.15rem, 4vw, 4rem);
    font-weight: 900;
    line-height: 1.02;
    margin-bottom: 14px;
}

.shop-header p[b-thqm39yizl] {
    color: rgba(255,255,255,0.78);
    font-size: 1.08rem;
    line-height: 1.7;
    margin: 0;
}

.shop-frame[b-thqm39yizl] {
    overflow: hidden;
    min-height: 720px;
    background: #fff;
    border: 1px solid rgba(255,255,255,0.10);
    border-radius: 8px;
    box-shadow: 0 22px 56px rgba(0,0,0,0.30);
}

.spreadshop-root[b-thqm39yizl] {
    min-height: 720px;
    background: #fff;
    color: #111827;
}

.shop-loading[b-thqm39yizl] {
    display: flex;
    min-height: 360px;
    align-items: center;
    justify-content: center;
    color: #475569;
    font-weight: 700;
}

@media (max-width: 767.98px) {
    .shop-page[b-thqm39yizl] {
        padding: 20px 0 36px;
    }

    .shop-header[b-thqm39yizl] {
        margin-bottom: 20px;
    }

    .shop-frame[b-thqm39yizl],
    .spreadshop-root[b-thqm39yizl] {
        min-height: 640px;
    }
}
/* /Components/Pages/Contact.razor.rz.scp.css */
.contact-page[b-36eu5qsvz2] {
    width: min(1120px, 100%);
    margin: 0 auto;
    padding: 4rem 1.25rem 5rem;
    color: #f8fafc;
}

.contact-hero[b-36eu5qsvz2] {
    max-width: 760px;
    margin-bottom: 2rem;
}

.contact-kicker[b-36eu5qsvz2] {
    display: inline-flex;
    align-items: center;
    margin-bottom: 1rem;
    padding: 0.35rem 0.75rem;
    border: 1px solid rgba(250, 204, 21, 0.28);
    border-radius: 999px;
    color: #facc15;
    background: rgba(250, 204, 21, 0.08);
    font-size: 0.78rem;
    font-weight: 700;
    letter-spacing: 0.14em;
    text-transform: uppercase;
}

.contact-hero h1[b-36eu5qsvz2] {
    margin: 0 0 1rem;
    font-size: clamp(2.25rem, 5vw, 4rem);
    line-height: 1.05;
    font-weight: 800;
}

.contact-hero p[b-36eu5qsvz2] {
    margin: 0;
    color: rgba(248, 250, 252, 0.78);
    font-size: 1.1rem;
    line-height: 1.75;
}

.contact-grid[b-36eu5qsvz2] {
    display: grid;
    grid-template-columns: minmax(280px, 0.85fr) minmax(0, 1.35fr);
    gap: 1.5rem;
    align-items: start;
}

.contact-card[b-36eu5qsvz2] {
    border: 1px solid rgba(255, 255, 255, 0.09);
    border-radius: 28px;
    background: linear-gradient(180deg, rgba(24, 31, 40, 0.95), rgba(15, 20, 27, 0.95));
    box-shadow: 0 24px 70px rgba(0, 0, 0, 0.32), inset 0 1px 0 rgba(255, 255, 255, 0.05);
}

.contact-info-card[b-36eu5qsvz2],
.contact-form-card[b-36eu5qsvz2] {
    padding: 2rem;
}

.contact-card h2[b-36eu5qsvz2] {
    margin: 0 0 1.5rem;
    font-size: 1.45rem;
    color: #fff7ed;
}

.contact-detail[b-36eu5qsvz2] {
    display: grid;
    gap: 0.35rem;
    padding: 1rem 0;
    border-top: 1px solid rgba(255, 255, 255, 0.08);
}

.contact-detail:last-of-type[b-36eu5qsvz2] {
    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}

.contact-detail-label[b-36eu5qsvz2] {
    color: rgba(250, 204, 21, 0.82);
    font-size: 0.76rem;
    font-weight: 700;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}

.contact-detail strong[b-36eu5qsvz2],
.contact-detail a[b-36eu5qsvz2] {
    color: #f8fafc;
    font-size: 1.02rem;
    text-decoration: none;
}

.contact-detail a:hover[b-36eu5qsvz2] {
    color: #facc15;
}

.contact-note[b-36eu5qsvz2] {
    margin: 1.5rem 0 0;
    color: rgba(248, 250, 252, 0.72);
    line-height: 1.7;
}

.contact-form[b-36eu5qsvz2] {
    display: grid;
    gap: 1.25rem;
}

.contact-field[b-36eu5qsvz2] {
    display: grid;
    gap: 0.5rem;
}

.contact-field label[b-36eu5qsvz2] {
    color: #fff7ed;
    font-weight: 700;
}

.contact-field .form-control[b-36eu5qsvz2] {
    min-height: 52px;
    border: 1px solid rgba(255, 255, 255, 0.12);
    border-radius: 16px;
    color: #f8fafc;
    background: rgba(255, 255, 255, 0.05);
}

.contact-field textarea.form-control[b-36eu5qsvz2] {
    min-height: 180px;
    resize: vertical;
}

.contact-field .form-control:focus[b-36eu5qsvz2] {
    border-color: rgba(250, 204, 21, 0.65);
    box-shadow: 0 0 0 0.2rem rgba(250, 204, 21, 0.16);
    background: rgba(255, 255, 255, 0.07);
    color: #fff;
}

.contact-field .validation-message[b-36eu5qsvz2],
.contact-validation-summary[b-36eu5qsvz2] {
    color: #fca5a5;
}

.contact-alert[b-36eu5qsvz2] {
    margin-bottom: 1rem;
    padding: 1rem;
    border-radius: 16px;
    line-height: 1.55;
}

.contact-alert-success[b-36eu5qsvz2] {
    border: 1px solid rgba(74, 222, 128, 0.35);
    color: #bbf7d0;
    background: rgba(34, 197, 94, 0.11);
}

.contact-alert-error[b-36eu5qsvz2] {
    border: 1px solid rgba(248, 113, 113, 0.35);
    color: #fecaca;
    background: rgba(239, 68, 68, 0.11);
}

.contact-submit[b-36eu5qsvz2] {
    min-height: 54px;
    border: 0;
    border-radius: 999px;
    color: #16110a;
    background: linear-gradient(90deg, #f59e0b, #facc15);
    font-weight: 800;
    box-shadow: 0 14px 34px rgba(245, 158, 11, 0.24);
}

.contact-submit:hover:not(:disabled)[b-36eu5qsvz2] {
    color: #16110a;
    transform: translateY(-1px);
    box-shadow: 0 18px 42px rgba(245, 158, 11, 0.32);
}

.contact-submit:disabled[b-36eu5qsvz2] {
    cursor: not-allowed;
    opacity: 0.65;
}

@media (max-width: 900px) {
    .contact-grid[b-36eu5qsvz2] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 640px) {
    .contact-page[b-36eu5qsvz2] {
        padding: 2.5rem 1rem 4rem;
    }

    .contact-info-card[b-36eu5qsvz2],
    .contact-form-card[b-36eu5qsvz2] {
        padding: 1.35rem;
    }
}
/* /Components/Pages/Enigma/VerrieresLeBuisson/Step1.razor.rz.scp.css */
.vilmorin-page[b-e5ddushame] {
    min-height: 100vh;
    color: #f8f3e8;
}

.vilmorin-hero[b-e5ddushame] {
    position: relative;
    min-height: clamp(440px, 72vh, 760px);
    display: flex;
    align-items: flex-end;
    overflow: hidden;
    isolation: isolate;
    background:
        linear-gradient(180deg, rgba(0, 0, 0, 0.1), rgba(5, 5, 7, 0.92)),
        url("/story1/Image/enigma/Vilmorin.webp") center 35% / cover no-repeat;
}

.hero-overlay[b-e5ddushame] {
    position: absolute;
    inset: 0;
    z-index: -1;
}

.hero-content[b-e5ddushame] {
    width: min(1120px, calc(100% - 2rem));
    margin: 0 auto;
    padding: 5rem 0 4rem;
}

.hero-kicker[b-e5ddushame],
.section-label[b-e5ddushame],
.question-type[b-e5ddushame] {
    color: #d4af37;
    font-size: 0.78rem;
    font-weight: 800;
    letter-spacing: 0.16em;
    text-transform: uppercase;
}

.vilmorin-hero h1[b-e5ddushame] {
    max-width: 820px;
    margin: 0.5rem 0 1rem;
    font-size: clamp(2.35rem, 8vw, 5.9rem);
    line-height: 0.9;
    text-transform: uppercase;
    letter-spacing: -0.055em;
    text-shadow: 0 18px 42px rgba(0,0,0,0.65);
}

.hero-subtitle[b-e5ddushame] {
    max-width: 650px;
    margin-bottom: 1.6rem;
    color: rgba(248, 243, 232, 0.82);
    font-size: clamp(1rem, 2.3vw, 1.35rem);
}

.hero-btn[b-e5ddushame],
.btn-next[b-e5ddushame],
.btn-validate[b-e5ddushame] {
    border: 1px solid rgba(212, 175, 55, 0.68);
    border-radius: 999px;
    background: linear-gradient(135deg, #d4af37, #8f6b18);
    color: #111;
    font-weight: 800;
    box-shadow: 0 18px 42px rgba(0,0,0,0.35);
}

.hero-btn:hover[b-e5ddushame],
.btn-next:hover[b-e5ddushame],
.btn-validate:hover[b-e5ddushame] {
    border-color: #f3d879;
    color: #000;
    transform: translateY(-1px);
}

.vilmorin-content[b-e5ddushame] {
    width: min(1120px, calc(100% - 2rem));
    margin: 0 auto;
    padding: clamp(2rem, 5vw, 4rem) 0 5rem;
}

.intro-grid[b-e5ddushame],
.answer-layout[b-e5ddushame] {
    display: grid;
    grid-template-columns: minmax(0, 1.15fr) minmax(320px, 0.85fr);
    gap: 1rem;
}

.story-card[b-e5ddushame],
.question-card[b-e5ddushame],
.main-visual-card[b-e5ddushame],
.archive-reveal[b-e5ddushame] {
    border: 1px solid rgba(255, 255, 255, 0.09);
    border-radius: 24px;
    background:
        linear-gradient(180deg, rgba(255,255,255,0.075), rgba(255,255,255,0.035));
    box-shadow: 0 24px 70px rgba(0,0,0,0.35);
    backdrop-filter: blur(10px);
}

.story-card[b-e5ddushame],
.question-card[b-e5ddushame],
.archive-reveal[b-e5ddushame] {
    padding: clamp(1.1rem, 3vw, 1.75rem);
}

.story-card h2[b-e5ddushame],
.section-heading h2[b-e5ddushame],
.answer-card h2[b-e5ddushame],
.archive-reveal h2[b-e5ddushame] {
    margin: 0.35rem 0 0.9rem;
    color: #fff;
    font-size: clamp(1.45rem, 3vw, 2.25rem);
    line-height: 1.05;
}

.story-card p[b-e5ddushame],
.question-card p[b-e5ddushame],
.section-heading p[b-e5ddushame],
.archive-reveal p[b-e5ddushame],
.soft-cta p[b-e5ddushame] {
    color: rgba(248, 243, 232, 0.78);
    line-height: 1.75;
}

.alea-card[b-e5ddushame] {
    border-color: rgba(212, 175, 55, 0.28);
    background:
        radial-gradient(circle at top left, rgba(212, 175, 55, 0.18), transparent 16rem),
        linear-gradient(180deg, rgba(255,255,255,0.08), rgba(255,255,255,0.035));
}

.alea-header[b-e5ddushame] {
    display: flex;
    gap: 1rem;
    align-items: center;
    margin-bottom: 1rem;
}

.avatar[b-e5ddushame] {
    width: 62px;
    height: 62px;
    object-fit: cover;
    border: 2px solid rgba(212, 175, 55, 0.55);
    border-radius: 50%;
}

.warning-note[b-e5ddushame] {
    padding-left: 1rem;
    border-left: 3px solid #d4af37;
    color: #f6d777 !important;
    font-weight: 700;
}

.main-visual-card[b-e5ddushame] {
    position: relative;
    margin: 1rem 0 clamp(2rem, 4vw, 3.5rem);
    overflow: hidden;
}

.main-visual[b-e5ddushame] {
    display: block;
    width: 100%;
    max-height: 620px;
    object-fit: cover;
}

.visual-caption[b-e5ddushame] {
    margin-top:10px;
    left: 1rem;
    right: 1rem;
    bottom: 1rem;
    padding: 0.85rem 1rem;
    border: 1px solid rgba(255,255,255,0.12);
    border-radius: 16px;
    background: rgba(0,0,0,0.58);
    color: rgba(255,255,255,0.88);
    backdrop-filter: blur(8px);
}

.section-heading[b-e5ddushame] {
    max-width: 740px;
    margin-bottom: 1.2rem;
}

.section-heading.compact[b-e5ddushame] {
    margin-bottom: 1rem;
}

.question-grid[b-e5ddushame],
.statue-grid[b-e5ddushame] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 1rem;
}

.question-card[b-e5ddushame] {
    position: relative;
    min-height: 260px;
    overflow: hidden;
}

.question-card[b-e5ddushame]::after {
    content: "";
    position: absolute;
    right: -3rem;
    bottom: -3rem;
    width: 9rem;
    height: 9rem;
    border-radius: 50%;
    background: rgba(212, 175, 55, 0.08);
}

.question-number[b-e5ddushame] {
    display: inline-flex;
    width: 48px;
    height: 48px;
    align-items: center;
    justify-content: center;
    margin-bottom: 1rem;
    border: 1px solid rgba(212, 175, 55, 0.46);
    border-radius: 50%;
    color: #d4af37;
    font-weight: 900;
}

.question-card h3[b-e5ddushame] {
    margin-bottom: 0.75rem;
    color: #fff;
}

.hint[b-e5ddushame] {
    margin-top: 1rem;
    color: rgba(246, 215, 119, 0.84) !important;
    font-size: 0.95rem;
}

.liar-section[b-e5ddushame] {
    margin-top: 1rem;
}

.statue-card[b-e5ddushame] {
    overflow: hidden;
    border: 1px solid rgba(255,255,255,0.09);
    border-radius: 18px;
    background: rgba(0,0,0,0.22);
}

.statue-card img[b-e5ddushame] {
    display: block;
    width: 100%;
    aspect-ratio: 4 / 5;
    object-fit: cover;
}

.statue-content[b-e5ddushame] {
    padding: 1rem;
}

.statue-content span[b-e5ddushame] {
    display: inline-block;
    margin-bottom: 0.4rem;
    color: #d4af37;
    font-weight: 900;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.statue-content p[b-e5ddushame] {
    margin-bottom: 0;
    color: rgba(248, 243, 232, 0.8);
    line-height: 1.55;
}

.answer-card[b-e5ddushame] {
    margin-top: 1rem;
    border-color: rgba(212, 175, 55, 0.26);
}

.answer-box[b-e5ddushame] {
    display: grid;
    gap: 0.85rem;
    align-content: center;
}

.code-input[b-e5ddushame] {
    min-height: 58px;
    border: 1px solid rgba(255,255,255,0.14);
    border-radius: 16px;
    background: rgba(0,0,0,0.32);
    color: #fff;
    font-size: 1.55rem;
    font-weight: 900;
    letter-spacing: 0.38em;
    text-align: center;
}

.code-input:focus[b-e5ddushame] {
    border-color: rgba(212, 175, 55, 0.85);
    background: rgba(0,0,0,0.42);
    color: #fff;
    box-shadow: 0 0 0 0.22rem rgba(212, 175, 55, 0.16);
}

.btn-validate[b-e5ddushame] {
    min-height: 52px;
}

.feedback-message[b-e5ddushame] {
    margin: 0;
    padding: 0.8rem 1rem;
    border-radius: 14px;
    font-weight: 800;
}

.feedback-message.success[b-e5ddushame] {
    border: 1px solid rgba(74, 222, 128, 0.25);
    background: rgba(74, 222, 128, 0.08);
    color: #86efac;
}

.feedback-message.error[b-e5ddushame] {
    border: 1px solid rgba(250, 204, 21, 0.25);
    background: rgba(250, 204, 21, 0.08);
    color: #facc15;
}

.archive-reveal[b-e5ddushame] {
    margin-top: 1rem;
    border-color: rgba(212, 175, 55, 0.34);
    background:
        radial-gradient(circle at top right, rgba(212, 175, 55, 0.18), transparent 20rem),
        linear-gradient(180deg, rgba(255,255,255,0.08), rgba(255,255,255,0.035));
    text-align: center;
}

.soft-cta[b-e5ddushame] {
    margin-top: 1.5rem;
}

@media (max-width: 900px) {
    .intro-grid[b-e5ddushame],
    .answer-layout[b-e5ddushame],
    .question-grid[b-e5ddushame],
    .statue-grid[b-e5ddushame] {
        grid-template-columns: 1fr;
    }

    .question-card[b-e5ddushame] {
        min-height: auto;
    }

    .statue-card[b-e5ddushame] {
        display: grid;
        grid-template-columns: 132px 1fr;
    }

    .statue-card img[b-e5ddushame] {
        height: 100%;
        aspect-ratio: auto;
    }
}

@media (max-width: 560px) {
    .vilmorin-hero[b-e5ddushame] {
        min-height: 560px;
        background-position: center top;
    }

    .hero-content[b-e5ddushame] {
        padding-bottom: 2.4rem;
    }

    .vilmorin-content[b-e5ddushame] {
        width: min(100% - 1rem, 1120px);
        padding-top: 1rem;
    }

    .story-card[b-e5ddushame],
    .question-card[b-e5ddushame],
    .archive-reveal[b-e5ddushame] {
        border-radius: 18px;
    }

    .visual-caption[b-e5ddushame] {
        position: static;
        border-radius: 0;
        border-right: 0;
        border-bottom: 0;
        border-left: 0;
    }

    .statue-card[b-e5ddushame] {
        grid-template-columns: 104px 1fr;
    }

    .statue-content[b-e5ddushame] {
        padding: 0.85rem;
    }

    .statue-content p[b-e5ddushame] {
        font-size: 0.92rem;
    }

    .code-input[b-e5ddushame] {
        font-size: 1.35rem;
        letter-spacing: 0.28em;
    }
}
.archive-image[b-e5ddushame] {
    display: block;
    width: min(100%, 860px);
    margin: 1.25rem auto 1.5rem;
    border: 1px solid rgba(212, 175, 55, 0.25);
    border-radius: 20px;
    box-shadow: 0 24px 70px rgba(0,0,0,0.45);
}
/* /Components/Pages/Enigma/VerrieresLeBuisson/Step2.razor.rz.scp.css */
.honore-page[b-qffehne5aq] {
    min-height: 100vh;
    color: #f8f3e8;
}

.honore-hero[b-qffehne5aq] {
    position: relative;
    min-height: clamp(440px, 72vh, 760px);
    display: flex;
    align-items: flex-end;
    overflow: hidden;
    isolation: isolate;
    background:
        linear-gradient(180deg, rgba(0, 0, 0, 0.12), rgba(5, 5, 7, 0.94)),
        url("/story1/Image/enigma/stele_honore.webp") center 35% / cover no-repeat;
}

.hero-overlay[b-qffehne5aq] {
    position: absolute;
    inset: 0;
    z-index: -1;
}

.hero-content[b-qffehne5aq] {
    width: min(1120px, calc(100% - 2rem));
    margin: 0 auto;
    padding: 5rem 0 4rem;
}

.hero-kicker[b-qffehne5aq],
.section-label[b-qffehne5aq],
.question-type[b-qffehne5aq] {
    color: #d4af37;
    font-size: 0.78rem;
    font-weight: 800;
    letter-spacing: 0.16em;
    text-transform: uppercase;
}

.honore-hero h1[b-qffehne5aq] {
    max-width: 820px;
    margin: 0.5rem 0 1rem;
    font-size: clamp(2.35rem, 8vw, 5.9rem);
    line-height: 0.9;
    text-transform: uppercase;
    letter-spacing: -0.055em;
    text-shadow: 0 18px 42px rgba(0,0,0,0.65);
}

.hero-subtitle[b-qffehne5aq] {
    max-width: 650px;
    margin-bottom: 1.6rem;
    color: rgba(248, 243, 232, 0.82);
    font-size: clamp(1rem, 2.3vw, 1.35rem);
}

.hero-btn[b-qffehne5aq],
.btn-next[b-qffehne5aq],
.btn-validate[b-qffehne5aq] {
    border: 1px solid rgba(212, 175, 55, 0.68);
    border-radius: 999px;
    background: linear-gradient(135deg, #d4af37, #8f6b18);
    color: #111;
    font-weight: 800;
    box-shadow: 0 18px 42px rgba(0,0,0,0.35);
}

.hero-btn:hover[b-qffehne5aq],
.btn-next:hover[b-qffehne5aq],
.btn-validate:hover[b-qffehne5aq] {
    border-color: #f3d879;
    color: #000;
    transform: translateY(-1px);
}

.vilmorin-content[b-qffehne5aq] {
    width: min(1120px, calc(100% - 2rem));
    margin: 0 auto;
    padding: clamp(2rem, 5vw, 4rem) 0 5rem;
}

.intro-grid[b-qffehne5aq],
.answer-layout[b-qffehne5aq] {
    display: grid;
    grid-template-columns: minmax(0, 1.15fr) minmax(320px, 0.85fr);
    gap: 1rem;
    align-items: stretch;
}

.story-card[b-qffehne5aq],
.question-card[b-qffehne5aq],
.main-visual-card[b-qffehne5aq],
.archive-reveal[b-qffehne5aq] {
    border: 1px solid rgba(255, 255, 255, 0.09);
    border-radius: 24px;
    background:
        linear-gradient(180deg, rgba(255,255,255,0.075), rgba(255,255,255,0.035));
    box-shadow: 0 24px 70px rgba(0,0,0,0.35);
    backdrop-filter: blur(10px);
}

.story-card[b-qffehne5aq],
.question-card[b-qffehne5aq],
.archive-reveal[b-qffehne5aq] {
    padding: clamp(1.1rem, 3vw, 1.75rem);
}

.story-card h2[b-qffehne5aq],
.section-heading h2[b-qffehne5aq],
.answer-card h2[b-qffehne5aq],
.archive-reveal h2[b-qffehne5aq] {
    margin: 0.35rem 0 0.9rem;
    color: #fff;
    font-size: clamp(1.45rem, 3vw, 2.25rem);
    line-height: 1.05;
}

.story-card p[b-qffehne5aq],
.story-card blockquote[b-qffehne5aq],
.question-card p[b-qffehne5aq],
.section-heading p[b-qffehne5aq],
.archive-reveal p[b-qffehne5aq],
.soft-cta p[b-qffehne5aq] {
    color: rgba(248, 243, 232, 0.78);
    line-height: 1.75;
}


.location-card[b-qffehne5aq] {
    display: grid;
    gap: 0.8rem;
}

.location-card .hero-btn[b-qffehne5aq] {
    justify-self: start;
}

.clue-card[b-qffehne5aq] {
    border-color: rgba(212, 175, 55, 0.18);
}

.letter-extract[b-qffehne5aq] {
    margin: 1.2rem 0;
    padding: 1.1rem 1.2rem;
    border-left: 3px solid #d4af37;
    border-radius: 0 18px 18px 0;
    background: rgba(0,0,0,0.22);
    color: rgba(248, 243, 232, 0.86) !important;
    font-style: italic;
}

.alea-card[b-qffehne5aq] {
    border-color: rgba(212, 175, 55, 0.28);
    background:
        radial-gradient(circle at top left, rgba(212, 175, 55, 0.18), transparent 16rem),
        linear-gradient(180deg, rgba(255,255,255,0.08), rgba(255,255,255,0.035));
}

.alea-header[b-qffehne5aq] {
    display: flex;
    gap: 1rem;
    align-items: center;
    margin-bottom: 1rem;
}

.avatar[b-qffehne5aq] {
    width: 62px;
    height: 62px;
    object-fit: cover;
    border: 2px solid rgba(212, 175, 55, 0.55);
    border-radius: 50%;
}

.warning-note[b-qffehne5aq] {
    padding-left: 1rem;
    border-left: 3px solid #d4af37;
    color: #f6d777 !important;
    font-weight: 700;
}

.main-visual-card[b-qffehne5aq] {
    position: relative;
    margin: 1rem 0 clamp(2rem, 4vw, 3.5rem);
    overflow: hidden;
}

.main-visual[b-qffehne5aq] {
    display: block;
    width: 100%;
    max-height: 620px;
    object-fit: cover;
}

.visual-caption[b-qffehne5aq] {
    margin-top:10px;
    left: 1rem;
    right: 1rem;
    bottom: 1rem;
    padding: 0.85rem 1rem;
    border: 1px solid rgba(255,255,255,0.12);
    border-radius: 16px;
    background: rgba(0,0,0,0.58);
    color: rgba(255,255,255,0.88);
    backdrop-filter: blur(8px);
}

.section-heading[b-qffehne5aq] {
    max-width: 740px;
    margin-bottom: 1.2rem;
}

.section-heading.compact[b-qffehne5aq] {
    margin-bottom: 1rem;
}

.question-grid[b-qffehne5aq],
.statue-grid[b-qffehne5aq] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 1rem;
}

.question-card[b-qffehne5aq] {
    position: relative;
    min-height: 260px;
    overflow: hidden;
}

.question-card[b-qffehne5aq]::after {
    content: "";
    position: absolute;
    right: -3rem;
    bottom: -3rem;
    width: 9rem;
    height: 9rem;
    border-radius: 50%;
    background: rgba(212, 175, 55, 0.08);
}

.question-number[b-qffehne5aq] {
    display: inline-flex;
    width: 48px;
    height: 48px;
    align-items: center;
    justify-content: center;
    margin-bottom: 1rem;
    border: 1px solid rgba(212, 175, 55, 0.46);
    border-radius: 50%;
    color: #d4af37;
    font-weight: 900;
}

.question-card h3[b-qffehne5aq] {
    margin-bottom: 0.75rem;
    color: #fff;
}

.hint[b-qffehne5aq] {
    margin-top: 1rem;
    color: rgba(246, 215, 119, 0.84) !important;
    font-size: 0.95rem;
}

.liar-section[b-qffehne5aq] {
    margin-top: 1rem;
}

.statue-card[b-qffehne5aq] {
    overflow: hidden;
    border: 1px solid rgba(255,255,255,0.09);
    border-radius: 18px;
    background: rgba(0,0,0,0.22);
}

.statue-card img[b-qffehne5aq] {
    display: block;
    width: 100%;
    aspect-ratio: 4 / 5;
    object-fit: cover;
}

.statue-content[b-qffehne5aq] {
    padding: 1rem;
}

.statue-content span[b-qffehne5aq] {
    display: inline-block;
    margin-bottom: 0.4rem;
    color: #d4af37;
    font-weight: 900;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.statue-content p[b-qffehne5aq] {
    margin-bottom: 0;
    color: rgba(248, 243, 232, 0.8);
    line-height: 1.55;
}

.answer-card[b-qffehne5aq] {
    margin-top: clamp(1rem, 3vw, 2rem);
    border-color: rgba(212, 175, 55, 0.26);
}

.answer-box[b-qffehne5aq] {
    display: grid;
    gap: 0.85rem;
    align-content: center;
}

.code-input[b-qffehne5aq] {
    min-height: 58px;
    border: 1px solid rgba(255,255,255,0.14);
    border-radius: 16px;
    background: rgba(0,0,0,0.32);
    color: #fff;
    font-size: 1.55rem;
    font-weight: 900;
    letter-spacing: 0.38em;
    text-align: center;
}

.code-input:focus[b-qffehne5aq] {
    border-color: rgba(212, 175, 55, 0.85);
    background: rgba(0,0,0,0.42);
    color: #fff;
    box-shadow: 0 0 0 0.22rem rgba(212, 175, 55, 0.16);
}

.answer-select[b-qffehne5aq] {
    min-height: 58px;
    border: 1px solid rgba(255,255,255,0.14);
    border-radius: 16px;
    background-color: rgba(0,0,0,0.32);
    color: #fff;
    font-size: 1.05rem;
    font-weight: 800;
}

.answer-select option[b-qffehne5aq] {
    color: #111;
}

.answer-select:focus[b-qffehne5aq] {
    border-color: rgba(212, 175, 55, 0.85);
    background-color: rgba(0,0,0,0.42);
    color: #fff;
    box-shadow: 0 0 0 0.22rem rgba(212, 175, 55, 0.16);
}

.btn-validate[b-qffehne5aq] {
    min-height: 52px;
}

.feedback-message[b-qffehne5aq] {
    margin: 0;
    padding: 0.8rem 1rem;
    border-radius: 14px;
    font-weight: 800;
}

.feedback-message.success[b-qffehne5aq] {
    border: 1px solid rgba(74, 222, 128, 0.25);
    background: rgba(74, 222, 128, 0.08);
    color: #86efac;
}

.feedback-message.error[b-qffehne5aq] {
    border: 1px solid rgba(250, 204, 21, 0.25);
    background: rgba(250, 204, 21, 0.08);
    color: #facc15;
}

.archive-reveal[b-qffehne5aq] {
    margin-top: clamp(1rem, 3vw, 2rem);
    border-color: rgba(212, 175, 55, 0.34);
    background:
        radial-gradient(circle at top right, rgba(212, 175, 55, 0.18), transparent 20rem),
        linear-gradient(180deg, rgba(255,255,255,0.08), rgba(255,255,255,0.035));
    text-align: center;
}

.soft-cta[b-qffehne5aq] {
    margin-top: 1.5rem;
}

@media (max-width: 900px) {
    .intro-grid[b-qffehne5aq],
    .answer-layout[b-qffehne5aq],
    .question-grid[b-qffehne5aq],
    .statue-grid[b-qffehne5aq] {
        grid-template-columns: 1fr;
    }

    .question-card[b-qffehne5aq] {
        min-height: auto;
    }

    .statue-card[b-qffehne5aq] {
        display: grid;
        grid-template-columns: 132px 1fr;
    }

    .statue-card img[b-qffehne5aq] {
        height: 100%;
        aspect-ratio: auto;
    }
}

@media (max-width: 560px) {
    .honore-hero[b-qffehne5aq] {
        min-height: 560px;
        background-position: center top;
    }

    .hero-content[b-qffehne5aq] {
        padding-bottom: 2.4rem;
    }

    .vilmorin-content[b-qffehne5aq] {
        width: min(100% - 1rem, 1120px);
        padding-top: 1rem;
    }

    .story-card[b-qffehne5aq],
    .question-card[b-qffehne5aq],
    .archive-reveal[b-qffehne5aq] {
        border-radius: 18px;
    }

    .honore-hero h1[b-qffehne5aq] {
        font-size: clamp(2.4rem, 13vw, 4rem);
    }

    .location-card .hero-btn[b-qffehne5aq],
    .btn-next[b-qffehne5aq] {
        width: 100%;
        justify-content: center;
    }

    .visual-caption[b-qffehne5aq] {
        position: static;
        border-radius: 0;
        border-right: 0;
        border-bottom: 0;
        border-left: 0;
    }

    .statue-card[b-qffehne5aq] {
        grid-template-columns: 104px 1fr;
    }

    .statue-content[b-qffehne5aq] {
        padding: 0.85rem;
    }

    .statue-content p[b-qffehne5aq] {
        font-size: 0.92rem;
    }

    .code-input[b-qffehne5aq] {
        font-size: 1.35rem;
        letter-spacing: 0.28em;
    }
}
.archive-image[b-qffehne5aq] {
    display: block;
    width: min(100%, 860px);
    margin: 1.25rem auto 1.5rem;
    border: 1px solid rgba(212, 175, 55, 0.25);
    border-radius: 20px;
    box-shadow: 0 24px 70px rgba(0,0,0,0.45);
}


.handwritten-note[b-qffehne5aq] {
    font-family: "Segoe Print", "Comic Sans MS", cursive;
    max-width: 760px;
    margin: 2rem auto;
    padding: clamp(1.4rem, 4vw, 2.4rem);
    border-radius: 18px;
    background: linear-gradient(180deg, #f4ead6, #e8d8b8);
    color: #2f2418;
    box-shadow: 0 24px 70px rgba(0,0,0,0.42);
    transform: rotate(-0.3deg);
}

    .handwritten-note p[b-qffehne5aq] {
        margin-bottom: 1rem;
        font-family: "Segoe Print", "Comic Sans MS", cursive;
        font-size: clamp(1.05rem, 2vw, 1.25rem);
        line-height: 1.85;
        color: #2f2418;
    }

.note-signature[b-qffehne5aq] {
    margin-top: 1.4rem;
    text-align: right;
    font-size: 1.45rem !important;
    font-weight: 700;

}
/* /Components/Pages/Enigma/VerrieresLeBuisson/Step3.razor.rz.scp.css */
.cachot-page[b-5lj3fud81c] {
    min-height: 100vh;
    color: #f8f3e8;
}

.cachot-hero[b-5lj3fud81c] {
    position: relative;
    min-height: clamp(440px, 72vh, 760px);
    display: flex;
    align-items: flex-end;
    overflow: hidden;
    isolation: isolate;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.08), rgba(5, 5, 7, 0.94)), url("/Story1/Image/enigma/prisonnier.webp") center 40% / cover no-repeat;
}

.hero-overlay[b-5lj3fud81c] {
    position: absolute;
    inset: 0;
    z-index: -1;
}

.hero-content[b-5lj3fud81c] {
    width: min(1120px, calc(100% - 2rem));
    margin: 0 auto;
    padding: 5rem 0 4rem;
}

.hero-kicker[b-5lj3fud81c],
.section-label[b-5lj3fud81c] {
    color: #d4af37;
    font-size: 0.78rem;
    font-weight: 800;
    letter-spacing: 0.16em;
    text-transform: uppercase;
}

.cachot-hero h1[b-5lj3fud81c] {
    max-width: 860px;
    margin: 0.5rem 0 1rem;
    font-size: clamp(2.35rem, 8vw, 5.7rem);
    line-height: 0.9;
    text-transform: uppercase;
    letter-spacing: -0.055em;
    text-shadow: 0 18px 42px rgba(0,0,0,0.7);
}

.hero-subtitle[b-5lj3fud81c] {
    max-width: 650px;
    margin-bottom: 1.6rem;
    color: rgba(248, 243, 232, 0.82);
    font-size: clamp(1rem, 2.3vw, 1.35rem);
}

.cachot-content[b-5lj3fud81c] {
    width: min(1120px, calc(100% - 2rem));
    margin: 0 auto;
    padding: clamp(2rem, 5vw, 4rem) 0 5rem;
}

.intro-grid[b-5lj3fud81c],
.answer-layout[b-5lj3fud81c] {
    display: grid;
    grid-template-columns: minmax(0, 1.15fr) minmax(320px, 0.85fr);
    gap: 1rem;
}

.story-card[b-5lj3fud81c],
.archive-reveal[b-5lj3fud81c] {
    border: 1px solid rgba(255, 255, 255, 0.09);
    border-radius: 24px;
    background: linear-gradient(180deg, rgba(255,255,255,0.075), rgba(255,255,255,0.035));
    box-shadow: 0 24px 70px rgba(0,0,0,0.35);
    backdrop-filter: blur(10px);
    padding: clamp(1.1rem, 3vw, 1.75rem);
}

    .story-card h2[b-5lj3fud81c],
    .archive-reveal h2[b-5lj3fud81c] {
        margin: 0.35rem 0 0.9rem;
        color: #fff;
        font-size: clamp(1.45rem, 3vw, 2.25rem);
        line-height: 1.05;
    }

    .story-card p[b-5lj3fud81c],
    .archive-reveal p[b-5lj3fud81c],
    .soft-cta p[b-5lj3fud81c] {
        color: rgba(248, 243, 232, 0.78);
        line-height: 1.75;
    }



.alea-header[b-5lj3fud81c] {
    display: flex;
    gap: 1rem;
    align-items: center;
    margin-bottom: 1rem;
}

.avatar[b-5lj3fud81c] {
    width: 62px;
    height: 62px;
    object-fit: cover;
    border: 2px solid rgba(212, 175, 55, 0.55);
    border-radius: 50%;
}

.warning-note[b-5lj3fud81c] {
    padding-left: 1rem;
    border-left: 3px solid #d4af37;
    color: #f6d777 !important;
    font-weight: 700;
}

.archive-image[b-5lj3fud81c] {
    display: block;
    width: min(100%, 860px);
    margin: 1.25rem auto 1.5rem;
    border: 1px solid rgba(212, 175, 55, 0.25);
    border-radius: 20px;
    box-shadow: 0 24px 70px rgba(0,0,0,0.45);
}

.visual-caption[b-5lj3fud81c] {
    margin-top: 10px;
    padding: 0.85rem 1rem;
    border: 1px solid rgba(255,255,255,0.12);
    border-radius: 16px;
    background: rgba(0,0,0,0.58);
    color: rgba(255,255,255,0.88);
    backdrop-filter: blur(8px);
}

.answer-card[b-5lj3fud81c] {
    margin-top: 1rem;
    border-color: rgba(212, 175, 55, 0.26);
}

.answer-box[b-5lj3fud81c] {
    display: grid;
    gap: 0.85rem;
    align-content: center;
}

.text-input[b-5lj3fud81c] {
    min-height: 58px;
    border: 1px solid rgba(255,255,255,0.14);
    border-radius: 16px;
    background: rgba(0,0,0,0.32);
    color: #fff;
    font-size: 1.15rem;
    font-weight: 700;
    text-align: center;
}

    .text-input:focus[b-5lj3fud81c] {
        border-color: rgba(212, 175, 55, 0.85);
        background: rgba(0,0,0,0.42);
        color: #fff;
        box-shadow: 0 0 0 0.22rem rgba(212, 175, 55, 0.16);
    }

.hero-btn[b-5lj3fud81c],
.btn-next[b-5lj3fud81c],
.btn-validate[b-5lj3fud81c] {
    border: 1px solid rgba(212, 175, 55, 0.68);
    border-radius: 999px;
    background: linear-gradient(135deg, #d4af37, #8f6b18);
    color: #111;
    font-weight: 800;
    box-shadow: 0 18px 42px rgba(0,0,0,0.35);
}

    .hero-btn:hover[b-5lj3fud81c],
    .btn-next:hover[b-5lj3fud81c],
    .btn-validate:hover[b-5lj3fud81c] {
        border-color: #f3d879;
        color: #000;
        transform: translateY(-1px);
    }

.btn-validate[b-5lj3fud81c] {
    min-height: 52px;
}

.feedback-message[b-5lj3fud81c] {
    margin: 0;
    padding: 0.8rem 1rem;
    border-radius: 14px;
    font-weight: 800;
}

    .feedback-message.success[b-5lj3fud81c] {
        border: 1px solid rgba(74, 222, 128, 0.25);
        background: rgba(74, 222, 128, 0.08);
        color: #86efac;
    }

    .feedback-message.error[b-5lj3fud81c] {
        border: 1px solid rgba(250, 204, 21, 0.25);
        background: rgba(250, 204, 21, 0.08);
        color: #facc15;
    }

.archive-reveal[b-5lj3fud81c] {
    margin-top: 1rem;
    border-color: rgba(212, 175, 55, 0.34);
    background: radial-gradient(circle at top right, rgba(212, 175, 55, 0.18), transparent 20rem), linear-gradient(180deg, rgba(255,255,255,0.08), rgba(255,255,255,0.035));
    text-align: center;
}

.archive-quote[b-5lj3fud81c] {
    max-width: 780px;
    margin: 1.5rem auto;
    padding: 1.2rem 1.4rem;
    border-left: 3px solid #d4af37;
    border-radius: 18px;
    background: rgba(0,0,0,0.28);
    color: #f6d777;
    font-size: clamp(1.05rem, 2vw, 1.35rem);
    font-style: italic;
    line-height: 1.7;
}

.soft-cta[b-5lj3fud81c] {
    margin-top: 1.5rem;
}

@media (max-width: 900px) {
    .intro-grid[b-5lj3fud81c],
    .answer-layout[b-5lj3fud81c] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 560px) {
    .cachot-hero[b-5lj3fud81c] {
        min-height: 560px;
        background-position: center top;
    }

    .hero-content[b-5lj3fud81c] {
        padding-bottom: 2.4rem;
    }

    .cachot-content[b-5lj3fud81c] {
        width: min(100% - 1rem, 1120px);
        padding-top: 1rem;
    }

    .story-card[b-5lj3fud81c],
    .archive-reveal[b-5lj3fud81c] {
        border-radius: 18px;
    }

    .text-input[b-5lj3fud81c] {
        font-size: 1rem;
    }
}


.artisan-card[b-5lj3fud81c] {
    display: flex;
    gap: 1.5rem;
    align-items: center;
    margin: 2rem auto;
    padding: 1.75rem;
    max-width: 850px;
    border: 1px solid rgba(212,175,55,.25);
    border-radius: 24px;
    background: radial-gradient(circle at top left, rgba(212,175,55,.18), transparent 14rem), linear-gradient(180deg, rgba(255,255,255,.08), rgba(255,255,255,.04));
}

.artisan-icon[b-5lj3fud81c] {
    flex-shrink: 0;
    width: 82px;
    height: 82px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    font-size: 2rem;
    background: rgba(212,175,55,.15);
    border: 1px solid rgba(212,175,55,.35);
}

.artisan-content h3[b-5lj3fud81c] {
    margin: .25rem 0 .75rem;
    color: #fff;
}

.artisan-label[b-5lj3fud81c] {
    color: #d4af37;
    font-size: .75rem;
    font-weight: 800;
    letter-spacing: .15em;
    text-transform: uppercase;
}

.artisan-btn[b-5lj3fud81c] {
    margin-top: .75rem;
}

@media (max-width: 768px) {

    .artisan-card[b-5lj3fud81c] {
        flex-direction: column;
        text-align: center;
    }
}

.solution-box[b-5lj3fud81c] {
    border-left: 4px solid #198754;
    padding: 10px 15px;
    border-radius: 6px;
}
/* /Components/Pages/Faction/Badge.razor.rz.scp.css */
.badge-page[b-4n60r4k6k6],
.badge-page *[b-4n60r4k6k6] {
    box-sizing: border-box;
}

.badge-page[b-4n60r4k6k6] {
    min-height: 100vh;
    display: grid;
    place-items: center;
    padding: 48px 16px;
    background:
        radial-gradient(circle at top left, rgba(124, 58, 237, 0.18), transparent 32%),
        radial-gradient(circle at bottom right, rgba(245, 158, 11, 0.16), transparent 30%),
        linear-gradient(180deg, #0b1120 0%, #111827 100%);
    color: #f8fafc;
}

.badge-shell[b-4n60r4k6k6] {
    width: min(720px, 100%);
}

.badge-card[b-4n60r4k6k6] {
    position: relative;
    overflow: hidden;
    min-height: 520px;
    display: grid;
    justify-items: center;
    align-content: center;
    text-align: center;
    padding: clamp(28px, 6vw, 56px);
    border-radius: 28px;
    background:
        radial-gradient(circle at top, rgba(245, 158, 11, 0.15), transparent 34%),
        rgba(15, 23, 42, 0.90);
    border: 1px solid rgba(252, 217, 141, 0.28);
    box-shadow: 0 28px 90px rgba(0, 0, 0, 0.40);
}

.badge-card[b-4n60r4k6k6]::before {
    content: "";
    position: absolute;
    inset: 18px;
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 22px;
    pointer-events: none;
}

.badge-watchers[b-4n60r4k6k6] {
    border-color: rgba(59, 130, 246, 0.38);
}

.badge-scouts[b-4n60r4k6k6] {
    border-color: rgba(245, 158, 11, 0.42);
}

.badge-shadows[b-4n60r4k6k6] {
    border-color: rgba(124, 58, 237, 0.46);
}

.badge-card-error[b-4n60r4k6k6] {
    border-color: rgba(185, 28, 28, 0.36);
}

.badge-symbol[b-4n60r4k6k6] {
    display: grid;
    place-items: center;
    width: clamp(84px, 14vw, 116px);
    aspect-ratio: 1;
    margin-bottom: 24px;
    border-radius: 50%;
    overflow: hidden;
    background: rgba(255, 255, 255, 0.07);
    border: 1px solid rgba(255, 255, 255, 0.14);
    font-size: clamp(3rem, 8vw, 5rem);
}

.badge-symbol img[b-4n60r4k6k6] {
    width: 74%;
    height: 74%;
    display: block;
    object-fit: contain;
    object-position: center;
}

.badge-kicker[b-4n60r4k6k6] {
    margin: 0 0 16px;
    color: #fde68a;
    font-size: .78rem;
    font-weight: 900;
    letter-spacing: .12em;
    text-transform: uppercase;
}

.badge-card h1[b-4n60r4k6k6] {
    margin: 0;
    color: #ffffff;
    font-size: clamp(2.6rem, 8vw, 5.2rem);
    line-height: 1;
    font-weight: 900;
}

.badge-faction[b-4n60r4k6k6] {
    margin: 16px 0 24px;
    color: #fcd98d;
    font-size: clamp(1.6rem, 4vw, 2.5rem);
    font-weight: 900;
}

.badge-note[b-4n60r4k6k6],
.badge-card-error p:not(.badge-kicker)[b-4n60r4k6k6] {
    max-width: 520px;
    margin: 0;
    color: rgba(255, 255, 255, 0.78);
    font-size: 1.05rem;
    line-height: 1.75;
}

.badge-proclamation[b-4n60r4k6k6] {
    position: relative;
    width: min(560px, 100%);
    margin-top: 30px;
    padding: 28px clamp(20px, 5vw, 36px);
    border-radius: 18px;
    background:
        linear-gradient(180deg, rgba(255, 250, 240, 0.95), rgba(255, 247, 232, 0.92)),
        radial-gradient(circle at top left, rgba(245, 158, 11, 0.18), transparent 32%);
    border: 1px solid rgba(245, 158, 11, 0.42);
    color: #1f2937;
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.45), 0 18px 44px rgba(0, 0, 0, 0.22);
}

.badge-proclamation[b-4n60r4k6k6]::before,
.badge-proclamation[b-4n60r4k6k6]::after {
    content: "";
    position: absolute;
    left: 24px;
    right: 24px;
    height: 1px;
    background: linear-gradient(90deg, transparent, rgba(146, 64, 14, 0.45), transparent);
}

.badge-proclamation[b-4n60r4k6k6]::before {
    top: 14px;
}

.badge-proclamation[b-4n60r4k6k6]::after {
    bottom: 14px;
}

.proclamation-mark[b-4n60r4k6k6] {
    margin: 0 0 10px;
    color: #92400e;
    font-size: 1.15rem;
    line-height: 1;
}

.badge-proclamation h2[b-4n60r4k6k6] {
    margin: 0 0 14px;
    color: #111827;
    font-family: Georgia, "Times New Roman", serif;
    font-size: clamp(1.55rem, 4vw, 2.25rem);
    font-weight: 800;
    line-height: 1.15;
}

.badge-proclamation p:not(.proclamation-mark)[b-4n60r4k6k6] {
    margin: 0;
    color: rgba(31, 41, 55, 0.88);
    font-family: Georgia, "Times New Roman", serif;
    font-size: 1.04rem;
    line-height: 1.85;
}

.badge-proclamation p:not(.proclamation-mark)[b-4n60r4k6k6]::first-letter {
    float: left;
    margin: 7px 9px 0 0;
    color: #92400e;
    font-size: 3.2rem;
    line-height: .78;
    font-weight: 800;
}

@media (max-width: 575.98px) {
    .badge-page[b-4n60r4k6k6] {
        padding: 20px 10px;
    }

    .badge-card[b-4n60r4k6k6] {
        min-height: 460px;
        border-radius: 22px;
    }

    .badge-card[b-4n60r4k6k6]::before {
        inset: 12px;
        border-radius: 18px;
    }

    .badge-proclamation[b-4n60r4k6k6] {
        margin-top: 24px;
        padding: 24px 18px;
    }

    .badge-proclamation p:not(.proclamation-mark)[b-4n60r4k6k6]::first-letter {
        font-size: 2.7rem;
    }
}
/* /Components/Pages/Faction/Index.razor.rz.scp.css */
.factions-page[b-jvzro11yxr],
.factions-page *[b-jvzro11yxr] {
    box-sizing: border-box;
}

.factions-page[b-jvzro11yxr] {
    position: relative;
    overflow-x: hidden;
    min-height: 100vh;
    padding-bottom: 56px;
    background: radial-gradient(circle at top left, rgba(124, 58, 237, 0.18), transparent 28%), radial-gradient(circle at top right, rgba(245, 158, 11, 0.14), transparent 24%), linear-gradient(180deg, #0b1120 0%, #0f172a 45%, #111827 100%);
    color: #f8fafc;
}

.factions-hero[b-jvzro11yxr],
.factions-section[b-jvzro11yxr] {
    position: relative;
    z-index: 1;
    width: min(1280px, calc(100% - 32px));
    margin: 0 auto;
}

.factions-hero[b-jvzro11yxr] {
    padding: 48px 0 32px;
}

.factions-hero-inner[b-jvzro11yxr] {
    overflow: hidden;
    border-radius: 32px;
    min-height: 420px;
    display: flex;
    align-items: center;
    background: linear-gradient(90deg, rgba(15, 23, 42, 0.96) 0%, rgba(15, 23, 42, 0.84) 52%, rgba(15, 23, 42, 0.36) 100%), url('/Story1/Image/Factions/factions-hero.webp') center/cover no-repeat;
    border: 1px solid rgba(255,255,255,0.08);
    box-shadow: 0 24px 70px rgba(0,0,0,0.35);
}

.factions-hero-copy[b-jvzro11yxr] {
    padding: clamp(28px, 5vw, 56px);
    max-width: 760px;
}

.hero-badge[b-jvzro11yxr] {
    display: inline-flex;
    padding: 10px 18px;
    border-radius: 999px;
    border: 1px solid rgba(245, 158, 11, 0.42);
    background: rgba(245, 158, 11, 0.10);
    color: #fde68a;
    font-size: .8rem;
    font-weight: 800;
    letter-spacing: .08em;
    text-transform: uppercase;
    margin-bottom: 26px;
}

.factions-hero-copy h1[b-jvzro11yxr] {
    font-size: clamp(2.6rem, 6vw, 5.4rem);
    line-height: 1;
    font-weight: 900;
    margin: 0 0 26px;
    letter-spacing: -0.05em;
}

    .factions-hero-copy h1 span[b-jvzro11yxr] {
        color: #fcd98d;
    }

.factions-hero-copy p[b-jvzro11yxr] {
    max-width: 650px;
    font-size: 1.15rem;
    line-height: 1.8;
    color: rgba(255,255,255,0.86);
}

.factions-section[b-jvzro11yxr] {
    margin-top: 28px;
}

.light-card[b-jvzro11yxr] {
    background: radial-gradient(circle at top left, rgba(245, 158, 11, 0.10), transparent 26%), linear-gradient(180deg, #fffaf0 0%, #fff7e8 100%);
    color: #111827;
    border: 1px solid rgba(245, 158, 11, 0.28);
    box-shadow: 0 20px 60px rgba(0,0,0,0.22);
}

.factions-intro[b-jvzro11yxr] {
    border-radius: 24px;
    padding: clamp(24px, 4vw, 42px);
}

.section-label[b-jvzro11yxr] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 22px;
    color: #92400e;
    font-weight: 900;
    font-size: 1.35rem;
    letter-spacing: -0.03em;
}

    .section-label[b-jvzro11yxr]::before {
        content: "✦";
        display: inline-grid;
        place-items: center;
        width: 34px;
        height: 34px;
        flex: 0 0 34px;
        border-radius: 50%;
        background: rgba(245, 158, 11, 0.18);
        color: #b45309;
        font-size: .9rem;
    }

    .section-label.purple[b-jvzro11yxr] {
        color: #7c3aed;
    }

        .section-label.purple[b-jvzro11yxr]::before {
            background: rgba(124, 58, 237, 0.14);
            color: #7c3aed;
        }

.factions-intro h2[b-jvzro11yxr],
.factions-story-card h2[b-jvzro11yxr] {
    margin: 0 0 18px;
    font-size: clamp(2rem, 4vw, 3.1rem);
    line-height: 1.08;
    letter-spacing: -0.05em;
    color: #111827;
}

.factions-intro p[b-jvzro11yxr],
.factions-story-card p[b-jvzro11yxr] {
    font-size: 1rem;
    line-height: 1.75;
    color: rgba(17,24,39,0.82);
}

.factions-impact-grid[b-jvzro11yxr] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 14px;
    margin-top: 28px;
}

    .factions-impact-grid div[b-jvzro11yxr] {
        padding: 18px;
        border-radius: 16px;
        background: rgba(255,255,255,0.58);
        border: 1px solid rgba(17,24,39,0.10);
    }

    .factions-impact-grid strong[b-jvzro11yxr] {
        display: block;
        color: #111827;
        font-size: 1.05rem;
        margin-bottom: 8px;
    }

    .factions-impact-grid span[b-jvzro11yxr] {
        display: block;
        color: rgba(17,24,39,0.72);
        line-height: 1.55;
    }

.faction-grid[b-jvzro11yxr] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 22px;
}

.faction-card[b-jvzro11yxr] {
    display: block;
    overflow: hidden;
    border-radius: 26px;
    background: radial-gradient(circle at top, rgba(245, 158, 11, 0.12), transparent 32%), rgba(15, 23, 42, 0.82);
    border: 1px solid rgba(255,255,255,0.10);
    box-shadow: 0 22px 60px rgba(0,0,0,0.32);
    backdrop-filter: blur(10px);
    color: inherit;
    text-decoration: none;
    transition: transform .25s ease, border-color .25s ease, box-shadow .25s ease;
}

.faction-card:hover[b-jvzro11yxr],
.faction-card:focus-visible[b-jvzro11yxr] {
    transform: translateY(-4px);
    border-color: rgba(245, 158, 11, 0.48);
    box-shadow: 0 28px 72px rgba(0,0,0,0.40);
    color: inherit;
    text-decoration: none;
}

.faction-card:focus-visible[b-jvzro11yxr] {
    outline: 3px solid rgba(252, 217, 141, 0.72);
    outline-offset: 4px;
}

.faction-image[b-jvzro11yxr] {
    position: relative;
    aspect-ratio: 1 / 1;
    overflow: hidden;
}

    .faction-image[b-jvzro11yxr]::after {
        content: "";
        position: absolute;
        inset: 0;
        background: linear-gradient(180deg, transparent 52%, rgba(15,23,42,0.92) 100%), radial-gradient(circle at top right, rgba(245,158,11,0.20), transparent 35%);
    }

    .faction-image img[b-jvzro11yxr] {
        width: 100%;
        height: 100%;
        display: block;
        object-fit: cover;
    }

.faction-content[b-jvzro11yxr] {
    padding: 0 24px 28px;
    margin-top: -12px;
    position: relative;
    z-index: 1;
}

.faction-kicker[b-jvzro11yxr] {
    display: inline-flex;
    margin-bottom: 12px;
    padding: 7px 12px;
    border-radius: 999px;
    font-size: .72rem;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: .08em;
    color: #fde68a;
    background: rgba(245, 158, 11, 0.10);
    border: 1px solid rgba(245, 158, 11, 0.26);
}

.faction-content h2[b-jvzro11yxr] {
    margin: 0 0 10px;
    font-size: clamp(2rem, 3vw, 2.8rem);
    letter-spacing: -0.06em;
    color: #ffffff;
}

.faction-motto[b-jvzro11yxr] {
    margin: 0 0 18px;
    color: #fcd98d;
    font-weight: 900;
    line-height: 1.45;
}

.faction-content p:not(.faction-motto)[b-jvzro11yxr] {
    color: rgba(255,255,255,0.76);
    line-height: 1.7;
}

.faction-content ul[b-jvzro11yxr] {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    padding: 0;
    margin: 22px 0 0;
    list-style: none;
}

.faction-content li[b-jvzro11yxr] {
    padding: 9px 12px;
    border-radius: 999px;
    background: rgba(255,255,255,0.05);
    border: 1px solid rgba(255,255,255,0.12);
    color: rgba(255,255,255,0.88);
    font-size: .86rem;
    font-weight: 800;
}

.faction-text-link[b-jvzro11yxr] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin-top: 24px;
    color: #fcd98d;
    font-weight: 900;
    text-decoration: underline;
    text-underline-offset: 4px;
}

.faction-text-link[b-jvzro11yxr]::after {
    content: "→";
    text-decoration: none;
    transition: transform .2s ease;
}

.faction-card:hover .faction-text-link[b-jvzro11yxr]::after,
.faction-card:focus-visible .faction-text-link[b-jvzro11yxr]::after {
    transform: translateX(4px);
}

.faction-veilleurs[b-jvzro11yxr] {
    border-color: rgba(59, 130, 246, 0.30);
}

.faction-eclaireurs[b-jvzro11yxr] {
    border-color: rgba(245, 158, 11, 0.32);
}

.faction-ombres[b-jvzro11yxr] {
    border-color: rgba(124, 58, 237, 0.32);
}

.factions-story-card[b-jvzro11yxr] {
    display: grid;
    grid-template-columns: minmax(0, .9fr) minmax(0, 1fr) minmax(0, .75fr);
    gap: 34px;
    align-items: center;
    padding: clamp(24px, 4vw, 42px);
    border-radius: 24px;
}

    .factions-story-card blockquote[b-jvzro11yxr] {
        margin: 0;
        padding-left: 24px;
        border-left: 3px solid #7c3aed;
        color: #6d28d9;
        font-size: clamp(1.2rem, 2vw, 1.45rem);
        line-height: 1.45;
        font-weight: 800;
        font-family: Georgia, serif;
    }

.faction-test-cta[b-jvzro11yxr] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: clamp(24px, 4vw, 48px);
    align-items: center;
    padding: clamp(26px, 4vw, 46px);
    border-radius: 24px;
    background:
        radial-gradient(circle at top right, rgba(124, 58, 237, 0.16), transparent 32%),
        linear-gradient(180deg, #fffaf0 0%, #fff7e8 100%);
}

.faction-test-cta__content[b-jvzro11yxr] {
    max-width: 720px;
}

.faction-test-cta h2[b-jvzro11yxr] {
    margin: 0 0 16px;
    color: #111827;
    font-size: clamp(2rem, 4vw, 3.2rem);
    line-height: 1.08;
    letter-spacing: -0.05em;
}

.faction-test-cta p:not(.section-label)[b-jvzro11yxr] {
    margin: 0;
    color: rgba(17, 24, 39, 0.78);
    font-size: 1.05rem;
    line-height: 1.75;
}

.faction-test-cta__panel[b-jvzro11yxr] {
    display: grid;
    gap: 18px;
    justify-items: stretch;
    min-width: min(100%, 320px);
}

.faction-test-cta__traits[b-jvzro11yxr] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 8px;
}

.faction-test-cta__traits span[b-jvzro11yxr] {
    display: grid;
    place-items: center;
    min-height: 46px;
    padding: 8px 10px;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.68);
    border: 1px solid rgba(17, 24, 39, 0.10);
    color: #4c1d95;
    font-size: .88rem;
    font-weight: 900;
    line-height: 1.2;
    text-align: center;
}

.faction-test-cta__button[b-jvzro11yxr] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 100%;
}

@media (max-width: 991.98px) {
    .faction-grid[b-jvzro11yxr],
    .factions-impact-grid[b-jvzro11yxr],
    .factions-story-card[b-jvzro11yxr],
    .faction-test-cta[b-jvzro11yxr] {
        grid-template-columns: 1fr;
    }

    .factions-hero-inner[b-jvzro11yxr] {
        min-height: auto;
    }

    .factions-hero-copy[b-jvzro11yxr] {
        padding: 36px 28px;
    }

    .faction-image[b-jvzro11yxr] {
        aspect-ratio: 16 / 10;
    }
}

@media (max-width: 575.98px) {
    .factions-hero[b-jvzro11yxr],
    .factions-section[b-jvzro11yxr] {
        width: calc(100% - 20px);
    }

    .factions-hero[b-jvzro11yxr] {
        padding-top: 16px;
    }

    .factions-hero-inner[b-jvzro11yxr],
    .factions-intro[b-jvzro11yxr],
    .faction-card[b-jvzro11yxr],
    .factions-story-card[b-jvzro11yxr],
    .faction-test-cta[b-jvzro11yxr] {
        border-radius: 20px;
    }

    .factions-hero-copy[b-jvzro11yxr] {
        padding: 28px 20px;
    }

    .hero-badge[b-jvzro11yxr] {
        font-size: .68rem;
        padding: 8px 12px;
        line-height: 1.3;
    }

    .factions-hero-copy h1[b-jvzro11yxr] {
        font-size: clamp(2.25rem, 12vw, 3rem);
    }

    .factions-hero-copy p[b-jvzro11yxr] {
        font-size: 1rem;
        line-height: 1.65;
    }

    .factions-intro[b-jvzro11yxr],
    .factions-story-card[b-jvzro11yxr],
    .faction-test-cta[b-jvzro11yxr] {
        padding: 24px 18px;
    }

    .faction-content[b-jvzro11yxr] {
        padding: 0 18px 24px;
    }

    .section-label[b-jvzro11yxr] {
        font-size: 1.1rem;
    }

    .faction-test-cta__traits[b-jvzro11yxr] {
        grid-template-columns: 1fr;
    }
}

.btn-cta[b-jvzro11yxr] {
    background: linear-gradient(90deg, #7c3aed, #9333ea);
    border: none;
    border-radius: 999px;
    font-weight: 600;
    color: white;
    transition: all 0.25s ease;
    box-shadow: 0 8px 20px rgba(124, 58, 237, 0.4);
    min-height:48px;
    padding:12px 24px;
}

.btn-cta:hover[b-jvzro11yxr] {
    background: linear-gradient(90deg, #6d28d9, #7e22ce);
    transform: translateY(-1px);
    box-shadow: 0 12px 25px rgba(124, 58, 237, 0.5);
}
/* /Components/Pages/Faction/Test.razor.rz.scp.css */
.recruit-test-page[b-6kaq1p3s0c],
.recruit-test-page *[b-6kaq1p3s0c] {
    box-sizing: border-box;
}

.recruit-test-page[b-6kaq1p3s0c] {
    min-height: 100vh;
    padding-bottom: 56px;
    background:
        radial-gradient(circle at top left, rgba(124, 58, 237, 0.14), transparent 30%),
        radial-gradient(circle at top right, rgba(245, 158, 11, 0.14), transparent 26%),
        linear-gradient(180deg, #0b1120 0%, #0f172a 46%, #111827 100%);
    color: #f8fafc;
}

.recruit-hero[b-6kaq1p3s0c],
.recruit-section[b-6kaq1p3s0c] {
    width: min(1280px, calc(100% - 32px));
    margin: 0 auto;
}

.recruit-hero[b-6kaq1p3s0c] {
    padding: 48px 0 32px;
}

.recruit-hero-inner[b-6kaq1p3s0c] {
    min-height: 430px;
    display: flex;
    align-items: center;
    overflow: hidden;
    border-radius: 30px;
    border: 1px solid rgba(255, 255, 255, 0.09);
    background:
        linear-gradient(90deg, rgba(15, 23, 42, 0.98) 0%, rgba(15, 23, 42, 0.88) 54%, rgba(15, 23, 42, 0.38) 100%),
        url('/Story1/Image/Factions/factions-hero.webp') center/cover no-repeat;
    box-shadow: 0 24px 70px rgba(0, 0, 0, 0.36);
}

.recruit-hero-copy[b-6kaq1p3s0c] {
    max-width: 780px;
    padding: clamp(28px, 5vw, 58px);
}

.hero-badge[b-6kaq1p3s0c] {
    display: inline-flex;
    margin-bottom: 24px;
    padding: 10px 18px;
    border-radius: 999px;
    border: 1px solid rgba(245, 158, 11, 0.42);
    background: rgba(245, 158, 11, 0.10);
    color: #fde68a;
    font-size: .8rem;
    font-weight: 800;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.recruit-hero-copy h1[b-6kaq1p3s0c] {
    margin: 0 0 18px;
    font-size: clamp(2.7rem, 6vw, 5.3rem);
    line-height: 1;
    font-weight: 900;
    color: #ffffff;
}

.recruit-subtitle[b-6kaq1p3s0c] {
    margin: 0 0 18px;
    color: #fcd98d;
    font-size: clamp(1.25rem, 2.6vw, 2rem);
    font-weight: 800;
}

.recruit-hero-copy p:not(.recruit-subtitle)[b-6kaq1p3s0c] {
    max-width: 660px;
    color: rgba(255, 255, 255, 0.84);
    font-size: 1.1rem;
    line-height: 1.75;
}

.recruit-section[b-6kaq1p3s0c] {
    margin-top: 28px;
}

.recruit-briefing[b-6kaq1p3s0c],
.lead-panel[b-6kaq1p3s0c] {
    display: grid;
    grid-template-columns: minmax(0, .85fr) minmax(0, 1.15fr);
    gap: 34px;
    align-items: start;
    padding: clamp(24px, 4vw, 42px);
    border-radius: 24px;
    background:
        radial-gradient(circle at top left, rgba(245, 158, 11, 0.10), transparent 26%),
        linear-gradient(180deg, #fffaf0 0%, #fff7e8 100%);
    color: #111827;
    border: 1px solid rgba(245, 158, 11, 0.28);
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.22);
}

.section-label[b-6kaq1p3s0c] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin: 0 0 20px;
    color: #92400e;
    font-weight: 900;
    font-size: 1.15rem;
}

.section-label[b-6kaq1p3s0c]::before {
    content: "✦";
    display: inline-grid;
    place-items: center;
    width: 34px;
    height: 34px;
    flex: 0 0 34px;
    border-radius: 50%;
    background: rgba(245, 158, 11, 0.18);
    color: #b45309;
    font-size: .9rem;
}

.section-label.purple[b-6kaq1p3s0c] {
    color: #7c3aed;
}

.section-label.purple[b-6kaq1p3s0c]::before {
    background: rgba(124, 58, 237, 0.14);
    color: #7c3aed;
}

.recruit-briefing h2[b-6kaq1p3s0c],
.lead-copy h2[b-6kaq1p3s0c] {
    margin: 0;
    color: #111827;
    font-size: clamp(2rem, 4vw, 3rem);
    line-height: 1.08;
}

.recruit-briefing p[b-6kaq1p3s0c],
.lead-copy p[b-6kaq1p3s0c] {
    color: rgba(17, 24, 39, 0.78);
    line-height: 1.75;
}

.question-grid[b-6kaq1p3s0c] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 20px;
}

.question-card[b-6kaq1p3s0c] {
    min-height: 100%;
    padding: 24px;
    border-radius: 24px;
    background: radial-gradient(circle at top, rgba(245, 158, 11, 0.11), transparent 34%), rgba(15, 23, 42, 0.86);
    border: 1px solid rgba(255, 255, 255, 0.11);
    box-shadow: 0 22px 60px rgba(0, 0, 0, 0.30);
}

.question-number[b-6kaq1p3s0c] {
    display: inline-flex;
    margin-bottom: 16px;
    padding: 7px 12px;
    border-radius: 999px;
    border: 1px solid rgba(245, 158, 11, 0.25);
    background: rgba(245, 158, 11, 0.10);
    color: #fde68a;
    font-size: .72rem;
    font-weight: 900;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.question-card h2[b-6kaq1p3s0c] {
    margin: 0 0 14px;
    color: #ffffff;
    font-size: clamp(1.45rem, 2.4vw, 2rem);
    line-height: 1.12;
}

.question-card p[b-6kaq1p3s0c] {
    min-height: 120px;
    margin: 0 0 20px;
    color: rgba(255, 255, 255, 0.76);
    line-height: 1.68;
}

.choice-list[b-6kaq1p3s0c] {
    display: grid;
    gap: 12px;
}

.choice-button[b-6kaq1p3s0c] {
    width: 100%;
    min-height: 62px;
    padding: 14px 16px;
    border-radius: 16px;
    border: 1px solid rgba(255, 255, 255, 0.12);
    background: rgba(255, 255, 255, 0.045);
    color: rgba(255, 255, 255, 0.88);
    font-weight: 700;
    line-height: 1.45;
    text-align: left;
    transition: border-color .18s ease, background .18s ease, transform .18s ease;
}

.choice-button:hover[b-6kaq1p3s0c],
.choice-button:focus-visible[b-6kaq1p3s0c] {
    border-color: rgba(245, 158, 11, 0.55);
    background: rgba(245, 158, 11, 0.12);
    outline: none;
}

.choice-button.selected[b-6kaq1p3s0c] {
    border-color: rgba(252, 217, 141, 0.78);
    background: linear-gradient(180deg, rgba(245, 158, 11, 0.24), rgba(124, 58, 237, 0.16));
    color: #ffffff;
    box-shadow: 0 12px 28px rgba(245, 158, 11, 0.12);
}

.recruit-actions[b-6kaq1p3s0c] {
    display: flex;
    justify-content: center;
    margin-top: 26px;
}

.discover-button[b-6kaq1p3s0c],
.submit-button[b-6kaq1p3s0c] {
    min-height: 48px;
    padding: 12px 24px;
    border: 0;
    border-radius: 999px;
    background: linear-gradient(90deg, #7c3aed, #9333ea);
    color: #ffffff;
    font-weight: 800;
    box-shadow: 0 14px 32px rgba(124, 58, 237, 0.34);
}

.discover-button:disabled[b-6kaq1p3s0c],
.submit-button:disabled[b-6kaq1p3s0c] {
    cursor: not-allowed;
    opacity: .48;
    box-shadow: none;
}

.result-card[b-6kaq1p3s0c] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    gap: 24px;
    align-items: center;
    padding: clamp(24px, 4vw, 44px);
    border-radius: 26px;
    background: rgba(15, 23, 42, 0.88);
    border: 1px solid rgba(252, 217, 141, 0.28);
    box-shadow: 0 24px 70px rgba(0, 0, 0, 0.36);
}

.result-watchers[b-6kaq1p3s0c] {
    border-color: rgba(59, 130, 246, 0.36);
}

.result-scouts[b-6kaq1p3s0c] {
    border-color: rgba(245, 158, 11, 0.40);
}

.result-shadows[b-6kaq1p3s0c] {
    border-color: rgba(124, 58, 237, 0.42);
}

.result-symbol[b-6kaq1p3s0c] {
    display: grid;
    place-items: center;
    width: clamp(86px, 12vw, 126px);
    aspect-ratio: 1;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.07);
    border: 1px solid rgba(255, 255, 255, 0.14);
    font-size: clamp(2.4rem, 5vw, 4rem);
}

.result-symbol img[b-6kaq1p3s0c] {
    display: block;
    width: 78%;
    height: 78%;
    object-fit: contain;
}

.result-card h2[b-6kaq1p3s0c] {
    margin: 0 0 16px;
    color: #ffffff;
    font-size: clamp(2rem, 4.5vw, 3.4rem);
    line-height: 1.08;
}

.result-card p:not(.section-label)[b-6kaq1p3s0c] {
    max-width: 760px;
    color: rgba(255, 255, 255, 0.80);
    font-size: 1.05rem;
    line-height: 1.75;
}

.mixed-profile-note[b-6kaq1p3s0c] {
    margin-bottom: 14px;
    color: #fde68a !important;
    font-weight: 800;
}

.lead-form[b-6kaq1p3s0c] {
    display: grid;
    gap: 18px;
}

.lead-field label[b-6kaq1p3s0c] {
    display: block;
    margin-bottom: 8px;
    color: #111827;
    font-weight: 800;
}

.lead-field .form-control[b-6kaq1p3s0c] {
    min-height: 48px;
    border-radius: 14px;
    border: 1px solid rgba(17, 24, 39, 0.16);
    background: rgba(255, 255, 255, 0.72);
}

.lead-field .form-control:focus[b-6kaq1p3s0c] {
    border-color: rgba(124, 58, 237, 0.52);
    box-shadow: 0 0 0 .2rem rgba(124, 58, 237, 0.14);
}

.validation-message[b-6kaq1p3s0c] {
    margin-top: 6px;
    color: #b91c1c;
    font-weight: 700;
}

.marketing-check[b-6kaq1p3s0c] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    gap: 12px;
    align-items: start;
    color: rgba(17, 24, 39, 0.78);
    line-height: 1.55;
}

.marketing-check input[b-6kaq1p3s0c] {
    width: 18px;
    height: 18px;
    margin-top: 3px;
}

.lead-actions[b-6kaq1p3s0c] {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    align-items: center;
}

.reset-button[b-6kaq1p3s0c] {
    min-height: 48px;
    padding: 12px 22px;
    border-radius: 999px;
    border: 1px solid rgba(17, 24, 39, 0.16);
    background: rgba(255, 255, 255, 0.58);
    color: #111827;
    font-weight: 800;
}

.lead-alert[b-6kaq1p3s0c] {
    padding: 14px 16px;
    border-radius: 16px;
    background: rgba(22, 163, 74, 0.10);
    border: 1px solid rgba(22, 163, 74, 0.32);
    color: #166534;
    font-weight: 800;
    line-height: 1.55;
}

.lead-alert-error[b-6kaq1p3s0c] {
    background: rgba(185, 28, 28, 0.10);
    border-color: rgba(185, 28, 28, 0.30);
    color: #991b1b;
}

@media (max-width: 991.98px) {
    .recruit-briefing[b-6kaq1p3s0c],
    .lead-panel[b-6kaq1p3s0c],
    .question-grid[b-6kaq1p3s0c] {
        grid-template-columns: 1fr;
    }

    .recruit-hero-inner[b-6kaq1p3s0c] {
        min-height: auto;
    }

    .question-card p[b-6kaq1p3s0c] {
        min-height: auto;
    }
}

@media (max-width: 575.98px) {
    .recruit-hero[b-6kaq1p3s0c],
    .recruit-section[b-6kaq1p3s0c] {
        width: calc(100% - 20px);
    }

    .recruit-hero[b-6kaq1p3s0c] {
        padding-top: 16px;
    }

    .recruit-hero-inner[b-6kaq1p3s0c],
    .recruit-briefing[b-6kaq1p3s0c],
    .question-card[b-6kaq1p3s0c],
    .result-card[b-6kaq1p3s0c],
    .lead-panel[b-6kaq1p3s0c] {
        border-radius: 20px;
    }

    .recruit-hero-copy[b-6kaq1p3s0c],
    .question-card[b-6kaq1p3s0c],
    .recruit-briefing[b-6kaq1p3s0c],
    .result-card[b-6kaq1p3s0c],
    .lead-panel[b-6kaq1p3s0c] {
        padding: 22px 18px;
    }

    .result-card[b-6kaq1p3s0c] {
        grid-template-columns: 1fr;
    }

    .result-symbol[b-6kaq1p3s0c] {
        width: 86px;
    }

    .lead-actions[b-6kaq1p3s0c] {
        align-items: stretch;
        flex-direction: column;
    }

    .submit-button[b-6kaq1p3s0c],
    .reset-button[b-6kaq1p3s0c],
    .discover-button[b-6kaq1p3s0c] {
        width: 100%;
    }
}
/* /Components/Pages/Home.razor.rz.scp.css */
.brand-home[b-pvarcndk15] {
    background: radial-gradient(circle at top, rgba(124, 58, 237, 0.18), transparent 32%), linear-gradient(180deg, #0b1220 0%, #111827 45%, #0a1020 100%);
    color: #f8fafc;
    min-height: 100vh;
}

.container[b-pvarcndk15] {
    width: min(1180px, calc(100% - 32px));
    margin: 0 auto;
}

.narrow[b-pvarcndk15] {
    max-width: 820px;
}

.section[b-pvarcndk15] {
    padding: 88px 0;
    position: relative;
}

.section-dark[b-pvarcndk15] {
    background: rgba(255, 255, 255, 0.025);
    border-top: 1px solid rgba(255, 255, 255, 0.05);
    border-bottom: 1px solid rgba(255, 255, 255, 0.05);
}

.eyebrow[b-pvarcndk15] {
    display: inline-block;
    margin-bottom: 14px;
    color: #fbbf24;
    text-transform: uppercase;
    letter-spacing: 0.12em;
    font-size: 0.8rem;
    font-weight: 800;
}

.section-heading[b-pvarcndk15] {
    margin-bottom: 46px;
}

    .section-heading h2[b-pvarcndk15] {
        font-size: clamp(2rem, 3vw, 3rem);
        line-height: 1.08;
        font-weight: 800;
        letter-spacing: -0.03em;
        color: #fff;
        margin-bottom: 16px;
    }

    .section-heading p[b-pvarcndk15],
    .section-text[b-pvarcndk15] {
        color: rgba(255, 255, 255, 0.8);
        font-size: 1.08rem;
        line-height: 1.7;
    }

.text-center[b-pvarcndk15] {
    text-align: center;
}

/* HERO */

.hero-section[b-pvarcndk15] {
    padding: 72px 0 56px;
}

.hero-grid[b-pvarcndk15] {
    display: grid;
    grid-template-columns: 1.15fr 0.85fr;
    gap: 42px;
    align-items: center;
}

.hero-badge[b-pvarcndk15] {
    display: inline-block;
    padding: 8px 14px;
    border-radius: 999px;
    background: rgba(255,255,255,0.07);
    border: 1px solid rgba(255,255,255,0.1);
    color: #dbeafe;
    font-size: 0.92rem;
    font-weight: 700;
    margin-bottom: 18px;
}

.hero-title[b-pvarcndk15] {
    font-size: clamp(2.5rem, 5vw, 4.6rem);
    line-height: 0.98;
    font-weight: 900;
    letter-spacing: -0.04em;
    margin-bottom: 18px;
    color: #fff;
    max-width: 760px;
}

.hero-subtitle[b-pvarcndk15] {
    font-size: 1.15rem;
    line-height: 1.75;
    color: rgba(255,255,255,0.82);
    max-width: 720px;
    margin-bottom: 28px;
}

.hero-actions[b-pvarcndk15],
.cta-actions[b-pvarcndk15] {
    display: flex;
    flex-wrap: wrap;
    gap: 14px;
    margin-bottom: 22px;
}

.hero-meta[b-pvarcndk15] {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

    .hero-meta span[b-pvarcndk15] {
        background: rgba(255,255,255,0.06);
        border: 1px solid rgba(255,255,255,0.08);
        padding: 10px 14px;
        border-radius: 999px;
        color: #e5e7eb;
        font-size: 0.94rem;
    }

.hero-card[b-pvarcndk15] {
    position: relative;
    background: rgba(255,255,255,0.05);
    border: 1px solid rgba(255,255,255,0.08);
    border-radius: 28px;
    overflow: hidden;
    box-shadow: 0 24px 60px rgba(0,0,0,0.35);
}

.hero-image[b-pvarcndk15] {
    width: 100%;
    display: block;
    aspect-ratio: 4 / 5;
    object-fit: cover;
}

.hero-card-overlay[b-pvarcndk15] {
    position: absolute;
    left: 18px;
    right: 18px;
    bottom: 18px;
    background: linear-gradient(180deg, rgba(15, 23, 42, 0.3), rgba(15, 23, 42, 0.88));
    border: 1px solid rgba(255,255,255,0.08);
    border-radius: 20px;
    padding: 18px;
    backdrop-filter: blur(8px);
}

.hero-card-label[b-pvarcndk15] {
    font-size: 1.05rem;
    font-weight: 800;
    color: #fff;
    margin-bottom: 8px;
}

.hero-card-overlay p[b-pvarcndk15] {
    margin: 0;
    color: rgba(255,255,255,0.82);
    line-height: 1.6;
}

/* LAYOUT */

.card-grid[b-pvarcndk15] {
    display: grid;
    grid-template-columns: 1fr;
    gap: 18px;
}

.steps-grid[b-pvarcndk15],
.benefits-grid[b-pvarcndk15],
.reassurance-grid[b-pvarcndk15] {
    display: grid;
    gap: 22px;
}

.steps-grid[b-pvarcndk15] {
    grid-template-columns: repeat(3, 1fr);
}

.benefits-grid[b-pvarcndk15] {
    grid-template-columns: repeat(3, 1fr);
}

.reassurance-grid[b-pvarcndk15] {
    grid-template-columns: repeat(4, 1fr);
}

.adventures-grid[b-pvarcndk15] {
    display: grid;
    grid-template-columns: 1.3fr 1fr 1fr;
    gap: 22px;
    align-items: stretch;
}

/* CARDS */

.info-card[b-pvarcndk15],
.step-card[b-pvarcndk15],
.benefit-card[b-pvarcndk15],
.mini-card[b-pvarcndk15],
.adventure-card[b-pvarcndk15],
.cta-box[b-pvarcndk15] {
    background: rgba(255,255,255,0.05);
    border: 1px solid rgba(255,255,255,0.08);
    border-radius: 24px;
    box-shadow: 0 16px 40px rgba(0,0,0,0.20);
}

.info-card[b-pvarcndk15],
.step-card[b-pvarcndk15],
.benefit-card[b-pvarcndk15],
.mini-card[b-pvarcndk15] {
    padding: 28px;
}

    .info-card h3[b-pvarcndk15],
    .step-card h3[b-pvarcndk15],
    .benefit-card h3[b-pvarcndk15],
    .mini-card h3[b-pvarcndk15],
    .adventure-card h3[b-pvarcndk15] {
        color: #fff;
        font-size: 1.22rem;
        font-weight: 800;
        margin-bottom: 12px;
    }

    .info-card p[b-pvarcndk15],
    .step-card p[b-pvarcndk15],
    .benefit-card p[b-pvarcndk15],
    .mini-card p[b-pvarcndk15],
    .adventure-card p[b-pvarcndk15] {
        color: rgba(255,255,255,0.76);
        line-height: 1.7;
        margin: 0;
    }

.card-icon[b-pvarcndk15] {
    font-size: 1.8rem;
    margin-bottom: 12px;
}

.step-number[b-pvarcndk15] {
    width: 46px;
    height: 46px;
    border-radius: 999px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 18px;
    background: linear-gradient(135deg, #f59e0b, #fbbf24);
    color: #111827;
    font-weight: 900;
}

.adventure-card[b-pvarcndk15] {
    overflow: hidden;
}

    .adventure-card.featured[b-pvarcndk15] {
        display: flex;
        flex-direction: column;
    }

.adventure-image-wrap[b-pvarcndk15] {
    width: 100%;
}

.adventure-image[b-pvarcndk15] {
    width: 100%;
    display: block;
    aspect-ratio: 16 / 10;
    object-fit: cover;
}

.adventure-body[b-pvarcndk15] {
    padding: 24px;
}

.adventure-tag[b-pvarcndk15] {
    display: inline-block;
    margin-bottom: 12px;
    padding: 8px 12px;
    border-radius: 999px;
    background: rgba(251, 191, 36, 0.16);
    color: #fbbf24;
    font-size: 0.82rem;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0.08em;
}

    .adventure-tag.muted[b-pvarcndk15] {
        background: rgba(255,255,255,0.08);
        color: #d1d5db;
    }

.adventure-location[b-pvarcndk15] {
    color: #cbd5e1;
    font-weight: 600;
    margin-bottom: 12px;
}

.cta-section[b-pvarcndk15] {
    padding-bottom: 100px;
}

.cta-box[b-pvarcndk15] {
    padding: 40px 28px;
    background: linear-gradient(180deg, rgba(124, 58, 237, 0.18), rgba(255,255,255,0.04));
}

/* BUTTONS */

.btn[b-pvarcndk15] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    text-decoration: none;
    border-radius: 14px;
    font-weight: 800;
    transition: 0.2s ease;
    cursor: pointer;
    padding: 12px 18px;
}

.btn-lg[b-pvarcndk15] {
    padding: 14px 22px;
    font-size: 1rem;
}

.btn-primary[b-pvarcndk15] {
    background: linear-gradient(90deg, #7c3aed, #9333ea);
    color: #fff;
    border: none;
    box-shadow: 0 12px 28px rgba(124, 58, 237, 0.35);
}

    .btn-primary:hover[b-pvarcndk15] {
        transform: translateY(-1px);
        background: linear-gradient(90deg, #6d28d9, #7e22ce);
        color: #fff;
    }

.btn-warning[b-pvarcndk15] {
    background: linear-gradient(90deg, #f59e0b, #fbbf24);
    color: #111827;
    border: none;
    font-weight: 800;
    margin-top: 18px;
}

    .btn-warning:hover[b-pvarcndk15] {
        transform: translateY(-1px);
        color: #111827;
    }

/* FOOTER HIDE */

footer[b-pvarcndk15] {
    display: none;
}

/* RESPONSIVE */

@media (max-width: 1100px) {
    .hero-grid[b-pvarcndk15],
    .adventures-grid[b-pvarcndk15] {
        grid-template-columns: 1fr;
    }

    .steps-grid[b-pvarcndk15],
    .benefits-grid[b-pvarcndk15] {
        grid-template-columns: 1fr;
    }

    .reassurance-grid[b-pvarcndk15] {
        grid-template-columns: repeat(2, 1fr);
    }

    .hero-image[b-pvarcndk15] {
        aspect-ratio: 16 / 10;
    }
}

@media (max-width: 768px) {
    .section[b-pvarcndk15] {
        padding: 68px 0;
    }

    .hero-section[b-pvarcndk15] {
        padding-top: 40px;
    }

    .hero-title[b-pvarcndk15] {
        font-size: 2.35rem;
    }

    .hero-subtitle[b-pvarcndk15],
    .section-heading p[b-pvarcndk15],
    .section-text[b-pvarcndk15] {
        font-size: 1rem;
    }

    .hero-actions[b-pvarcndk15],
    .cta-actions[b-pvarcndk15] {
        flex-direction: column;
        align-items: stretch;
    }

    .btn[b-pvarcndk15],
    .btn-lg[b-pvarcndk15] {
        width: 100%;
    }

    .reassurance-grid[b-pvarcndk15] {
        grid-template-columns: 1fr;
    }

    .info-card[b-pvarcndk15],
    .step-card[b-pvarcndk15],
    .benefit-card[b-pvarcndk15],
    .mini-card[b-pvarcndk15],
    .adventure-body[b-pvarcndk15],
    .cta-box[b-pvarcndk15] {
        padding: 22px;
    }
}

.text-gradient[b-pvarcndk15] {
    background: linear-gradient(90deg, #f59e0b, #facc15, #fde68a);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

@media (max-width: 768px) {
    .hero-card-overlay[b-pvarcndk15] {
        position: relative;
        left: auto;
        right: auto;
        bottom: auto;
        margin: 0;
        border-radius: 0 0 24px 24px;
        background: rgba(15, 23, 42, 0.95);
        backdrop-filter: none;
    }

    .hero-card[b-pvarcndk15] {
        display: flex;
        flex-direction: column;
    }

    .hero-image[b-pvarcndk15] {
        aspect-ratio: 4 / 5;
        object-position: center top;
    }
}

.btn-instagram[b-pvarcndk15] {
    position: relative;
    overflow: hidden;
    color: #f8fafc;
    border: 1px solid rgba(255,255,255,0.14);
    background: rgba(255,255,255,0.055);
    box-shadow: 0 12px 28px rgba(0,0,0,0.22);
    backdrop-filter: blur(8px);
}

    .btn-instagram[b-pvarcndk15]::after {
        content: "";
        width: 8px;
        height: 8px;
        border-radius: 999px;
        background: linear-gradient(135deg, #833ab4, #fd1d1d, #fcb045);
        box-shadow: 0 0 14px rgba(253, 29, 29, 0.55);
    }

    .btn-instagram:hover[b-pvarcndk15] {
        color: #fff;
        background: rgba(255,255,255,0.09);
        border-color: rgba(255,255,255,0.22);
        transform: translateY(-1px);
        box-shadow: 0 16px 34px rgba(0,0,0,0.32);
    }

.insta-icon[b-pvarcndk15] {
    font-size: 1.15rem;
    line-height: 1;
    opacity: 0.95;
}

/* REVIEWS */

.reviews-grid[b-pvarcndk15] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 22px;
}

.review-card[b-pvarcndk15] {
    background: rgba(255,255,255,0.05);
    border: 1px solid rgba(255,255,255,0.08);
    border-radius: 24px;
    padding: 28px;
    box-shadow: 0 16px 40px rgba(0,0,0,0.20);
}

.review-stars[b-pvarcndk15] {
    color: #fbbf24;
    font-size: 1.1rem;
    letter-spacing: 2px;
    margin-bottom: 16px;
}

.review-text[b-pvarcndk15] {
    color: rgba(255,255,255,0.82);
    line-height: 1.8;
    font-size: 1rem;
    margin-bottom: 18px;
}

.review-author[b-pvarcndk15] {
    color: #cbd5e1;
    font-weight: 700;
    font-size: 0.95rem;
}

/* SOCIAL LINKS */

.social-links[b-pvarcndk15] {
    margin-top: 36px;
    display: flex;
    justify-content: center;
    gap: 16px;
    flex-wrap: wrap;
}

.social-link[b-pvarcndk15] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 12px 18px;
    border-radius: 14px;
    text-decoration: none;
    font-weight: 700;
    transition: 0.2s ease;
}

    .social-link.instagram[b-pvarcndk15] {
        background: linear-gradient(135deg, #833ab4, #fd1d1d, #fcb045);
        color: #fff;
    }

    .social-link.facebook[b-pvarcndk15] {
        background: #1877f2;
        color: #fff;
    }

    .social-link:hover[b-pvarcndk15] {
        transform: translateY(-2px);
        opacity: 0.95;
    }

@media (max-width: 768px) {

    .reviews-grid[b-pvarcndk15] {
        grid-template-columns: 1fr;
    }
}
/* /Components/Pages/Legal/Cgv.razor.rz.scp.css */
.legal-page[b-fd9pk5bbfg] {
    min-height: 100vh;
    background: radial-gradient(circle at top, rgba(201, 169, 110, 0.12), transparent 30%), linear-gradient(180deg, #0e141b 0%, #121b24 100%);
    color: #e9edf2;
    padding-bottom: 60px;
}

.legal-hero[b-fd9pk5bbfg] {
    padding: 56px 20px 28px;
    border-bottom: 1px solid rgba(255,255,255,0.08);
    background: linear-gradient(180deg, rgba(255,255,255,0.04), rgba(255,255,255,0));
}

.legal-container[b-fd9pk5bbfg] {
    width: min(1100px, calc(100% - 32px));
    margin: 0 auto;
}

.legal-kicker[b-fd9pk5bbfg] {
    margin: 0 0 10px 0;
    text-transform: uppercase;
    letter-spacing: .18em;
    font-size: .78rem;
    color: #c9a96e;
    font-weight: 700;
}

.legal-hero h1[b-fd9pk5bbfg] {
    margin: 0;
    font-size: clamp(2rem, 4vw, 3.2rem);
    line-height: 1.08;
    color: #fff;
}

.legal-subtitle[b-fd9pk5bbfg] {
    margin-top: 12px;
    color: #b8c2cc;
    font-size: 1rem;
}

.legal-card[b-fd9pk5bbfg] {
    margin-top: 28px;
    background: rgba(16, 24, 33, 0.88);
    border: 1px solid rgba(255,255,255,0.08);
    border-radius: 24px;
    padding: 28px;
    box-shadow: 0 18px 40px rgba(0,0,0,.28);
    backdrop-filter: blur(8px);
}

.legal-section + .legal-section[b-fd9pk5bbfg] {
    margin-top: 32px;
    padding-top: 28px;
    border-top: 1px solid rgba(255,255,255,0.08);
}

.legal-section h2[b-fd9pk5bbfg] {
    margin: 0 0 14px 0;
    font-size: 1.28rem;
    line-height: 1.3;
    color: #fff;
}

.legal-section p[b-fd9pk5bbfg],
.legal-section li[b-fd9pk5bbfg] {
    color: #d6dde5;
    line-height: 1.75;
    font-size: 1rem;
}

.legal-section ul[b-fd9pk5bbfg] {
    margin: 12px 0 0 20px;
    padding: 0;
}

.legal-section a[b-fd9pk5bbfg] {
    color: #d9b67a;
    text-decoration: none;
}

    .legal-section a:hover[b-fd9pk5bbfg] {
        text-decoration: underline;
    }

@media (max-width: 768px) {
    .legal-card[b-fd9pk5bbfg] {
        padding: 20px;
        border-radius: 18px;
    }

    .legal-hero[b-fd9pk5bbfg] {
        padding-top: 40px;
        padding-bottom: 20px;
    }

    .legal-section h2[b-fd9pk5bbfg] {
        font-size: 1.12rem;
    }
}
/* /Components/Pages/Legal/Confidentialité.razor.rz.scp.css */
.legal-page[b-wp28zfg1xi] {
    min-height: 100vh;
    background: radial-gradient(circle at top, rgba(201, 169, 110, 0.12), transparent 30%), linear-gradient(180deg, #0e141b 0%, #121b24 100%);
    color: #e9edf2;
    padding-bottom: 60px;
}

.legal-hero[b-wp28zfg1xi] {
    padding: 56px 20px 28px;
    border-bottom: 1px solid rgba(255,255,255,0.08);
}

.legal-container[b-wp28zfg1xi] {
    width: min(1100px, calc(100% - 32px));
    margin: 0 auto;
}

.legal-kicker[b-wp28zfg1xi] {
    text-transform: uppercase;
    letter-spacing: .18em;
    font-size: .78rem;
    color: #c9a96e;
    font-weight: 700;
}

.legal-hero h1[b-wp28zfg1xi] {
    font-size: clamp(2rem, 4vw, 3rem);
    color: #fff;
}

.legal-card[b-wp28zfg1xi] {
    margin-top: 28px;
    background: rgba(16, 24, 33, 0.9);
    border-radius: 20px;
    padding: 28px;
    border: 1px solid rgba(255,255,255,0.08);
}

.legal-section + .legal-section[b-wp28zfg1xi] {
    margin-top: 28px;
    padding-top: 24px;
    border-top: 1px solid rgba(255,255,255,0.08);
}

.legal-section h2[b-wp28zfg1xi] {
    color: #fff;
    margin-bottom: 12px;
}

.legal-section p[b-wp28zfg1xi],
.legal-section li[b-wp28zfg1xi] {
    color: #d6dde5;
    line-height: 1.7;
}

.legal-section a[b-wp28zfg1xi] {
    color: #d9b67a;
}
/* /Components/Pages/Payment.razor.rz.scp.css */
.payment-page[b-1rr5zplusl] {
    position: relative;
    min-height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 3rem 1.25rem;
    overflow: hidden;
    background: radial-gradient(circle at top, rgba(201, 168, 97, 0.14), transparent 30%), linear-gradient(180deg, #0d1117 0%, #131a22 45%, #0b0f14 100%);
}

.payment-overlay[b-1rr5zplusl] {
    position: absolute;
    inset: 0;
    pointer-events: none;
    background: linear-gradient(rgba(10, 14, 19, 0.25), rgba(10, 14, 19, 0.55)), url('/images/noise.png');
    opacity: 0.28;
}

.payment-card[b-1rr5zplusl] {
    position: relative;
    z-index: 1;
    width: min(760px, 100%);
    border-radius: 28px;
    overflow: hidden;
    border: 1px solid rgba(255, 255, 255, 0.08);
    background: linear-gradient(180deg, rgba(24, 31, 40, 0.96), rgba(15, 20, 27, 0.96));
    box-shadow: 0 30px 80px rgba(0, 0, 0, 0.45), inset 0 1px 0 rgba(255, 255, 255, 0.06);
}

    .payment-card[b-1rr5zplusl]::before {
        content: "";
        position: absolute;
        inset: 0 0 auto 0;
        height: 5px;
        background: #6c757d;
    }

.payment-card-inner[b-1rr5zplusl] {
    padding: 3rem 2rem;
    text-align: center;
}

.payment-icon[b-1rr5zplusl] {
    font-size: 3rem;
    line-height: 1;
    margin-bottom: 1rem;
}

.payment-kicker[b-1rr5zplusl] {
    margin: 0 0 0.75rem;
    font-size: 0.82rem;
    font-weight: 700;
    letter-spacing: 0.18em;
    text-transform: uppercase;
    color: #c9a861;
}

.payment-card h1[b-1rr5zplusl] {
    margin: 0 0 1rem;
    font-size: clamp(2rem, 4vw, 2.8rem);
    line-height: 1.1;
    font-weight: 800;
    color: #f5f1e8;
}

.payment-text[b-1rr5zplusl] {
    max-width: 560px;
    margin: 0 auto;
    font-size: 1.05rem;
    line-height: 1.75;
    color: rgba(245, 241, 232, 0.82);
}

.payment-ref-box[b-1rr5zplusl] {
    width: fit-content;
    max-width: 100%;
    margin: 1.75rem auto 0;
    padding: 0.9rem 1.1rem;
    border-radius: 16px;
    background: rgba(255, 255, 255, 0.04);
    border: 1px solid rgba(201, 168, 97, 0.22);
    color: #f5f1e8;
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
}

.payment-ref-label[b-1rr5zplusl] {
    font-size: 0.78rem;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: rgba(201, 168, 97, 0.88);
}

.payment-actions[b-1rr5zplusl] {
    margin-top: 2rem;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 1rem;
}

.payment-btn[b-1rr5zplusl] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 52px;
    padding: 0.95rem 1.4rem;
    border-radius: 14px;
    font-weight: 700;
    font-size: 0.98rem;
    text-decoration: none;
    transition: transform 0.2s ease, box-shadow 0.2s ease, background 0.2s ease, border-color 0.2s ease;
}

    .payment-btn:hover[b-1rr5zplusl] {
        transform: translateY(-2px);
        text-decoration: none;
    }

.payment-btn-primary[b-1rr5zplusl] {
    color: #16110a;
    background: linear-gradient(135deg, #d6b36a, #f0d38d);
    box-shadow: 0 12px 30px rgba(201, 168, 97, 0.28);
}

    .payment-btn-primary:hover[b-1rr5zplusl] {
        color: #16110a;
        box-shadow: 0 16px 34px rgba(201, 168, 97, 0.35);
    }

.payment-btn-secondary[b-1rr5zplusl] {
    color: #f5f1e8;
    background: rgba(255, 255, 255, 0.04);
    border: 1px solid rgba(255, 255, 255, 0.12);
}

    .payment-btn-secondary:hover[b-1rr5zplusl] {
        color: #ffffff;
        background: rgba(255, 255, 255, 0.08);
        border-color: rgba(201, 168, 97, 0.4);
    }

.payment-success[b-1rr5zplusl]::before {
    background: linear-gradient(90deg, #2fb36d, #6ee7a8);
}

.payment-canceled[b-1rr5zplusl]::before {
    background: linear-gradient(90deg, #d17b20, #ffbe6b);
}

.payment-unknown[b-1rr5zplusl]::before {
    background: linear-gradient(90deg, #6c757d, #adb5bd);
}

@media (max-width: 768px) {
    .payment-page[b-1rr5zplusl] {
        padding: 2rem 1rem;
    }

    .payment-card-inner[b-1rr5zplusl] {
        padding: 2.2rem 1.25rem;
    }

    .payment-text[b-1rr5zplusl] {
        font-size: 1rem;
        line-height: 1.65;
    }

    .payment-btn[b-1rr5zplusl] {
        width: 100%;
    }
}
/* /Components/Pages/Persona/Alea.razor.rz.scp.css */
.alea-page[b-vwd89hxbxs],
.alea-page *[b-vwd89hxbxs] {
    box-sizing: border-box;
}

.alea-page[b-vwd89hxbxs] {
    position: relative;
    overflow-x: hidden;
    min-height: 100vh;
    padding-bottom: 56px;
    background: radial-gradient(circle at top left, rgba(124, 58, 237, 0.18), transparent 28%), radial-gradient(circle at top right, rgba(245, 158, 11, 0.14), transparent 24%), linear-gradient(180deg, #0b1120 0%, #0f172a 45%, #111827 100%);
    color: #f8fafc;
}

.background-glow[b-vwd89hxbxs] {
    position: absolute;
    border-radius: 50%;
    filter: blur(90px);
    pointer-events: none;
    opacity: 0.45;
}

.background-glow-1[b-vwd89hxbxs] {
    width: 340px;
    height: 340px;
    top: 160px;
    left: -90px;
    background: rgba(124, 58, 237, 0.22);
}

.background-glow-2[b-vwd89hxbxs] {
    width: 300px;
    height: 300px;
    top: 620px;
    right: -80px;
    background: rgba(245, 158, 11, 0.16);
}

.alea-hero[b-vwd89hxbxs],
.alea-section[b-vwd89hxbxs] {
    position: relative;
    z-index: 1;
    width: min(1280px, calc(100% - 32px));
    margin: 0 auto;
}

.alea-hero[b-vwd89hxbxs] {
    padding: 48px 0 32px;
}

.hero-inner[b-vwd89hxbxs] {
    display: grid;
    grid-template-columns: minmax(0, 1.05fr) minmax(0, .95fr);
    align-items: stretch;
    gap: 0;
    overflow: hidden;
    border-radius: 32px;
    background: linear-gradient(90deg, rgba(15, 23, 42, 0.96) 0%, rgba(15, 23, 42, 0.82) 45%, rgba(15, 23, 42, 0.22) 100%), url('/images/alea/ruines-bg.webp') center/cover no-repeat;
    border: 1px solid rgba(255,255,255,0.08);
    box-shadow: 0 24px 70px rgba(0,0,0,0.35);
}

.hero-copy[b-vwd89hxbxs] {
    padding: clamp(28px, 5vw, 56px);
    align-self: center;
}

.hero-badge[b-vwd89hxbxs] {
    display: inline-flex;
    padding: 10px 18px;
    border-radius: 999px;
    border: 1px solid rgba(245, 158, 11, 0.42);
    background: rgba(245, 158, 11, 0.10);
    color: #fde68a;
    font-size: .8rem;
    font-weight: 800;
    letter-spacing: .08em;
    text-transform: uppercase;
    margin-bottom: 26px;
}

.hero-copy h1[b-vwd89hxbxs] {
    font-size: clamp(2.7rem, 6vw, 5.8rem);
    line-height: 1;
    font-weight: 900;
    margin: 0 0 26px;
    letter-spacing: -0.05em;
}

    .hero-copy h1 span[b-vwd89hxbxs] {
        color: #fcd98d;
    }

.hero-copy p[b-vwd89hxbxs] {
    max-width: 620px;
    font-size: 1.15rem;
    line-height: 1.8;
    color: rgba(255,255,255,0.86);
}

.hero-image[b-vwd89hxbxs] {
    min-height: 520px;
}

    .hero-image img[b-vwd89hxbxs] {
        width: 100%;
        height: 100%;
        display: block;
        object-fit: cover;
        object-position: center bottom;
    }

.alea-section[b-vwd89hxbxs] {
    margin-top: 28px;
}

.light-card[b-vwd89hxbxs] {
    background: radial-gradient(circle at top left, rgba(245, 158, 11, 0.10), transparent 26%), linear-gradient(180deg, #fffaf0 0%, #fff7e8 100%);
    color: #111827;
    border: 1px solid rgba(245, 158, 11, 0.28);
    box-shadow: 0 20px 60px rgba(0,0,0,0.22);
}

.story-card[b-vwd89hxbxs] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(260px, .62fr) minmax(0, 1fr);
    gap: 34px;
    padding: clamp(24px, 4vw, 42px);
    border-radius: 24px;
}

.section-label[b-vwd89hxbxs] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 22px;
    color: #92400e;
    font-weight: 900;
    font-size: 1.35rem;
    letter-spacing: -0.03em;
}

    .section-label[b-vwd89hxbxs]::before {
        content: "✦";
        display: inline-grid;
        place-items: center;
        width: 34px;
        height: 34px;
        flex: 0 0 34px;
        border-radius: 50%;
        background: rgba(245, 158, 11, 0.18);
        color: #b45309;
        font-size: .9rem;
    }

    .section-label.purple[b-vwd89hxbxs] {
        color: #7c3aed;
    }

        .section-label.purple[b-vwd89hxbxs]::before {
            background: rgba(124, 58, 237, 0.14);
            color: #7c3aed;
        }

.story-column p[b-vwd89hxbxs],
.experience-card p[b-vwd89hxbxs],
.profile-card p[b-vwd89hxbxs] {
    font-size: 1rem;
    line-height: 1.75;
    color: rgba(17,24,39,0.82);
}

.alert-note[b-vwd89hxbxs] {
    margin: 22px 0;
    padding: 18px 20px;
    border-radius: 16px;
    background: rgba(245, 158, 11, 0.16);
    border: 1px solid rgba(245, 158, 11, 0.24);
    color: #713f12;
    font-weight: 700;
    line-height: 1.6;
}

.quote-column[b-vwd89hxbxs] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 24px;
    text-align: center;
    border-left: 1px solid rgba(17,24,39,0.10);
    border-right: 1px solid rgba(17,24,39,0.10);
}

.big-quote[b-vwd89hxbxs] {
    font-size: 5rem;
    line-height: .6;
    color: #d6a13d;
    font-family: Georgia, serif;
}

.quote-column p[b-vwd89hxbxs] {
    font-size: clamp(1.25rem, 2vw, 1.55rem);
    line-height: 1.35;
    font-weight: 800;
    color: #111827;
    font-family: Georgia, serif;
}

.quote-column span[b-vwd89hxbxs] {
    width: 64px;
    height: 2px;
    background: #d6a13d;
    margin-top: 18px;
}

.mini-clues[b-vwd89hxbxs] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 12px;
    margin: 22px 0;
}

    .mini-clues div[b-vwd89hxbxs] {
        padding: 14px;
        border-radius: 14px;
        border: 1px solid rgba(17,24,39,0.10);
        background: rgba(255,255,255,0.55);
        font-size: .9rem;
        font-weight: 700;
        text-align: center;
    }

.profile-grid[b-vwd89hxbxs] {
    display: grid;
    grid-template-columns: minmax(0, .95fr) minmax(0, 1.05fr);
    gap: 28px;
}

.profile-photo[b-vwd89hxbxs],
.profile-card[b-vwd89hxbxs] {
    border-radius: 24px;
    overflow: hidden;
    box-shadow: 0 20px 60px rgba(0,0,0,0.24);
}

    .profile-photo img[b-vwd89hxbxs] {
        width: 100%;
        height: 100%;
        min-height: 520px;
        display: block;
        object-fit: cover;
    }

.profile-card[b-vwd89hxbxs] {
    padding: clamp(26px, 4vw, 42px);
    background: rgba(15, 23, 42, 0.72);
    border: 1px solid rgba(124, 58, 237, 0.38);
    backdrop-filter: blur(10px);
}

    .profile-card h2[b-vwd89hxbxs] {
        margin: 0 0 22px;
        font-size: clamp(2rem, 4vw, 3.2rem);
        line-height: 1.08;
        letter-spacing: -0.05em;
        color: #ffffff;
    }

    .profile-card p[b-vwd89hxbxs] {
        color: rgba(255,255,255,0.78);
    }

.profile-list[b-vwd89hxbxs] {
    display: flex;
    flex-direction: column;
    gap: 12px;
    margin-top: 28px;
}

    .profile-list div[b-vwd89hxbxs] {
        display: flex;
        gap: 14px;
        align-items: flex-start;
        padding: 14px 16px;
        border-radius: 14px;
        background: rgba(255,255,255,0.04);
        border: 1px solid rgba(255,255,255,0.12);
        color: rgba(255,255,255,0.90);
        font-weight: 600;
        line-height: 1.45;
    }

    .profile-list span[b-vwd89hxbxs] {
        display: inline-grid;
        place-items: center;
        width: 34px;
        height: 34px;
        flex: 0 0 34px;
        border-radius: 50%;
        background: rgba(245, 158, 11, 0.12);
        border: 1px solid rgba(245, 158, 11, 0.28);
    }

.experience-card[b-vwd89hxbxs] {
    display: grid;
    grid-template-columns: minmax(0, .9fr) minmax(0, 1fr) minmax(0, .75fr);
    gap: 34px;
    align-items: center;
    padding: clamp(24px, 4vw, 42px);
    border-radius: 24px;
}

    .experience-card h2[b-vwd89hxbxs] {
        margin: 0;
        font-size: clamp(2rem, 4vw, 3.1rem);
        line-height: 1.08;
        letter-spacing: -0.05em;
        color: #111827;
    }

.alea-btn[b-vwd89hxbxs] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-top: 22px;
    padding: 15px 28px;
    border-radius: 14px;
    background: linear-gradient(135deg, #7c3aed, #5b21b6);
    color: #ffffff;
    text-decoration: none;
    font-weight: 800;
    box-shadow: 0 12px 28px rgba(124, 58, 237, 0.35);
}

    .alea-btn:hover[b-vwd89hxbxs] {
        color: #ffffff;
    }

.experience-card blockquote[b-vwd89hxbxs] {
    margin: 0;
    padding-left: 24px;
    border-left: 3px solid #7c3aed;
    color: #6d28d9;
    font-size: clamp(1.2rem, 2vw, 1.45rem);
    line-height: 1.45;
    font-weight: 800;
    font-family: Georgia, serif;
}

@media (max-width: 991.98px) {
    .hero-inner[b-vwd89hxbxs],
    .story-card[b-vwd89hxbxs],
    .profile-grid[b-vwd89hxbxs],
    .experience-card[b-vwd89hxbxs] {
        grid-template-columns: 1fr;
    }

    .hero-inner[b-vwd89hxbxs] {
        min-height: auto;
    }

    .hero-copy[b-vwd89hxbxs] {
        padding: 36px 28px 20px;
    }

    .hero-image[b-vwd89hxbxs] {
        min-height: 420px;
    }

    .quote-column[b-vwd89hxbxs] {
        border-left: none;
        border-right: none;
        border-top: 1px solid rgba(17,24,39,0.10);
        border-bottom: 1px solid rgba(17,24,39,0.10);
    }

    .mini-clues[b-vwd89hxbxs] {
        grid-template-columns: 1fr;
    }

    .profile-photo img[b-vwd89hxbxs] {
        min-height: 420px;
        max-height: 520px;
    }
}

@media (max-width: 575.98px) {
    .alea-hero[b-vwd89hxbxs],
    .alea-section[b-vwd89hxbxs] {
        width: calc(100% - 20px);
    }

    .alea-hero[b-vwd89hxbxs] {
        padding-top: 16px;
    }

    .hero-inner[b-vwd89hxbxs],
    .story-card[b-vwd89hxbxs],
    .profile-photo[b-vwd89hxbxs],
    .profile-card[b-vwd89hxbxs],
    .experience-card[b-vwd89hxbxs] {
        border-radius: 20px;
    }

    .hero-copy[b-vwd89hxbxs] {
        padding: 28px 20px 18px;
    }

    .hero-badge[b-vwd89hxbxs] {
        font-size: .68rem;
        padding: 8px 12px;
        line-height: 1.3;
    }

    .hero-copy h1[b-vwd89hxbxs] {
        font-size: clamp(2.3rem, 13vw, 3rem);
    }

    .hero-copy p[b-vwd89hxbxs] {
        font-size: 1rem;
        line-height: 1.65;
    }

    .hero-image[b-vwd89hxbxs] {
        min-height: 320px;
    }

    .story-card[b-vwd89hxbxs],
    .profile-card[b-vwd89hxbxs],
    .experience-card[b-vwd89hxbxs] {
        padding: 24px 18px;
    }

    .section-label[b-vwd89hxbxs] {
        font-size: 1.1rem;
    }

    .profile-photo img[b-vwd89hxbxs] {
        min-height: 340px;
    }

    .profile-list div[b-vwd89hxbxs] {
        font-size: .95rem;
    }

    .alea-btn[b-vwd89hxbxs] {
        width: 100%;
    }
}
/* /Components/Pages/Story/OrderOfTheTomb/Episode10/Step10.razor.rz.scp.css */
.quiz-page[b-yd5sps8p90] {
    position: relative;
    max-width: 1040px;
    margin: 0 auto;
    padding: 46px 20px 64px;
    color: #fff;
}

.quiz-page[b-yd5sps8p90]::before {
    content: "";
    position: fixed;
    inset: 0;
    pointer-events: none;
    background:
        radial-gradient(circle at 20% 10%, rgba(251, 191, 36, 0.12), transparent 30%),
        radial-gradient(circle at 80% 0%, rgba(120, 53, 15, 0.18), transparent 28%),
        linear-gradient(180deg, rgba(5, 8, 15, 0.15), rgba(5, 8, 15, 0.75));
    z-index: -1;
}

/* HERO */
.quiz-hero[b-yd5sps8p90] {
    text-align: center;
    margin-bottom: 34px;
}

.quiz-kicker[b-yd5sps8p90] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0.4rem 0.9rem;
    border: 1px solid rgba(251, 191, 36, 0.35);
    border-radius: 999px;
    background: rgba(251, 191, 36, 0.08);
    color: #fbbf24;
    text-transform: uppercase;
    letter-spacing: 1.8px;
    font-size: 0.78rem;
    font-weight: 700;
    margin-bottom: 1rem;
}

.quiz-title[b-yd5sps8p90] {
    font-family: 'Cinzel', serif;
    font-size: clamp(2.15rem, 6vw, 4.5rem);
    line-height: 1.05;
    letter-spacing: 1px;
    margin: 0 0 1rem;
    color: #fff;
    text-shadow: 0 18px 45px rgba(0,0,0,0.55);
}

.quiz-title span[b-yd5sps8p90] {
    color: #fbbf24;
}

.quiz-subtitle[b-yd5sps8p90] {
    max-width: 760px;
    margin: 0 auto;
    color: rgba(255,255,255,0.74);
    font-size: 1.08rem;
    line-height: 1.8;
}

/* INTRO */
.quiz-intro-card[b-yd5sps8p90],
.quiz-start-card[b-yd5sps8p90] {
    background:
        linear-gradient(135deg, rgba(255,255,255,0.085), rgba(255,255,255,0.035)),
        rgba(12, 15, 22, 0.72);
    border: 1px solid rgba(255,255,255,0.11);
    border-radius: 28px;
    box-shadow: 0 24px 70px rgba(0,0,0,0.34);
    backdrop-filter: blur(10px);
}

.quiz-intro-card[b-yd5sps8p90] {
    padding: 28px;
    overflow: hidden;
}

.quiz-intro-grid[b-yd5sps8p90] {
    display: grid;
    grid-template-columns: minmax(0, 1.1fr) minmax(280px, 0.9fr);
    gap: 28px;
    align-items: stretch;
}

.quiz-intro-text[b-yd5sps8p90] {
    border-left: 3px solid rgba(251, 191, 36, 0.55);
    padding-left: 1.2rem;
    line-height: 1.9;
    color: rgba(255,255,255,0.88);
    font-size: 1.03rem;
}

.story-label[b-yd5sps8p90] {
    font-size: 0.82rem;
    letter-spacing: 1.2px;
    color: #9ca3af;
    margin-bottom: 12px;
    text-transform: uppercase;
    font-weight: 700;
}

.quiz-warning[b-yd5sps8p90] {
    margin-top: 1.2rem;
    color: #fbbf24;
    font-weight: 700;
}

/* FAUX DOSSIER */
.quiz-file[b-yd5sps8p90] {
    display: flex;
    flex-direction: column;
    min-height: 100%;
    border-radius: 22px;
    overflow: hidden;
    border: 1px solid rgba(251, 191, 36, 0.18);
    background:
        linear-gradient(145deg, rgba(30, 24, 18, 0.92), rgba(10, 13, 20, 0.95));
    box-shadow: inset 0 0 0 1px rgba(255,255,255,0.04);
}

.file-top[b-yd5sps8p90] {
    display: flex;
    gap: 8px;
    padding: 14px 16px;
    border-bottom: 1px solid rgba(255,255,255,0.08);
    background: rgba(255,255,255,0.04);
}

.file-top span[b-yd5sps8p90] {
    width: 9px;
    height: 9px;
    border-radius: 999px;
    background: rgba(251, 191, 36, 0.65);
}

.file-content[b-yd5sps8p90] {
    padding: 24px;
}

.file-label[b-yd5sps8p90] {
    color: rgba(255,255,255,0.46);
    text-transform: uppercase;
    letter-spacing: 1.5px;
    font-size: 0.72rem;
    margin-bottom: 8px;
}

.file-content h2[b-yd5sps8p90] {
    font-family: 'Cinzel', serif;
    font-size: 1.65rem;
    margin-bottom: 18px;
}

.character-list[b-yd5sps8p90] {
    list-style: none;
    padding: 0;
    margin: 0;
}

.character-list li[b-yd5sps8p90] {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 13px 0;
    border-top: 1px solid rgba(255,255,255,0.08);
    color: rgba(255,255,255,0.86);
}

.character-list span[b-yd5sps8p90] {
    display: inline-flex;
    width: 34px;
    height: 34px;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: rgba(251, 191, 36, 0.11);
    color: #fbbf24;
    font-weight: 800;
    font-size: 0.78rem;
}

/* RULES */
.quiz-rules[b-yd5sps8p90] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 18px;
    margin: 24px 0;
}

.rule-card[b-yd5sps8p90] {
    padding: 22px;
    border-radius: 22px;
    background: rgba(255,255,255,0.055);
    border: 1px solid rgba(255,255,255,0.09);
    box-shadow: 0 14px 38px rgba(0,0,0,0.22);
}

.rule-icon[b-yd5sps8p90] {
    font-size: 1.45rem;
    margin-bottom: 10px;
}

.rule-card h3[b-yd5sps8p90] {
    font-family: 'Cinzel', serif;
    font-size: 1.1rem;
    margin-bottom: 8px;
}

.rule-card p[b-yd5sps8p90] {
    margin: 0;
    color: rgba(255,255,255,0.68);
    line-height: 1.65;
}

/* CTA */
.quiz-start-card[b-yd5sps8p90] {
    text-align: center;
    padding: 30px 22px;
}

.final-line[b-yd5sps8p90] {
    margin-bottom: 18px;
    color: rgba(255,255,255,0.82);
    font-size: 1.12rem;
}

.btn-quiz-start[b-yd5sps8p90] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 48px;
    padding: 0.8rem 1.35rem;
    border-radius: 999px;
    background: linear-gradient(135deg, #fbbf24, #b45309);
    color: #14100a;
    text-decoration: none;
    font-weight: 900;
    letter-spacing: 0.4px;
    box-shadow: 0 14px 35px rgba(251, 191, 36, 0.22);
    transition: transform 0.18s ease, box-shadow 0.18s ease;
}

.btn-quiz-start:hover[b-yd5sps8p90] {
    color: #14100a;
    transform: translateY(-2px);
    box-shadow: 0 18px 42px rgba(251, 191, 36, 0.30);
}

/* MOBILE */
@media (max-width: 860px) {
    .quiz-page[b-yd5sps8p90] {
        padding: 32px 14px 46px;
    }

    .quiz-intro-grid[b-yd5sps8p90],
    .quiz-rules[b-yd5sps8p90] {
        grid-template-columns: 1fr;
    }

    .quiz-intro-card[b-yd5sps8p90] {
        padding: 20px;
        border-radius: 22px;
    }

    .quiz-intro-text[b-yd5sps8p90] {
        padding-left: 1rem;
    }

    .rule-card[b-yd5sps8p90] {
        padding: 19px;
    }
}

@media (max-width: 520px) {
    .quiz-title[b-yd5sps8p90] {
        letter-spacing: 0;
    }

    .quiz-subtitle[b-yd5sps8p90] {
        font-size: 1rem;
    }

    .file-content[b-yd5sps8p90] {
        padding: 20px;
    }

    .character-list li[b-yd5sps8p90] {
        align-items: flex-start;
    }

    .btn-quiz-start[b-yd5sps8p90] {
        width: 100%;
    }
}
/* /Components/Pages/Story/OrderOfTheTomb/Episode10/Step10a.razor.rz.scp.css */
.lucien-quiz-page[b-1t8tqoat8w] {
    position: relative;
    max-width: 1060px;
    margin: 0 auto;
    padding: 46px 20px 70px;
    color: #fff;
}

.lucien-quiz-page[b-1t8tqoat8w]::before {
    content: "";
    position: fixed;
    inset: 0;
    pointer-events: none;
    background:
        radial-gradient(circle at 18% 8%, rgba(251, 191, 36, 0.13), transparent 30%),
        radial-gradient(circle at 82% 3%, rgba(127, 29, 29, 0.20), transparent 30%),
        linear-gradient(180deg, rgba(5, 8, 15, 0.10), rgba(5, 8, 15, 0.82));
    z-index: -1;
}

/* HERO */
.lucien-hero[b-1t8tqoat8w] {
    text-align: center;
    margin-bottom: 34px;
}

.quiz-kicker[b-1t8tqoat8w] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0.42rem 0.95rem;
    border: 1px solid rgba(251, 191, 36, 0.35);
    border-radius: 999px;
    background: rgba(251, 191, 36, 0.08);
    color: #fbbf24;
    text-transform: uppercase;
    letter-spacing: 1.8px;
    font-size: 0.78rem;
    font-weight: 800;
    margin-bottom: 1rem;
}

.quiz-title[b-1t8tqoat8w] {
    font-family: 'Cinzel', serif;
    font-size: clamp(2.25rem, 6vw, 4.65rem);
    line-height: 1.03;
    letter-spacing: 1px;
    margin: 0 0 1rem;
    color: #fff;
    text-shadow: 0 18px 45px rgba(0,0,0,0.58);
}

.quiz-title span[b-1t8tqoat8w] {
    color: #fbbf24;
}

.quiz-subtitle[b-1t8tqoat8w] {
    max-width: 790px;
    margin: 0 auto;
    color: rgba(255,255,255,0.75);
    font-size: 1.08rem;
    line-height: 1.8;
}

/* CASE INTRO */
.lucien-case-card[b-1t8tqoat8w],
.question-card[b-1t8tqoat8w] {
    background:
        linear-gradient(135deg, rgba(255,255,255,0.085), rgba(255,255,255,0.035)),
        rgba(12, 15, 22, 0.76);
    border: 1px solid rgba(255,255,255,0.11);
    border-radius: 28px;
    box-shadow: 0 24px 70px rgba(0,0,0,0.36);
    backdrop-filter: blur(10px);
}

.lucien-case-card[b-1t8tqoat8w] {
    padding: 28px;
    overflow: hidden;
    margin-bottom: 26px;
}

.case-grid[b-1t8tqoat8w] {
    display: grid;
    grid-template-columns: minmax(0, 1.1fr) minmax(280px, 0.9fr);
    gap: 28px;
    align-items: stretch;
}

.case-story[b-1t8tqoat8w] {
    border-left: 3px solid rgba(251, 191, 36, 0.58);
    padding-left: 1.25rem;
    line-height: 1.9;
    color: rgba(255,255,255,0.89);
    font-size: 1.03rem;
}

.story-label[b-1t8tqoat8w] {
    font-size: 0.82rem;
    letter-spacing: 1.2px;
    color: #9ca3af;
    margin-bottom: 12px;
    text-transform: uppercase;
    font-weight: 800;
}

.danger-line[b-1t8tqoat8w] {
    color: #fbbf24;
    font-weight: 800;
}

/* IDENTITY FILE */
.identity-file[b-1t8tqoat8w] {
    display: flex;
    flex-direction: column;
    min-height: 100%;
    border-radius: 22px;
    overflow: hidden;
    border: 1px solid rgba(251, 191, 36, 0.18);
    background:
        linear-gradient(145deg, rgba(31, 24, 18, 0.94), rgba(9, 12, 19, 0.96));
    box-shadow: inset 0 0 0 1px rgba(255,255,255,0.04);
}

.file-top[b-1t8tqoat8w] {
    display: flex;
    gap: 8px;
    padding: 14px 16px;
    border-bottom: 1px solid rgba(255,255,255,0.08);
    background: rgba(255,255,255,0.04);
}

.file-top span[b-1t8tqoat8w] {
    width: 9px;
    height: 9px;
    border-radius: 999px;
    background: rgba(251, 191, 36, 0.68);
}

.file-content[b-1t8tqoat8w] {
    padding: 24px;
}

.file-label[b-1t8tqoat8w] {
    color: rgba(255,255,255,0.46);
    text-transform: uppercase;
    letter-spacing: 1.5px;
    font-size: 0.72rem;
    margin-bottom: 8px;
}

.file-content h2[b-1t8tqoat8w] {
    font-family: 'Cinzel', serif;
    font-size: 1.75rem;
    margin: 0 0 20px;
}

.identity-row[b-1t8tqoat8w] {
    display: grid;
    gap: 4px;
    padding: 14px 0;
    border-top: 1px solid rgba(255,255,255,0.08);
}

.identity-row span[b-1t8tqoat8w] {
    color: rgba(255,255,255,0.48);
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 0.72rem;
    font-weight: 800;
}

.identity-row strong[b-1t8tqoat8w] {
    color: rgba(255,255,255,0.92);
    font-size: 0.98rem;
}

/* QUESTION */
.question-card[b-1t8tqoat8w] {
    position: relative;
    padding: 30px;
    overflow: hidden;
}

.question-card[b-1t8tqoat8w]::before {
    content: "";
    position: absolute;
    inset: 0;
    background:
        linear-gradient(90deg, rgba(251, 191, 36, 0.08), transparent 34%),
        radial-gradient(circle at 92% 12%, rgba(251, 191, 36, 0.12), transparent 22%);
    pointer-events: none;
}

.question-header[b-1t8tqoat8w],
.question-intro[b-1t8tqoat8w],
.answers-grid[b-1t8tqoat8w],
.quiz-feedback[b-1t8tqoat8w],
.quiz-actions[b-1t8tqoat8w] {
    position: relative;
}

.question-header[b-1t8tqoat8w] {
    display: flex;
    justify-content: space-between;
    gap: 18px;
    align-items: flex-start;
    margin-bottom: 16px;
}

.question-step[b-1t8tqoat8w] {
    color: #fbbf24;
    text-transform: uppercase;
    letter-spacing: 1.5px;
    font-size: 0.76rem;
    font-weight: 900;
    margin-bottom: 8px;
}

.question-header h2[b-1t8tqoat8w] {
    font-family: 'Cinzel', serif;
    font-size: clamp(1.55rem, 4vw, 2.35rem);
    line-height: 1.2;
    margin: 0;
}

.question-badge[b-1t8tqoat8w] {
    flex: 0 0 auto;
    border: 1px solid rgba(251, 191, 36, 0.25);
    background: rgba(251, 191, 36, 0.08);
    color: #fbbf24;
    border-radius: 999px;
    padding: 0.5rem 0.85rem;
    font-size: 0.86rem;
    font-weight: 800;
}

.question-intro[b-1t8tqoat8w] {
    color: rgba(255,255,255,0.68);
    line-height: 1.7;
    margin-bottom: 20px;
}

/* ANSWERS */
.answers-grid[b-1t8tqoat8w] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 14px;
}

.answer-card[b-1t8tqoat8w] {
    display: flex;
    align-items: flex-start;
    gap: 13px;
    width: 100%;
    min-height: 106px;
    padding: 17px;
    text-align: left;
    border-radius: 20px;
    border: 1px solid rgba(255,255,255,0.10);
    background: rgba(255,255,255,0.055);
    color: rgba(255,255,255,0.86);
    cursor: pointer;
    transition: transform 0.18s ease, border-color 0.18s ease, background 0.18s ease, box-shadow 0.18s ease;
}

.answer-card:hover[b-1t8tqoat8w] {
    transform: translateY(-2px);
    border-color: rgba(251, 191, 36, 0.34);
    background: rgba(255,255,255,0.085);
    box-shadow: 0 16px 38px rgba(0,0,0,0.24);
}

.answer-card.selected[b-1t8tqoat8w] {
    border-color: rgba(251, 191, 36, 0.72);
    background: rgba(251, 191, 36, 0.10);
}

.answer-card.correct[b-1t8tqoat8w] {
    border-color: rgba(34, 197, 94, 0.72);
    background: rgba(34, 197, 94, 0.12);
}

.answer-card.wrong[b-1t8tqoat8w] {
    border-color: rgba(239, 68, 68, 0.78);
    background: rgba(127, 29, 29, 0.24);
}

.answer-letter[b-1t8tqoat8w] {
    display: inline-flex;
    flex: 0 0 34px;
    width: 34px;
    height: 34px;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: rgba(251, 191, 36, 0.12);
    color: #fbbf24;
    font-weight: 950;
}

.answer-text[b-1t8tqoat8w] {
    line-height: 1.55;
}

/* FEEDBACK + ACTIONS */
.quiz-feedback[b-1t8tqoat8w] {
    margin-top: 18px;
    padding: 16px 18px;
    border-radius: 18px;
    border: 1px solid rgba(255,255,255,0.12);
    background: rgba(255,255,255,0.06);
    line-height: 1.65;
    color: rgba(255,255,255,0.86);
}

.quiz-feedback.success[b-1t8tqoat8w] {
    border-color: rgba(34, 197, 94, 0.45);
    background: rgba(34, 197, 94, 0.11);
}

.quiz-feedback.error[b-1t8tqoat8w] {
    border-color: rgba(239, 68, 68, 0.45);
    background: rgba(127, 29, 29, 0.20);
}

.quiz-feedback.warning[b-1t8tqoat8w] {
    border-color: rgba(251, 191, 36, 0.45);
    background: rgba(251, 191, 36, 0.10);
    color: #fbbf24;
}

.quiz-actions[b-1t8tqoat8w] {
    display: flex;
    gap: 12px;
    flex-wrap: wrap;
    margin-top: 22px;
}

.btn-validate[b-1t8tqoat8w],
.btn-next[b-1t8tqoat8w] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 48px;
    padding: 0.82rem 1.25rem;
    border-radius: 999px;
    text-decoration: none;
    font-weight: 900;
    letter-spacing: 0.3px;
    transition: transform 0.18s ease, box-shadow 0.18s ease, background 0.18s ease;
}

.btn-validate[b-1t8tqoat8w] {
    border: 1px solid rgba(251, 191, 36, 0.38);
    background: linear-gradient(135deg, #fbbf24, #b45309);
    color: #14100a;
    box-shadow: 0 14px 35px rgba(251, 191, 36, 0.22);
}

.btn-next[b-1t8tqoat8w] {
    border: 1px solid rgba(255,255,255,0.14);
    background: rgba(255,255,255,0.08);
    color: #fff;
}

.btn-validate:hover[b-1t8tqoat8w],
.btn-next:hover[b-1t8tqoat8w] {
    transform: translateY(-2px);
}

.btn-validate:hover[b-1t8tqoat8w] {
    color: #14100a;
    box-shadow: 0 18px 42px rgba(251, 191, 36, 0.30);
}

.btn-next:hover[b-1t8tqoat8w] {
    color: #fff;
    background: rgba(255,255,255,0.13);
}

/* MOBILE */
@media (max-width: 860px) {
    .lucien-quiz-page[b-1t8tqoat8w] {
        padding: 32px 14px 48px;
    }

    .case-grid[b-1t8tqoat8w],
    .answers-grid[b-1t8tqoat8w] {
        grid-template-columns: 1fr;
    }

    .lucien-case-card[b-1t8tqoat8w],
    .question-card[b-1t8tqoat8w] {
        padding: 21px;
        border-radius: 22px;
    }

    .case-story[b-1t8tqoat8w] {
        padding-left: 1rem;
    }

    .question-header[b-1t8tqoat8w] {
        flex-direction: column;
    }

    .answer-card[b-1t8tqoat8w] {
        min-height: auto;
    }
}

@media (max-width: 520px) {
    .quiz-title[b-1t8tqoat8w] {
        letter-spacing: 0;
    }

    .quiz-subtitle[b-1t8tqoat8w] {
        font-size: 1rem;
    }

    .file-content[b-1t8tqoat8w] {
        padding: 20px;
    }

    .quiz-actions[b-1t8tqoat8w],
    .btn-validate[b-1t8tqoat8w],
    .btn-next[b-1t8tqoat8w] {
        width: 100%;
    }
}


/* PORTRAIT */
.portrait-wrapper[b-1t8tqoat8w] {
    margin-bottom: 34px;
}

.portrait-card[b-1t8tqoat8w] {
    position: relative;
    overflow: hidden;
    border-radius: 30px;
    border: 1px solid rgba(255,255,255,0.10);
    background: linear-gradient(135deg, rgba(255,255,255,0.06), rgba(255,255,255,0.02)), rgba(8, 10, 16, 0.88);
    box-shadow: 0 28px 80px rgba(0,0,0,0.42);
}

.portrait-image[b-1t8tqoat8w] {
    position: relative;
    aspect-ratio: 16 / 7;
    min-height: 320px;
}

.portrait-image[b-1t8tqoat8w]::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(to top, rgba(5, 8, 15, 0.92), rgba(5, 8, 15, 0.15)), linear-gradient(to right, rgba(5, 8, 15, 0.45), transparent 55%);
}

.portrait-image img[b-1t8tqoat8w] {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}
/* /Components/Pages/Story/OrderOfTheTomb/Episode10/Step10b.razor.rz.scp.css */
.honore-quiz-page[b-unn9lo66y2] {
    position: relative;
    max-width: 1060px;
    margin: 0 auto;
    padding: 46px 20px 70px;
    color: #fff;
}

.honore-quiz-page[b-unn9lo66y2]::before {
    content: "";
    position: fixed;
    inset: 0;
    pointer-events: none;
    background:
        radial-gradient(circle at 18% 8%, rgba(251, 191, 36, 0.13), transparent 30%),
        radial-gradient(circle at 82% 3%, rgba(127, 29, 29, 0.20), transparent 30%),
        linear-gradient(180deg, rgba(5, 8, 15, 0.10), rgba(5, 8, 15, 0.82));
    z-index: -1;
}

/* HERO */
.honore-hero[b-unn9lo66y2] {
    text-align: center;
    margin-bottom: 34px;
}

.quiz-kicker[b-unn9lo66y2] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0.42rem 0.95rem;
    border: 1px solid rgba(251, 191, 36, 0.35);
    border-radius: 999px;
    background: rgba(251, 191, 36, 0.08);
    color: #fbbf24;
    text-transform: uppercase;
    letter-spacing: 1.8px;
    font-size: 0.78rem;
    font-weight: 800;
    margin-bottom: 1rem;
}

.quiz-title[b-unn9lo66y2] {
    font-family: 'Cinzel', serif;
    font-size: clamp(2.25rem, 6vw, 4.65rem);
    line-height: 1.03;
    letter-spacing: 1px;
    margin: 0 0 1rem;
    color: #fff;
    text-shadow: 0 18px 45px rgba(0,0,0,0.58);
}

.quiz-title span[b-unn9lo66y2] {
    color: #fbbf24;
}

.quiz-subtitle[b-unn9lo66y2] {
    max-width: 790px;
    margin: 0 auto;
    color: rgba(255,255,255,0.75);
    font-size: 1.08rem;
    line-height: 1.8;
}

/* CASE INTRO */
.honore-case-card[b-unn9lo66y2],
.question-card[b-unn9lo66y2] {
    background:
        linear-gradient(135deg, rgba(255,255,255,0.085), rgba(255,255,255,0.035)),
        rgba(12, 15, 22, 0.76);
    border: 1px solid rgba(255,255,255,0.11);
    border-radius: 28px;
    box-shadow: 0 24px 70px rgba(0,0,0,0.36);
    backdrop-filter: blur(10px);
}

.honore-case-card[b-unn9lo66y2] {
    padding: 28px;
    overflow: hidden;
    margin-bottom: 26px;
}

.case-grid[b-unn9lo66y2] {
    display: grid;
    grid-template-columns: minmax(0, 1.1fr) minmax(280px, 0.9fr);
    gap: 28px;
    align-items: stretch;
}

.case-story[b-unn9lo66y2] {
    border-left: 3px solid rgba(251, 191, 36, 0.58);
    padding-left: 1.25rem;
    line-height: 1.9;
    color: rgba(255,255,255,0.89);
    font-size: 1.03rem;
}

.story-label[b-unn9lo66y2] {
    font-size: 0.82rem;
    letter-spacing: 1.2px;
    color: #9ca3af;
    margin-bottom: 12px;
    text-transform: uppercase;
    font-weight: 800;
}

.danger-line[b-unn9lo66y2] {
    color: #fbbf24;
    font-weight: 800;
}

/* IDENTITY FILE */
.identity-file[b-unn9lo66y2] {
    display: flex;
    flex-direction: column;
    min-height: 100%;
    border-radius: 22px;
    overflow: hidden;
    border: 1px solid rgba(251, 191, 36, 0.18);
    background:
        linear-gradient(145deg, rgba(31, 24, 18, 0.94), rgba(9, 12, 19, 0.96));
    box-shadow: inset 0 0 0 1px rgba(255,255,255,0.04);
}

.file-top[b-unn9lo66y2] {
    display: flex;
    gap: 8px;
    padding: 14px 16px;
    border-bottom: 1px solid rgba(255,255,255,0.08);
    background: rgba(255,255,255,0.04);
}

.file-top span[b-unn9lo66y2] {
    width: 9px;
    height: 9px;
    border-radius: 999px;
    background: rgba(251, 191, 36, 0.68);
}

.file-content[b-unn9lo66y2] {
    padding: 24px;
}

.file-label[b-unn9lo66y2] {
    color: rgba(255,255,255,0.46);
    text-transform: uppercase;
    letter-spacing: 1.5px;
    font-size: 0.72rem;
    margin-bottom: 8px;
}

.file-content h2[b-unn9lo66y2] {
    font-family: 'Cinzel', serif;
    font-size: 1.75rem;
    margin: 0 0 20px;
}

.identity-row[b-unn9lo66y2] {
    display: grid;
    gap: 4px;
    padding: 14px 0;
    border-top: 1px solid rgba(255,255,255,0.08);
}

.identity-row span[b-unn9lo66y2] {
    color: rgba(255,255,255,0.48);
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 0.72rem;
    font-weight: 800;
}

.identity-row strong[b-unn9lo66y2] {
    color: rgba(255,255,255,0.92);
    font-size: 0.98rem;
}

/* QUESTION */
.question-card[b-unn9lo66y2] {
    position: relative;
    padding: 30px;
    overflow: hidden;
}

.question-card[b-unn9lo66y2]::before {
    content: "";
    position: absolute;
    inset: 0;
    background:
        linear-gradient(90deg, rgba(251, 191, 36, 0.08), transparent 34%),
        radial-gradient(circle at 92% 12%, rgba(251, 191, 36, 0.12), transparent 22%);
    pointer-events: none;
}

.question-header[b-unn9lo66y2],
.question-intro[b-unn9lo66y2],
.answers-grid[b-unn9lo66y2],
.quiz-feedback[b-unn9lo66y2],
.quiz-actions[b-unn9lo66y2] {
    position: relative;
}

.question-header[b-unn9lo66y2] {
    display: flex;
    justify-content: space-between;
    gap: 18px;
    align-items: flex-start;
    margin-bottom: 16px;
}

.question-step[b-unn9lo66y2] {
    color: #fbbf24;
    text-transform: uppercase;
    letter-spacing: 1.5px;
    font-size: 0.76rem;
    font-weight: 900;
    margin-bottom: 8px;
}

.question-header h2[b-unn9lo66y2] {
    font-family: 'Cinzel', serif;
    font-size: clamp(1.55rem, 4vw, 2.35rem);
    line-height: 1.2;
    margin: 0;
}

.question-badge[b-unn9lo66y2] {
    flex: 0 0 auto;
    border: 1px solid rgba(251, 191, 36, 0.25);
    background: rgba(251, 191, 36, 0.08);
    color: #fbbf24;
    border-radius: 999px;
    padding: 0.5rem 0.85rem;
    font-size: 0.86rem;
    font-weight: 800;
}

.question-intro[b-unn9lo66y2] {
    color: rgba(255,255,255,0.68);
    line-height: 1.7;
    margin-bottom: 20px;
}

/* ANSWERS */
.answers-grid[b-unn9lo66y2] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 14px;
}

.answer-card[b-unn9lo66y2] {
    display: flex;
    align-items: flex-start;
    gap: 13px;
    width: 100%;
    min-height: 106px;
    padding: 17px;
    text-align: left;
    border-radius: 20px;
    border: 1px solid rgba(255,255,255,0.10);
    background: rgba(255,255,255,0.055);
    color: rgba(255,255,255,0.86);
    cursor: pointer;
    transition: transform 0.18s ease, border-color 0.18s ease, background 0.18s ease, box-shadow 0.18s ease;
}

.answer-card:hover[b-unn9lo66y2] {
    transform: translateY(-2px);
    border-color: rgba(251, 191, 36, 0.34);
    background: rgba(255,255,255,0.085);
    box-shadow: 0 16px 38px rgba(0,0,0,0.24);
}

.answer-card.selected[b-unn9lo66y2] {
    border-color: rgba(251, 191, 36, 0.72);
    background: rgba(251, 191, 36, 0.10);
}

.answer-card.correct[b-unn9lo66y2] {
    border-color: rgba(34, 197, 94, 0.72);
    background: rgba(34, 197, 94, 0.12);
}

.answer-card.wrong[b-unn9lo66y2] {
    border-color: rgba(239, 68, 68, 0.78);
    background: rgba(127, 29, 29, 0.24);
}

.answer-letter[b-unn9lo66y2] {
    display: inline-flex;
    flex: 0 0 34px;
    width: 34px;
    height: 34px;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: rgba(251, 191, 36, 0.12);
    color: #fbbf24;
    font-weight: 950;
}

.answer-text[b-unn9lo66y2] {
    line-height: 1.55;
}

/* FEEDBACK + ACTIONS */
.quiz-feedback[b-unn9lo66y2] {
    margin-top: 18px;
    padding: 16px 18px;
    border-radius: 18px;
    border: 1px solid rgba(255,255,255,0.12);
    background: rgba(255,255,255,0.06);
    line-height: 1.65;
    color: rgba(255,255,255,0.86);
}

.quiz-feedback.success[b-unn9lo66y2] {
    border-color: rgba(34, 197, 94, 0.45);
    background: rgba(34, 197, 94, 0.11);
}

.quiz-feedback.error[b-unn9lo66y2] {
    border-color: rgba(239, 68, 68, 0.45);
    background: rgba(127, 29, 29, 0.20);
}

.quiz-feedback.warning[b-unn9lo66y2] {
    border-color: rgba(251, 191, 36, 0.45);
    background: rgba(251, 191, 36, 0.10);
    color: #fbbf24;
}

.quiz-actions[b-unn9lo66y2] {
    display: flex;
    gap: 12px;
    flex-wrap: wrap;
    margin-top: 22px;
}

.btn-validate[b-unn9lo66y2],
.btn-next[b-unn9lo66y2] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 48px;
    padding: 0.82rem 1.25rem;
    border-radius: 999px;
    text-decoration: none;
    font-weight: 900;
    letter-spacing: 0.3px;
    transition: transform 0.18s ease, box-shadow 0.18s ease, background 0.18s ease;
}

.btn-validate[b-unn9lo66y2] {
    border: 1px solid rgba(251, 191, 36, 0.38);
    background: linear-gradient(135deg, #fbbf24, #b45309);
    color: #14100a;
    box-shadow: 0 14px 35px rgba(251, 191, 36, 0.22);
}

.btn-next[b-unn9lo66y2] {
    border: 1px solid rgba(255,255,255,0.14);
    background: rgba(255,255,255,0.08);
    color: #fff;
}

.btn-validate:hover[b-unn9lo66y2],
.btn-next:hover[b-unn9lo66y2] {
    transform: translateY(-2px);
}

.btn-validate:hover[b-unn9lo66y2] {
    color: #14100a;
    box-shadow: 0 18px 42px rgba(251, 191, 36, 0.30);
}

.btn-next:hover[b-unn9lo66y2] {
    color: #fff;
    background: rgba(255,255,255,0.13);
}

/* MOBILE */
@media (max-width: 860px) {
    .honore-quiz-page[b-unn9lo66y2] {
        padding: 32px 14px 48px;
    }

    .case-grid[b-unn9lo66y2],
    .answers-grid[b-unn9lo66y2] {
        grid-template-columns: 1fr;
    }

    .honore-case-card[b-unn9lo66y2],
    .question-card[b-unn9lo66y2] {
        padding: 21px;
        border-radius: 22px;
    }

    .case-story[b-unn9lo66y2] {
        padding-left: 1rem;
    }

    .question-header[b-unn9lo66y2] {
        flex-direction: column;
    }

    .answer-card[b-unn9lo66y2] {
        min-height: auto;
    }
}

@media (max-width: 520px) {
    .quiz-title[b-unn9lo66y2] {
        letter-spacing: 0;
    }

    .quiz-subtitle[b-unn9lo66y2] {
        font-size: 1rem;
    }

    .file-content[b-unn9lo66y2] {
        padding: 20px;
    }

    .quiz-actions[b-unn9lo66y2],
    .btn-validate[b-unn9lo66y2],
    .btn-next[b-unn9lo66y2] {
        width: 100%;
    }
}


/* PORTRAIT */
.portrait-wrapper[b-unn9lo66y2] {
    margin-bottom: 34px;
}

.portrait-card[b-unn9lo66y2] {
    position: relative;
    overflow: hidden;
    border-radius: 30px;
    border: 1px solid rgba(255,255,255,0.10);
    background: linear-gradient(135deg, rgba(255,255,255,0.06), rgba(255,255,255,0.02)), rgba(8, 10, 16, 0.88);
    box-shadow: 0 28px 80px rgba(0,0,0,0.42);
}

.portrait-image[b-unn9lo66y2] {
    position: relative;
    aspect-ratio: 7 / 7;
    min-height: 320px;
}

    .portrait-image[b-unn9lo66y2]::after {
        content: "";
        position: absolute;
        inset: 0;
        background: linear-gradient(to top, rgba(5, 8, 15, 0.92), rgba(5, 8, 15, 0.15)), linear-gradient(to right, rgba(5, 8, 15, 0.45), transparent 55%);
    }

    .portrait-image img[b-unn9lo66y2] {
        width: 100%;
        height: 100%;
        object-fit: cover;
        display: block;
    }

.historical-note[b-unn9lo66y2] {
    margin-top: 1.4rem;
    padding: 1rem 1.2rem;
    border-left: 4px solid #c9a24a;
    background: rgba(201, 162, 74, 0.10);
    color: #f3e7c8;
    font-size: 0.95rem;
    line-height: 1.65;
    border-radius: 0 14px 14px 0;
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.25);
}

    .historical-note strong[b-unn9lo66y2] {
        color: #f6d27a;
    }

@media (max-width: 768px) {
    .historical-note[b-unn9lo66y2] {
        padding: 0.9rem 1rem;
        font-size: 0.9rem;
        line-height: 1.55;
    }
}
/* /Components/Pages/Story/OrderOfTheTomb/Episode10/Step10c.razor.rz.scp.css */
.honore-quiz-page[b-o4yrjjsmrk] {
    position: relative;
    max-width: 1060px;
    margin: 0 auto;
    padding: 46px 20px 70px;
    color: #fff;
}

.honore-quiz-page[b-o4yrjjsmrk]::before {
    content: "";
    position: fixed;
    inset: 0;
    pointer-events: none;
    background:
        radial-gradient(circle at 18% 8%, rgba(251, 191, 36, 0.13), transparent 30%),
        radial-gradient(circle at 82% 3%, rgba(127, 29, 29, 0.20), transparent 30%),
        linear-gradient(180deg, rgba(5, 8, 15, 0.10), rgba(5, 8, 15, 0.82));
    z-index: -1;
}

/* HERO */
.honore-hero[b-o4yrjjsmrk] {
    text-align: center;
    margin-bottom: 34px;
}

.quiz-kicker[b-o4yrjjsmrk] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0.42rem 0.95rem;
    border: 1px solid rgba(251, 191, 36, 0.35);
    border-radius: 999px;
    background: rgba(251, 191, 36, 0.08);
    color: #fbbf24;
    text-transform: uppercase;
    letter-spacing: 1.8px;
    font-size: 0.78rem;
    font-weight: 800;
    margin-bottom: 1rem;
}

.quiz-title[b-o4yrjjsmrk] {
    font-family: 'Cinzel', serif;
    font-size: clamp(2.25rem, 6vw, 4.65rem);
    line-height: 1.03;
    letter-spacing: 1px;
    margin: 0 0 1rem;
    color: #fff;
    text-shadow: 0 18px 45px rgba(0,0,0,0.58);
}

.quiz-title span[b-o4yrjjsmrk] {
    color: #fbbf24;
}

.quiz-subtitle[b-o4yrjjsmrk] {
    max-width: 790px;
    margin: 0 auto;
    color: rgba(255,255,255,0.75);
    font-size: 1.08rem;
    line-height: 1.8;
}

/* CASE INTRO */
.honore-case-card[b-o4yrjjsmrk],
.question-card[b-o4yrjjsmrk] {
    background:
        linear-gradient(135deg, rgba(255,255,255,0.085), rgba(255,255,255,0.035)),
        rgba(12, 15, 22, 0.76);
    border: 1px solid rgba(255,255,255,0.11);
    border-radius: 28px;
    box-shadow: 0 24px 70px rgba(0,0,0,0.36);
    backdrop-filter: blur(10px);
}

.honore-case-card[b-o4yrjjsmrk] {
    padding: 28px;
    overflow: hidden;
    margin-bottom: 26px;
}

.case-grid[b-o4yrjjsmrk] {
    display: grid;
    grid-template-columns: minmax(0, 1.1fr) minmax(280px, 0.9fr);
    gap: 28px;
    align-items: stretch;
}

.case-story[b-o4yrjjsmrk] {
    border-left: 3px solid rgba(251, 191, 36, 0.58);
    padding-left: 1.25rem;
    line-height: 1.9;
    color: rgba(255,255,255,0.89);
    font-size: 1.03rem;
}

.story-label[b-o4yrjjsmrk] {
    font-size: 0.82rem;
    letter-spacing: 1.2px;
    color: #9ca3af;
    margin-bottom: 12px;
    text-transform: uppercase;
    font-weight: 800;
}

.danger-line[b-o4yrjjsmrk] {
    color: #fbbf24;
    font-weight: 800;
}

/* IDENTITY FILE */
.identity-file[b-o4yrjjsmrk] {
    display: flex;
    flex-direction: column;
    min-height: 100%;
    border-radius: 22px;
    overflow: hidden;
    border: 1px solid rgba(251, 191, 36, 0.18);
    background:
        linear-gradient(145deg, rgba(31, 24, 18, 0.94), rgba(9, 12, 19, 0.96));
    box-shadow: inset 0 0 0 1px rgba(255,255,255,0.04);
}

.file-top[b-o4yrjjsmrk] {
    display: flex;
    gap: 8px;
    padding: 14px 16px;
    border-bottom: 1px solid rgba(255,255,255,0.08);
    background: rgba(255,255,255,0.04);
}

.file-top span[b-o4yrjjsmrk] {
    width: 9px;
    height: 9px;
    border-radius: 999px;
    background: rgba(251, 191, 36, 0.68);
}

.file-content[b-o4yrjjsmrk] {
    padding: 24px;
}

.file-label[b-o4yrjjsmrk] {
    color: rgba(255,255,255,0.46);
    text-transform: uppercase;
    letter-spacing: 1.5px;
    font-size: 0.72rem;
    margin-bottom: 8px;
}

.file-content h2[b-o4yrjjsmrk] {
    font-family: 'Cinzel', serif;
    font-size: 1.75rem;
    margin: 0 0 20px;
}

.identity-row[b-o4yrjjsmrk] {
    display: grid;
    gap: 4px;
    padding: 14px 0;
    border-top: 1px solid rgba(255,255,255,0.08);
}

.identity-row span[b-o4yrjjsmrk] {
    color: rgba(255,255,255,0.48);
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 0.72rem;
    font-weight: 800;
}

.identity-row strong[b-o4yrjjsmrk] {
    color: rgba(255,255,255,0.92);
    font-size: 0.98rem;
}

/* QUESTION */
.question-card[b-o4yrjjsmrk] {
    position: relative;
    padding: 30px;
    overflow: hidden;
}

.question-card[b-o4yrjjsmrk]::before {
    content: "";
    position: absolute;
    inset: 0;
    background:
        linear-gradient(90deg, rgba(251, 191, 36, 0.08), transparent 34%),
        radial-gradient(circle at 92% 12%, rgba(251, 191, 36, 0.12), transparent 22%);
    pointer-events: none;
}

.question-header[b-o4yrjjsmrk],
.question-intro[b-o4yrjjsmrk],
.answers-grid[b-o4yrjjsmrk],
.quiz-feedback[b-o4yrjjsmrk],
.quiz-actions[b-o4yrjjsmrk] {
    position: relative;
}

.question-header[b-o4yrjjsmrk] {
    display: flex;
    justify-content: space-between;
    gap: 18px;
    align-items: flex-start;
    margin-bottom: 16px;
}

.question-step[b-o4yrjjsmrk] {
    color: #fbbf24;
    text-transform: uppercase;
    letter-spacing: 1.5px;
    font-size: 0.76rem;
    font-weight: 900;
    margin-bottom: 8px;
}

.question-header h2[b-o4yrjjsmrk] {
    font-family: 'Cinzel', serif;
    font-size: clamp(1.55rem, 4vw, 2.35rem);
    line-height: 1.2;
    margin: 0;
}

.question-badge[b-o4yrjjsmrk] {
    flex: 0 0 auto;
    border: 1px solid rgba(251, 191, 36, 0.25);
    background: rgba(251, 191, 36, 0.08);
    color: #fbbf24;
    border-radius: 999px;
    padding: 0.5rem 0.85rem;
    font-size: 0.86rem;
    font-weight: 800;
}

.question-intro[b-o4yrjjsmrk] {
    color: rgba(255,255,255,0.68);
    line-height: 1.7;
    margin-bottom: 20px;
}

/* ANSWERS */
.answers-grid[b-o4yrjjsmrk] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 14px;
}

.answer-card[b-o4yrjjsmrk] {
    display: flex;
    align-items: flex-start;
    gap: 13px;
    width: 100%;
    min-height: 106px;
    padding: 17px;
    text-align: left;
    border-radius: 20px;
    border: 1px solid rgba(255,255,255,0.10);
    background: rgba(255,255,255,0.055);
    color: rgba(255,255,255,0.86);
    cursor: pointer;
    transition: transform 0.18s ease, border-color 0.18s ease, background 0.18s ease, box-shadow 0.18s ease;
}

.answer-card:hover[b-o4yrjjsmrk] {
    transform: translateY(-2px);
    border-color: rgba(251, 191, 36, 0.34);
    background: rgba(255,255,255,0.085);
    box-shadow: 0 16px 38px rgba(0,0,0,0.24);
}

.answer-card.selected[b-o4yrjjsmrk] {
    border-color: rgba(251, 191, 36, 0.72);
    background: rgba(251, 191, 36, 0.10);
}

.answer-card.correct[b-o4yrjjsmrk] {
    border-color: rgba(34, 197, 94, 0.72);
    background: rgba(34, 197, 94, 0.12);
}

.answer-card.wrong[b-o4yrjjsmrk] {
    border-color: rgba(239, 68, 68, 0.78);
    background: rgba(127, 29, 29, 0.24);
}

.answer-letter[b-o4yrjjsmrk] {
    display: inline-flex;
    flex: 0 0 34px;
    width: 34px;
    height: 34px;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: rgba(251, 191, 36, 0.12);
    color: #fbbf24;
    font-weight: 950;
}

.answer-text[b-o4yrjjsmrk] {
    line-height: 1.55;
}

/* FEEDBACK + ACTIONS */
.quiz-feedback[b-o4yrjjsmrk] {
    margin-top: 18px;
    padding: 16px 18px;
    border-radius: 18px;
    border: 1px solid rgba(255,255,255,0.12);
    background: rgba(255,255,255,0.06);
    line-height: 1.65;
    color: rgba(255,255,255,0.86);
}

.quiz-feedback.success[b-o4yrjjsmrk] {
    border-color: rgba(34, 197, 94, 0.45);
    background: rgba(34, 197, 94, 0.11);
}

.quiz-feedback.error[b-o4yrjjsmrk] {
    border-color: rgba(239, 68, 68, 0.45);
    background: rgba(127, 29, 29, 0.20);
}

.quiz-feedback.warning[b-o4yrjjsmrk] {
    border-color: rgba(251, 191, 36, 0.45);
    background: rgba(251, 191, 36, 0.10);
    color: #fbbf24;
}

.quiz-actions[b-o4yrjjsmrk] {
    display: flex;
    gap: 12px;
    flex-wrap: wrap;
    margin-top: 22px;
}

.btn-validate[b-o4yrjjsmrk],
.btn-next[b-o4yrjjsmrk] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 48px;
    padding: 0.82rem 1.25rem;
    border-radius: 999px;
    text-decoration: none;
    font-weight: 900;
    letter-spacing: 0.3px;
    transition: transform 0.18s ease, box-shadow 0.18s ease, background 0.18s ease;
}

.btn-validate[b-o4yrjjsmrk] {
    border: 1px solid rgba(251, 191, 36, 0.38);
    background: linear-gradient(135deg, #fbbf24, #b45309);
    color: #14100a;
    box-shadow: 0 14px 35px rgba(251, 191, 36, 0.22);
}

.btn-next[b-o4yrjjsmrk] {
    border: 1px solid rgba(255,255,255,0.14);
    background: rgba(255,255,255,0.08);
    color: #fff;
}

.btn-validate:hover[b-o4yrjjsmrk],
.btn-next:hover[b-o4yrjjsmrk] {
    transform: translateY(-2px);
}

.btn-validate:hover[b-o4yrjjsmrk] {
    color: #14100a;
    box-shadow: 0 18px 42px rgba(251, 191, 36, 0.30);
}

.btn-next:hover[b-o4yrjjsmrk] {
    color: #fff;
    background: rgba(255,255,255,0.13);
}

/* MOBILE */
@media (max-width: 860px) {
    .honore-quiz-page[b-o4yrjjsmrk] {
        padding: 32px 14px 48px;
    }

    .case-grid[b-o4yrjjsmrk],
    .answers-grid[b-o4yrjjsmrk] {
        grid-template-columns: 1fr;
    }

    .honore-case-card[b-o4yrjjsmrk],
    .question-card[b-o4yrjjsmrk] {
        padding: 21px;
        border-radius: 22px;
    }

    .case-story[b-o4yrjjsmrk] {
        padding-left: 1rem;
    }

    .question-header[b-o4yrjjsmrk] {
        flex-direction: column;
    }

    .answer-card[b-o4yrjjsmrk] {
        min-height: auto;
    }
}

@media (max-width: 520px) {
    .quiz-title[b-o4yrjjsmrk] {
        letter-spacing: 0;
    }

    .quiz-subtitle[b-o4yrjjsmrk] {
        font-size: 1rem;
    }

    .file-content[b-o4yrjjsmrk] {
        padding: 20px;
    }

    .quiz-actions[b-o4yrjjsmrk],
    .btn-validate[b-o4yrjjsmrk],
    .btn-next[b-o4yrjjsmrk] {
        width: 100%;
    }
}


/* PORTRAIT */
.portrait-wrapper[b-o4yrjjsmrk] {
    margin-bottom: 34px;
}

.portrait-card[b-o4yrjjsmrk] {
    position: relative;
    overflow: hidden;
    border-radius: 30px;
    border: 1px solid rgba(255,255,255,0.10);
    background: linear-gradient(135deg, rgba(255,255,255,0.06), rgba(255,255,255,0.02)), rgba(8, 10, 16, 0.88);
    box-shadow: 0 28px 80px rgba(0,0,0,0.42);
}

.portrait-image[b-o4yrjjsmrk] {
    position: relative;
    aspect-ratio: 16 / 7;
    min-height: 320px;
}

    .portrait-image[b-o4yrjjsmrk]::after {
        content: "";
        position: absolute;
        inset: 0;
        background: linear-gradient(to top, rgba(5, 8, 15, 0.92), rgba(5, 8, 15, 0.15)), linear-gradient(to right, rgba(5, 8, 15, 0.45), transparent 55%);
    }

    .portrait-image img[b-o4yrjjsmrk] {
        width: 100%;
        height: 100%;
        object-fit: cover;
        display: block;
    }
/* /Components/Pages/Story/OrderOfTheTomb/Episode10/Step10d.razor.rz.scp.css */
.victor-quiz-page[b-6fjddd41zs] {
    position: relative;
    max-width: 1060px;
    margin: 0 auto;
    padding: 46px 20px 70px;
    color: #fff;
}

.victor-quiz-page[b-6fjddd41zs]::before {
    content: "";
    position: fixed;
    inset: 0;
    pointer-events: none;
    background:
        radial-gradient(circle at 18% 8%, rgba(251, 191, 36, 0.13), transparent 30%),
        radial-gradient(circle at 82% 3%, rgba(88, 28, 135, 0.22), transparent 30%),
        linear-gradient(180deg, rgba(5, 8, 15, 0.10), rgba(5, 8, 15, 0.82));
    z-index: -1;
}

/* HERO */
.victor-hero[b-6fjddd41zs] {
    text-align: center;
    margin-bottom: 34px;
}

.quiz-kicker[b-6fjddd41zs] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0.42rem 0.95rem;
    border: 1px solid rgba(251, 191, 36, 0.35);
    border-radius: 999px;
    background: rgba(251, 191, 36, 0.08);
    color: #fbbf24;
    text-transform: uppercase;
    letter-spacing: 1.8px;
    font-size: 0.78rem;
    font-weight: 800;
    margin-bottom: 1rem;
}

.quiz-title[b-6fjddd41zs] {
    font-family: 'Cinzel', serif;
    font-size: clamp(2.25rem, 6vw, 4.65rem);
    line-height: 1.03;
    letter-spacing: 1px;
    margin: 0 0 1rem;
    color: #fff;
    text-shadow: 0 18px 45px rgba(0,0,0,0.58);
}

.quiz-title span[b-6fjddd41zs] {
    color: #fbbf24;
}

.quiz-subtitle[b-6fjddd41zs] {
    max-width: 790px;
    margin: 0 auto;
    color: rgba(255,255,255,0.75);
    font-size: 1.08rem;
    line-height: 1.8;
}

/* CASE INTRO */
.victor-case-card[b-6fjddd41zs],
.question-card[b-6fjddd41zs] {
    background:
        linear-gradient(135deg, rgba(255,255,255,0.085), rgba(255,255,255,0.035)),
        rgba(12, 15, 22, 0.76);
    border: 1px solid rgba(255,255,255,0.11);
    border-radius: 28px;
    box-shadow: 0 24px 70px rgba(0,0,0,0.36);
    backdrop-filter: blur(10px);
}

.victor-case-card[b-6fjddd41zs] {
    padding: 28px;
    overflow: hidden;
    margin-bottom: 26px;
}

.case-grid[b-6fjddd41zs] {
    display: grid;
    grid-template-columns: minmax(0, 1.1fr) minmax(280px, 0.9fr);
    gap: 28px;
    align-items: stretch;
}

.case-story[b-6fjddd41zs] {
    border-left: 3px solid rgba(251, 191, 36, 0.58);
    padding-left: 1.25rem;
    line-height: 1.9;
    color: rgba(255,255,255,0.89);
    font-size: 1.03rem;
}

.story-label[b-6fjddd41zs] {
    font-size: 0.82rem;
    letter-spacing: 1.2px;
    color: #9ca3af;
    margin-bottom: 12px;
    text-transform: uppercase;
    font-weight: 800;
}

.danger-line[b-6fjddd41zs] {
    color: #fbbf24;
    font-weight: 800;
}

/* IDENTITY FILE */
.identity-file[b-6fjddd41zs] {
    display: flex;
    flex-direction: column;
    min-height: 100%;
    border-radius: 22px;
    overflow: hidden;
    border: 1px solid rgba(251, 191, 36, 0.18);
    background:
        linear-gradient(145deg, rgba(31, 24, 18, 0.94), rgba(9, 12, 19, 0.96));
    box-shadow: inset 0 0 0 1px rgba(255,255,255,0.04);
}

.file-top[b-6fjddd41zs] {
    display: flex;
    gap: 8px;
    padding: 14px 16px;
    border-bottom: 1px solid rgba(255,255,255,0.08);
    background: rgba(255,255,255,0.04);
}

.file-top span[b-6fjddd41zs] {
    width: 9px;
    height: 9px;
    border-radius: 999px;
    background: rgba(251, 191, 36, 0.68);
}

.file-content[b-6fjddd41zs] {
    padding: 24px;
}

.file-label[b-6fjddd41zs] {
    color: rgba(255,255,255,0.46);
    text-transform: uppercase;
    letter-spacing: 1.5px;
    font-size: 0.72rem;
    margin-bottom: 8px;
}

.file-content h2[b-6fjddd41zs] {
    font-family: 'Cinzel', serif;
    font-size: 1.75rem;
    margin: 0 0 20px;
}

.identity-row[b-6fjddd41zs] {
    display: grid;
    gap: 4px;
    padding: 14px 0;
    border-top: 1px solid rgba(255,255,255,0.08);
}

.identity-row span[b-6fjddd41zs] {
    color: rgba(255,255,255,0.48);
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 0.72rem;
    font-weight: 800;
}

.identity-row strong[b-6fjddd41zs] {
    color: rgba(255,255,255,0.92);
    font-size: 0.98rem;
}

/* QUESTION */
.question-card[b-6fjddd41zs] {
    position: relative;
    padding: 30px;
    overflow: hidden;
}

.question-card[b-6fjddd41zs]::before {
    content: "";
    position: absolute;
    inset: 0;
    background:
        linear-gradient(90deg, rgba(251, 191, 36, 0.08), transparent 34%),
        radial-gradient(circle at 92% 12%, rgba(251, 191, 36, 0.12), transparent 22%);
    pointer-events: none;
}

.question-header[b-6fjddd41zs],
.question-intro[b-6fjddd41zs],
.answers-grid[b-6fjddd41zs],
.quiz-feedback[b-6fjddd41zs],
.quiz-actions[b-6fjddd41zs] {
    position: relative;
}

.question-header[b-6fjddd41zs] {
    display: flex;
    justify-content: space-between;
    gap: 18px;
    align-items: flex-start;
    margin-bottom: 16px;
}

.question-step[b-6fjddd41zs] {
    color: #fbbf24;
    text-transform: uppercase;
    letter-spacing: 1.5px;
    font-size: 0.76rem;
    font-weight: 900;
    margin-bottom: 8px;
}

.question-header h2[b-6fjddd41zs] {
    font-family: 'Cinzel', serif;
    font-size: clamp(1.55rem, 4vw, 2.35rem);
    line-height: 1.2;
    margin: 0;
}

.question-badge[b-6fjddd41zs] {
    flex: 0 0 auto;
    border: 1px solid rgba(251, 191, 36, 0.25);
    background: rgba(251, 191, 36, 0.08);
    color: #fbbf24;
    border-radius: 999px;
    padding: 0.5rem 0.85rem;
    font-size: 0.86rem;
    font-weight: 800;
}

.question-intro[b-6fjddd41zs] {
    color: rgba(255,255,255,0.68);
    line-height: 1.7;
    margin-bottom: 20px;
}

/* ANSWERS */
.answers-grid[b-6fjddd41zs] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 14px;
}

.answer-card[b-6fjddd41zs] {
    display: flex;
    align-items: flex-start;
    gap: 13px;
    width: 100%;
    min-height: 106px;
    padding: 17px;
    text-align: left;
    border-radius: 20px;
    border: 1px solid rgba(255,255,255,0.10);
    background: rgba(255,255,255,0.055);
    color: rgba(255,255,255,0.86);
    cursor: pointer;
    transition: transform 0.18s ease, border-color 0.18s ease, background 0.18s ease, box-shadow 0.18s ease;
}

.answer-card:hover[b-6fjddd41zs] {
    transform: translateY(-2px);
    border-color: rgba(251, 191, 36, 0.34);
    background: rgba(255,255,255,0.085);
    box-shadow: 0 16px 38px rgba(0,0,0,0.24);
}

.answer-card.selected[b-6fjddd41zs] {
    border-color: rgba(251, 191, 36, 0.72);
    background: rgba(251, 191, 36, 0.10);
}

.answer-card.correct[b-6fjddd41zs] {
    border-color: rgba(34, 197, 94, 0.72);
    background: rgba(34, 197, 94, 0.12);
}

.answer-card.wrong[b-6fjddd41zs] {
    border-color: rgba(239, 68, 68, 0.78);
    background: rgba(88, 28, 135, 0.26);
}

.answer-letter[b-6fjddd41zs] {
    display: inline-flex;
    flex: 0 0 34px;
    width: 34px;
    height: 34px;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: rgba(251, 191, 36, 0.12);
    color: #fbbf24;
    font-weight: 950;
}

.answer-text[b-6fjddd41zs] {
    line-height: 1.55;
}

/* FEEDBACK + ACTIONS */
.quiz-feedback[b-6fjddd41zs] {
    margin-top: 18px;
    padding: 16px 18px;
    border-radius: 18px;
    border: 1px solid rgba(255,255,255,0.12);
    background: rgba(255,255,255,0.06);
    line-height: 1.65;
    color: rgba(255,255,255,0.86);
}

.quiz-feedback.success[b-6fjddd41zs] {
    border-color: rgba(34, 197, 94, 0.45);
    background: rgba(34, 197, 94, 0.11);
}

.quiz-feedback.error[b-6fjddd41zs] {
    border-color: rgba(239, 68, 68, 0.45);
    background: rgba(88, 28, 135, 0.22);
}

.quiz-feedback.warning[b-6fjddd41zs] {
    border-color: rgba(251, 191, 36, 0.45);
    background: rgba(251, 191, 36, 0.10);
    color: #fbbf24;
}

.quiz-actions[b-6fjddd41zs] {
    display: flex;
    gap: 12px;
    flex-wrap: wrap;
    margin-top: 22px;
}

.btn-validate[b-6fjddd41zs],
.btn-next[b-6fjddd41zs] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 48px;
    padding: 0.82rem 1.25rem;
    border-radius: 999px;
    text-decoration: none;
    font-weight: 900;
    letter-spacing: 0.3px;
    transition: transform 0.18s ease, box-shadow 0.18s ease, background 0.18s ease;
}

.btn-validate[b-6fjddd41zs] {
    border: 1px solid rgba(251, 191, 36, 0.38);
    background: linear-gradient(135deg, #fbbf24, #b45309);
    color: #14100a;
    box-shadow: 0 14px 35px rgba(251, 191, 36, 0.22);
}

.btn-next[b-6fjddd41zs] {
    border: 1px solid rgba(255,255,255,0.14);
    background: rgba(255,255,255,0.08);
    color: #fff;
}

.btn-validate:hover[b-6fjddd41zs],
.btn-next:hover[b-6fjddd41zs] {
    transform: translateY(-2px);
}

.btn-validate:hover[b-6fjddd41zs] {
    color: #14100a;
    box-shadow: 0 18px 42px rgba(251, 191, 36, 0.30);
}

.btn-next:hover[b-6fjddd41zs] {
    color: #fff;
    background: rgba(255,255,255,0.13);
}

/* MOBILE */
@media (max-width: 860px) {
    .victor-quiz-page[b-6fjddd41zs] {
        padding: 32px 14px 48px;
    }

    .case-grid[b-6fjddd41zs],
    .answers-grid[b-6fjddd41zs] {
        grid-template-columns: 1fr;
    }

    .victor-case-card[b-6fjddd41zs],
    .question-card[b-6fjddd41zs] {
        padding: 21px;
        border-radius: 22px;
    }

    .case-story[b-6fjddd41zs] {
        padding-left: 1rem;
    }

    .question-header[b-6fjddd41zs] {
        flex-direction: column;
    }

    .answer-card[b-6fjddd41zs] {
        min-height: auto;
    }
}

@media (max-width: 520px) {
    .quiz-title[b-6fjddd41zs] {
        letter-spacing: 0;
    }

    .quiz-subtitle[b-6fjddd41zs] {
        font-size: 1rem;
    }

    .file-content[b-6fjddd41zs] {
        padding: 20px;
    }

    .quiz-actions[b-6fjddd41zs],
    .btn-validate[b-6fjddd41zs],
    .btn-next[b-6fjddd41zs] {
        width: 100%;
    }
}


/* PORTRAIT */
.portrait-wrapper[b-6fjddd41zs] {
    margin-bottom: 34px;
}

.portrait-card[b-6fjddd41zs] {
    position: relative;
    overflow: hidden;
    border-radius: 30px;
    border: 1px solid rgba(255,255,255,0.10);
    background: linear-gradient(135deg, rgba(255,255,255,0.06), rgba(255,255,255,0.02)), rgba(8, 10, 16, 0.88);
    box-shadow: 0 28px 80px rgba(0,0,0,0.42);
}

.portrait-image[b-6fjddd41zs] {
    position: relative;
    aspect-ratio: 12 / 7;
    min-height: 320px;
}

    .portrait-image[b-6fjddd41zs]::after {
        content: "";
        position: absolute;
        inset: 0;
        background: linear-gradient(to top, rgba(5, 8, 15, 0.92), rgba(5, 8, 15, 0.15)), linear-gradient(to right, rgba(5, 8, 15, 0.45), transparent 55%);
    }

    .portrait-image img[b-6fjddd41zs] {
        width: 100%;
        height: 100%;
        object-fit: cover;
        display: block;
    }
/* /Components/Pages/Story/OrderOfTheTomb/Episode10/Step10e.razor.rz.scp.css */
.alea-quiz-page[b-w51vf3524x] {
    position: relative;
    max-width: 1060px;
    margin: 0 auto;
    padding: 46px 20px 70px;
    color: #fff;
}

.alea-quiz-page[b-w51vf3524x]::before {
    content: "";
    position: fixed;
    inset: 0;
    pointer-events: none;
    background:
        radial-gradient(circle at 18% 8%, rgba(251, 191, 36, 0.13), transparent 30%),
        radial-gradient(circle at 82% 3%, rgba(88, 28, 135, 0.22), transparent 30%),
        linear-gradient(180deg, rgba(5, 8, 15, 0.10), rgba(5, 8, 15, 0.82));
    z-index: -1;
}

/* HERO */
.alea-hero[b-w51vf3524x] {
    text-align: center;
    margin-bottom: 34px;
}

.quiz-kicker[b-w51vf3524x] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0.42rem 0.95rem;
    border: 1px solid rgba(251, 191, 36, 0.35);
    border-radius: 999px;
    background: rgba(251, 191, 36, 0.08);
    color: #fbbf24;
    text-transform: uppercase;
    letter-spacing: 1.8px;
    font-size: 0.78rem;
    font-weight: 800;
    margin-bottom: 1rem;
}

.quiz-title[b-w51vf3524x] {
    font-family: 'Cinzel', serif;
    font-size: clamp(2.25rem, 6vw, 4.65rem);
    line-height: 1.03;
    letter-spacing: 1px;
    margin: 0 0 1rem;
    color: #fff;
    text-shadow: 0 18px 45px rgba(0,0,0,0.58);
}

.quiz-title span[b-w51vf3524x] {
    color: #fbbf24;
}

.quiz-subtitle[b-w51vf3524x] {
    max-width: 790px;
    margin: 0 auto;
    color: rgba(255,255,255,0.75);
    font-size: 1.08rem;
    line-height: 1.8;
}

/* CASE INTRO */
.alea-case-card[b-w51vf3524x],
.question-card[b-w51vf3524x] {
    background:
        linear-gradient(135deg, rgba(255,255,255,0.085), rgba(255,255,255,0.035)),
        rgba(12, 15, 22, 0.76);
    border: 1px solid rgba(255,255,255,0.11);
    border-radius: 28px;
    box-shadow: 0 24px 70px rgba(0,0,0,0.36);
    backdrop-filter: blur(10px);
}

.alea-case-card[b-w51vf3524x] {
    padding: 28px;
    overflow: hidden;
    margin-bottom: 26px;
}

.case-grid[b-w51vf3524x] {
    display: grid;
    grid-template-columns: minmax(0, 1.1fr) minmax(280px, 0.9fr);
    gap: 28px;
    align-items: stretch;
}

.case-story[b-w51vf3524x] {
    border-left: 3px solid rgba(251, 191, 36, 0.58);
    padding-left: 1.25rem;
    line-height: 1.9;
    color: rgba(255,255,255,0.89);
    font-size: 1.03rem;
}

.story-label[b-w51vf3524x] {
    font-size: 0.82rem;
    letter-spacing: 1.2px;
    color: #9ca3af;
    margin-bottom: 12px;
    text-transform: uppercase;
    font-weight: 800;
}

.danger-line[b-w51vf3524x] {
    color: #fbbf24;
    font-weight: 800;
}

/* IDENTITY FILE */
.identity-file[b-w51vf3524x] {
    display: flex;
    flex-direction: column;
    min-height: 100%;
    border-radius: 22px;
    overflow: hidden;
    border: 1px solid rgba(251, 191, 36, 0.18);
    background:
        linear-gradient(145deg, rgba(31, 24, 18, 0.94), rgba(9, 12, 19, 0.96));
    box-shadow: inset 0 0 0 1px rgba(255,255,255,0.04);
}

.file-top[b-w51vf3524x] {
    display: flex;
    gap: 8px;
    padding: 14px 16px;
    border-bottom: 1px solid rgba(255,255,255,0.08);
    background: rgba(255,255,255,0.04);
}

.file-top span[b-w51vf3524x] {
    width: 9px;
    height: 9px;
    border-radius: 999px;
    background: rgba(251, 191, 36, 0.68);
}

.file-content[b-w51vf3524x] {
    padding: 24px;
}

.file-label[b-w51vf3524x] {
    color: rgba(255,255,255,0.46);
    text-transform: uppercase;
    letter-spacing: 1.5px;
    font-size: 0.72rem;
    margin-bottom: 8px;
}

.file-content h2[b-w51vf3524x] {
    font-family: 'Cinzel', serif;
    font-size: 1.75rem;
    margin: 0 0 20px;
}

.identity-row[b-w51vf3524x] {
    display: grid;
    gap: 4px;
    padding: 14px 0;
    border-top: 1px solid rgba(255,255,255,0.08);
}

.identity-row span[b-w51vf3524x] {
    color: rgba(255,255,255,0.48);
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 0.72rem;
    font-weight: 800;
}

.identity-row strong[b-w51vf3524x] {
    color: rgba(255,255,255,0.92);
    font-size: 0.98rem;
}

/* QUESTION */
.question-card[b-w51vf3524x] {
    position: relative;
    padding: 30px;
    overflow: hidden;
}

.question-card[b-w51vf3524x]::before {
    content: "";
    position: absolute;
    inset: 0;
    background:
        linear-gradient(90deg, rgba(251, 191, 36, 0.08), transparent 34%),
        radial-gradient(circle at 92% 12%, rgba(251, 191, 36, 0.12), transparent 22%);
    pointer-events: none;
}

.question-header[b-w51vf3524x],
.question-intro[b-w51vf3524x],
.answers-grid[b-w51vf3524x],
.quiz-feedback[b-w51vf3524x],
.quiz-actions[b-w51vf3524x] {
    position: relative;
}

.question-header[b-w51vf3524x] {
    display: flex;
    justify-content: space-between;
    gap: 18px;
    align-items: flex-start;
    margin-bottom: 16px;
}

.question-step[b-w51vf3524x] {
    color: #fbbf24;
    text-transform: uppercase;
    letter-spacing: 1.5px;
    font-size: 0.76rem;
    font-weight: 900;
    margin-bottom: 8px;
}

.question-header h2[b-w51vf3524x] {
    font-family: 'Cinzel', serif;
    font-size: clamp(1.55rem, 4vw, 2.35rem);
    line-height: 1.2;
    margin: 0;
}

.question-badge[b-w51vf3524x] {
    flex: 0 0 auto;
    border: 1px solid rgba(251, 191, 36, 0.25);
    background: rgba(251, 191, 36, 0.08);
    color: #fbbf24;
    border-radius: 999px;
    padding: 0.5rem 0.85rem;
    font-size: 0.86rem;
    font-weight: 800;
}

.question-intro[b-w51vf3524x] {
    color: rgba(255,255,255,0.68);
    line-height: 1.7;
    margin-bottom: 20px;
}

/* ANSWERS */
.answers-grid[b-w51vf3524x] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 14px;
}

.answer-card[b-w51vf3524x] {
    display: flex;
    align-items: flex-start;
    gap: 13px;
    width: 100%;
    min-height: 106px;
    padding: 17px;
    text-align: left;
    border-radius: 20px;
    border: 1px solid rgba(255,255,255,0.10);
    background: rgba(255,255,255,0.055);
    color: rgba(255,255,255,0.86);
    cursor: pointer;
    transition: transform 0.18s ease, border-color 0.18s ease, background 0.18s ease, box-shadow 0.18s ease;
}

.answer-card:hover[b-w51vf3524x] {
    transform: translateY(-2px);
    border-color: rgba(251, 191, 36, 0.34);
    background: rgba(255,255,255,0.085);
    box-shadow: 0 16px 38px rgba(0,0,0,0.24);
}

.answer-card.selected[b-w51vf3524x] {
    border-color: rgba(251, 191, 36, 0.72);
    background: rgba(251, 191, 36, 0.10);
}

.answer-card.correct[b-w51vf3524x] {
    border-color: rgba(34, 197, 94, 0.72);
    background: rgba(34, 197, 94, 0.12);
}

.answer-card.wrong[b-w51vf3524x] {
    border-color: rgba(239, 68, 68, 0.78);
    background: rgba(88, 28, 135, 0.26);
}

.answer-letter[b-w51vf3524x] {
    display: inline-flex;
    flex: 0 0 34px;
    width: 34px;
    height: 34px;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: rgba(251, 191, 36, 0.12);
    color: #fbbf24;
    font-weight: 950;
}

.answer-text[b-w51vf3524x] {
    line-height: 1.55;
}

/* FEEDBACK + ACTIONS */
.quiz-feedback[b-w51vf3524x] {
    margin-top: 18px;
    padding: 16px 18px;
    border-radius: 18px;
    border: 1px solid rgba(255,255,255,0.12);
    background: rgba(255,255,255,0.06);
    line-height: 1.65;
    color: rgba(255,255,255,0.86);
}

.quiz-feedback.success[b-w51vf3524x] {
    border-color: rgba(34, 197, 94, 0.45);
    background: rgba(34, 197, 94, 0.11);
}

.quiz-feedback.error[b-w51vf3524x] {
    border-color: rgba(239, 68, 68, 0.45);
    background: rgba(88, 28, 135, 0.22);
}

.quiz-feedback.warning[b-w51vf3524x] {
    border-color: rgba(251, 191, 36, 0.45);
    background: rgba(251, 191, 36, 0.10);
    color: #fbbf24;
}

.quiz-actions[b-w51vf3524x] {
    display: flex;
    gap: 12px;
    flex-wrap: wrap;
    margin-top: 22px;
}

.btn-validate[b-w51vf3524x],
.btn-next[b-w51vf3524x] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 48px;
    padding: 0.82rem 1.25rem;
    border-radius: 999px;
    text-decoration: none;
    font-weight: 900;
    letter-spacing: 0.3px;
    transition: transform 0.18s ease, box-shadow 0.18s ease, background 0.18s ease;
}

.btn-validate[b-w51vf3524x] {
    border: 1px solid rgba(251, 191, 36, 0.38);
    background: linear-gradient(135deg, #fbbf24, #b45309);
    color: #14100a;
    box-shadow: 0 14px 35px rgba(251, 191, 36, 0.22);
}

.btn-next[b-w51vf3524x] {
    border: 1px solid rgba(255,255,255,0.14);
    background: rgba(255,255,255,0.08);
    color: #fff;
}

.btn-validate:hover[b-w51vf3524x],
.btn-next:hover[b-w51vf3524x] {
    transform: translateY(-2px);
}

.btn-validate:hover[b-w51vf3524x] {
    color: #14100a;
    box-shadow: 0 18px 42px rgba(251, 191, 36, 0.30);
}

.btn-next:hover[b-w51vf3524x] {
    color: #fff;
    background: rgba(255,255,255,0.13);
}

/* MOBILE */
@media (max-width: 860px) {
    .alea-quiz-page[b-w51vf3524x] {
        padding: 32px 14px 48px;
    }

    .case-grid[b-w51vf3524x],
    .answers-grid[b-w51vf3524x] {
        grid-template-columns: 1fr;
    }

    .alea-case-card[b-w51vf3524x],
    .question-card[b-w51vf3524x] {
        padding: 21px;
        border-radius: 22px;
    }

    .case-story[b-w51vf3524x] {
        padding-left: 1rem;
    }

    .question-header[b-w51vf3524x] {
        flex-direction: column;
    }

    .answer-card[b-w51vf3524x] {
        min-height: auto;
    }
}

@media (max-width: 520px) {
    .quiz-title[b-w51vf3524x] {
        letter-spacing: 0;
    }

    .quiz-subtitle[b-w51vf3524x] {
        font-size: 1rem;
    }

    .file-content[b-w51vf3524x] {
        padding: 20px;
    }

    .quiz-actions[b-w51vf3524x],
    .btn-validate[b-w51vf3524x],
    .btn-next[b-w51vf3524x] {
        width: 100%;
    }
}


/* PORTRAIT */
.portrait-wrapper[b-w51vf3524x] {
    margin-bottom: 34px;
}

.portrait-card[b-w51vf3524x] {
    position: relative;
    overflow: hidden;
    border-radius: 30px;
    border: 1px solid rgba(255,255,255,0.10);
    background: linear-gradient(135deg, rgba(255,255,255,0.06), rgba(255,255,255,0.02)), rgba(8, 10, 16, 0.88);
    box-shadow: 0 28px 80px rgba(0,0,0,0.42);
}

.portrait-image[b-w51vf3524x] {
    position: relative;
    aspect-ratio: 7 / 7;
    min-height: 320px;
}

    .portrait-image[b-w51vf3524x]::after {
        content: "";
        position: absolute;
        inset: 0;
        background: linear-gradient(to top, rgba(5, 8, 15, 0.92), rgba(5, 8, 15, 0.15)), linear-gradient(to right, rgba(5, 8, 15, 0.45), transparent 55%);
    }

    .portrait-image img[b-w51vf3524x] {
        width: 100%;
        height: 100%;
        object-fit: cover;
        display: block;
    }
/* /Components/Pages/Story/OrderOfTheTomb/Episode11/Step11.razor.rz.scp.css */
/* HEADER */
.step-header[b-3ypmwi2cz8] {
    margin-bottom: 30px;
    text-align: center;
}

.final-step[b-3ypmwi2cz8] {
    position: relative;
}

.chapter-kicker[b-3ypmwi2cz8] {
    margin-bottom: 8px;
    color: #fbbf24;
    text-transform: uppercase;
    letter-spacing: 0.22em;
    font-size: 0.78rem;
    font-weight: 700;
}

/* CONTENT */
/* STORY CARD */
.section-label[b-3ypmwi2cz8] {
    color: #adb5bd;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 0.85rem;
}

.highlight[b-3ypmwi2cz8] {
    color: #fbbf24;
    font-weight: 600;
}

.strong[b-3ypmwi2cz8] {
    font-weight: 600;
    color: white;
    font-size: 1.2rem;
}

.final-card[b-3ypmwi2cz8] {
    position: relative;
    overflow: hidden;
}

/* FACTION REVEAL */
.faction-reveal[b-3ypmwi2cz8] {
    position: relative;
    margin: 34px auto 24px;
    padding: 28px;
    border-radius: 28px;
    background:
        radial-gradient(circle at top, rgba(251, 191, 36, 0.15), transparent 34%),
        linear-gradient(145deg, rgba(12, 20, 32, 0.96), rgba(5, 9, 18, 0.98));
    border: 1px solid rgba(251, 191, 36, 0.22);
    box-shadow: 0 24px 70px rgba(0, 0, 0, 0.42);
    isolation: isolate;
}

.faction-reveal__glow[b-3ypmwi2cz8] {
    position: absolute;
    inset: -120px auto auto 50%;
    width: 260px;
    height: 260px;
    transform: translateX(-50%);
    background: rgba(251, 191, 36, 0.16);
    filter: blur(55px);
    border-radius: 999px;
    z-index: -1;
}

.faction-reveal__header[b-3ypmwi2cz8] {
    max-width: 720px;
    margin: 0 auto 24px;
    text-align: center;
}

.faction-reveal__label[b-3ypmwi2cz8] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 12px;
    padding: 7px 12px;
    border-radius: 999px;
    color: #fbbf24;
    background: rgba(251, 191, 36, 0.10);
    border: 1px solid rgba(251, 191, 36, 0.22);
    text-transform: uppercase;
    letter-spacing: 0.14em;
    font-size: 0.72rem;
    font-weight: 800;
}

.faction-reveal h2[b-3ypmwi2cz8] {
    margin: 0 0 10px;
    color: #ffffff;
    font-size: clamp(1.55rem, 4vw, 2.4rem);
    line-height: 1.08;
}

.faction-reveal__header p[b-3ypmwi2cz8] {
    margin: 0;
    color: #cbd5e1;
}

.faction-result[b-3ypmwi2cz8] {
    display: grid;
    grid-template-columns: 120px 1fr;
    gap: 22px;
    align-items: center;
    max-width: 760px;
    margin: 0 auto 24px;
    padding: 24px;
    border-radius: 24px;
    background: linear-gradient(135deg, rgba(255, 255, 255, 0.10), rgba(255, 255, 255, 0.035));
    border: 1px solid rgba(255, 255, 255, 0.16);
}

.faction-result--veilleurs[b-3ypmwi2cz8] {
    box-shadow: inset 0 0 0 1px rgba(96, 165, 250, 0.22), 0 18px 48px rgba(15, 23, 42, 0.55);
}

.faction-result--heritiers[b-3ypmwi2cz8] {
    box-shadow: inset 0 0 0 1px rgba(251, 191, 36, 0.26), 0 18px 48px rgba(120, 53, 15, 0.28);
}

.faction-result--ombres[b-3ypmwi2cz8] {
    box-shadow: inset 0 0 0 1px rgba(168, 85, 247, 0.24), 0 18px 48px rgba(24, 24, 27, 0.55);
}

.faction-result__symbol[b-3ypmwi2cz8] {
    display: grid;
    place-items: center;
    width: 112px;
    height: 112px;
    border-radius: 26px;
    font-size: 4rem;
    background:
        linear-gradient(145deg, rgba(251, 191, 36, 0.18), rgba(15, 23, 42, 0.70));
    border: 1px solid rgba(255, 255, 255, 0.14);
}

.faction-result__symbol img[b-3ypmwi2cz8] {
    display: block;
    width: 78%;
    height: 78%;
    object-fit: contain;
}

.faction-result__eyebrow[b-3ypmwi2cz8] {
    display: block;
    margin-bottom: 4px;
    color: #fbbf24;
    text-transform: uppercase;
    letter-spacing: 0.12em;
    font-size: 0.75rem;
    font-weight: 800;
}

.faction-result h3[b-3ypmwi2cz8] {
    margin: 0 0 8px;
    color: #ffffff;
    font-size: 1.9rem;
}

.faction-result p[b-3ypmwi2cz8] {
    margin: 0;
    color: #dbe4ef;
}

.faction-result__quote[b-3ypmwi2cz8] {
    margin-top: 16px;
    padding-left: 16px;
    color: #f8fafc;
    font-style: italic;
    border-left: 3px solid rgba(251, 191, 36, 0.72);
}

.faction-grid[b-3ypmwi2cz8] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 14px;
}

.faction-card[b-3ypmwi2cz8] {
    display: flex;
    gap: 12px;
    align-items: flex-start;
    padding: 16px;
    border-radius: 20px;
    background: rgba(15, 23, 42, 0.64);
    border: 1px solid rgba(255, 255, 255, 0.10);
    opacity: 0.78;
    transition: transform 180ms ease, opacity 180ms ease, border-color 180ms ease;
}

.faction-card.is-active[b-3ypmwi2cz8] {
    opacity: 1;
    transform: translateY(-3px);
    border-color: rgba(251, 191, 36, 0.55);
    background: rgba(251, 191, 36, 0.09);
}

.faction-card__symbol[b-3ypmwi2cz8] {
    flex: 0 0 auto;
    display: grid;
    place-items: center;
    width: 42px;
    height: 42px;
    border-radius: 14px;
    font-size: 1.6rem;
    background: rgba(255, 255, 255, 0.08);
}

.faction-card__symbol img[b-3ypmwi2cz8] {
    display: block;
    width: 76%;
    height: 76%;
    object-fit: contain;
}

.faction-card h4[b-3ypmwi2cz8] {
    margin: 0 0 5px;
    color: #ffffff;
    font-size: 1rem;
}

.faction-card p[b-3ypmwi2cz8] {
    margin: 0;
    color: #cbd5e1;
    font-size: 0.92rem;
    line-height: 1.45;
}

.final-next[b-3ypmwi2cz8] {
    margin-top: 28px;
}

.final-cta[b-3ypmwi2cz8] {
    margin-top: 10px;
}

/* MOBILE */
@media (max-width: 768px) {
    .step-page[b-3ypmwi2cz8] {
        padding: 28px 14px 40px;
    }

    .step-title[b-3ypmwi2cz8] {
        font-size: 2rem;
    }

    .story-card[b-3ypmwi2cz8] {
        padding: 20px;
        border-radius: 18px;
    }

    .strong[b-3ypmwi2cz8] {
        font-size: 1.05rem;
    }

    .faction-reveal[b-3ypmwi2cz8] {
        margin-top: 28px;
        padding: 20px;
        border-radius: 22px;
    }

    .faction-result[b-3ypmwi2cz8] {
        grid-template-columns: 1fr;
        text-align: center;
        padding: 20px;
    }

    .faction-result__symbol[b-3ypmwi2cz8] {
        margin: 0 auto;
    }

    .faction-result__quote[b-3ypmwi2cz8] {
        padding-left: 0;
        padding-top: 14px;
        border-left: 0;
        border-top: 3px solid rgba(251, 191, 36, 0.72);
    }

    .faction-grid[b-3ypmwi2cz8] {
        grid-template-columns: 1fr;
    }

    .faction-card.is-active[b-3ypmwi2cz8] {
        transform: none;
    }
}

/* VIDEO HOMMAGE */
.tribute-video[b-3ypmwi2cz8] {
}

.video-wrapper[b-3ypmwi2cz8] {
    position: relative;
    width: 100%;
    aspect-ratio: 16 / 9;
    border-radius: 18px;
    overflow: hidden;
    box-shadow: 0 18px 45px rgba(0,0,0,0.35);
    border: 1px solid rgba(255,255,255,0.12);
    background: #000;
}

    .video-wrapper iframe[b-3ypmwi2cz8] {
        position: absolute;
        inset: 0;
        width: 100%;
        height: 100%;
    }
/* /Components/Pages/Story/OrderOfTheTomb/Episode1/Step1.razor.rz.scp.css */
/* PAGE */
.intro-page[b-kumhd42y2c] {
    position: relative;
    min-height: 100vh;
    overflow: hidden;
    color: #f5ead7;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 40px 20px;
    font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
}

.intro-overlay[b-kumhd42y2c] {
    position: absolute;
    inset: 0;
    pointer-events: none;
}

.intro-container[b-kumhd42y2c] {
    position: relative;
    z-index: 1;
    width: 100%;
    max-width: 900px;
}

/* HEADER */
.intro-header[b-kumhd42y2c] {
    margin-bottom: 32px;
    animation: fadeUp-b-kumhd42y2c 0.8s ease;
}

.intro-badge[b-kumhd42y2c] {
    display: inline-block;
    margin-bottom: 14px;
    padding: 8px 16px;
    border: 1px solid rgba(255,255,255,0.16);
    border-radius: 999px;
    background: rgba(255,255,255,0.06);
    color: #d8c29c;
    font-size: 0.9rem;
    letter-spacing: 1.5px;
    text-transform: uppercase;
}

.intro-title[b-kumhd42y2c] {
    margin: 0;
    font-size: clamp(2rem, 5vw, 3.5rem);
    font-weight: 800;
    line-height: 1.05;
    letter-spacing: 1px;
    color: #fff5e6;
    text-shadow: 0 4px 18px rgba(0,0,0,0.35);
}

.intro-subtitle[b-kumhd42y2c] {
    margin-top: 12px;
    color: rgba(245, 234, 215, 0.75);
    font-size: 1.05rem;
    letter-spacing: 0.5px;
}

/* CARD */
.intro-card[b-kumhd42y2c] {
    position: relative;
    border-radius: 28px;
    background: rgba(255,255,255,0.06);
    border: 1px solid rgba(255,255,255,0.10);
    box-shadow: 0 20px 60px rgba(0,0,0,0.35), inset 0 1px 0 rgba(255,255,255,0.04);
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
    overflow: hidden;
    animation: fadeUp-b-kumhd42y2c 1s ease;
}

    .intro-card[b-kumhd42y2c]::before {
        content: "";
        position: absolute;
        inset: 0;
        background: linear-gradient(135deg, rgba(199, 155, 78, 0.10), transparent 45%);
        pointer-events: none;
    }

.intro-card-content[b-kumhd42y2c] {
    position: relative;
    z-index: 1;
    padding: 36px 30px;
}

.intro-lead[b-kumhd42y2c] {
    margin: 0 0 16px 0;
    font-size: 1.35rem;
    font-weight: 700;
    color: #fff2dc;
}

.intro-text[b-kumhd42y2c] {
    margin: 0 0 28px 0;
    font-size: 1.08rem;
    line-height: 1.8;
    color: rgba(245, 234, 215, 0.92);
}

.highlight[b-kumhd42y2c] {
    color: #e5c07b;
    font-weight: 700;
}

/* LOCATION */
.intro-location[b-kumhd42y2c] {
    display: flex;
    align-items: flex-start;
    gap: 16px;
    margin-bottom: 30px;
    padding: 18px 20px;
    border-radius: 18px;
    background: rgba(0,0,0,0.22);
    border: 1px solid rgba(255,255,255,0.08);
}

.location-icon[b-kumhd42y2c] {
    flex-shrink: 0;
    font-size: 1.4rem;
    line-height: 1;
    margin-top: 2px;
}

.location-name[b-kumhd42y2c] {
    font-size: 1.05rem;
    font-weight: 700;
    color: #fff2dc;
    margin-bottom: 4px;
}

.location-address[b-kumhd42y2c] {
    color: rgba(245, 234, 215, 0.72);
    line-height: 1.6;
}

/* ACTIONS */
.intro-actions[b-kumhd42y2c] {
    display: flex;
    flex-wrap: wrap;
    gap: 14px;
}

.btn-main[b-kumhd42y2c],
.btn-secondary[b-kumhd42y2c] {
    appearance: none;
    border: none;
    text-decoration: none;
    cursor: pointer;
    transition: all 0.25s ease;
    font-weight: 700;
    border-radius: 999px;
    padding: 14px 22px;
    font-size: 0.98rem;
}

.btn-main[b-kumhd42y2c] {
    background: linear-gradient(135deg, #c79b4e, #e2bf7a);
    color: #1b1b1b;
    box-shadow: 0 8px 24px rgba(199, 155, 78, 0.28);
}

    .btn-main:hover[b-kumhd42y2c] {
        transform: translateY(-2px);
        box-shadow: 0 12px 30px rgba(199, 155, 78, 0.35);
    }

.btn-secondary[b-kumhd42y2c] {
    background: rgba(255,255,255,0.06);
    color: #f5ead7;
    border: 1px solid rgba(255,255,255,0.14);
}

    .btn-secondary:hover[b-kumhd42y2c] {
        background: rgba(255,255,255,0.12);
        transform: translateY(-2px);
    }

/* ANIM */
@keyframes fadeUp-b-kumhd42y2c {
    from {
        opacity: 0;
        transform: translateY(18px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* RESPONSIVE */
@media (max-width: 768px) {
    .intro-page[b-kumhd42y2c] {
        padding: 24px 16px;
        align-items: flex-start;
    }

    .intro-container[b-kumhd42y2c] {
        max-width: 100%;
    }

    .intro-card-content[b-kumhd42y2c] {
        padding: 28px 20px;
    }

    .intro-location[b-kumhd42y2c] {
        padding: 16px;
    }

    .intro-actions[b-kumhd42y2c] {
        flex-direction: column;
    }

    .btn-main[b-kumhd42y2c],
    .btn-secondary[b-kumhd42y2c] {
        width: 100%;
        text-align: center;
    }
}
/* /Components/Pages/Story/OrderOfTheTomb/Episode1/Step1a.razor.rz.scp.css */
.step-page[b-augjibfewv] {
    max-width: 900px;
    margin: 0 auto;
    padding: 40px 20px;
}

/* HEADER */
.step-badge[b-augjibfewv] {
    display: inline-block;
    padding: 6px 12px;
    border-radius: 999px;
    background: rgba(255,255,255,0.08);
    font-size: 0.85rem;
}

.step-title[b-augjibfewv] {
    font-family: 'Cinzel', serif;
    font-size: 2.5rem;
    letter-spacing: 2px;
    margin-top: 10px;
}

/* IMAGE */
.step-hero img[b-augjibfewv] {
    border-radius: 20px;
    margin-bottom: 30px;
    box-shadow: 0 20px 50px rgba(0,0,0,0.4);
}

/* CONTENT */
/* STORY CARD */
.story-card[b-augjibfewv] {
    background: rgba(255,255,255,0.05);
    border: 1px solid rgba(255,255,255,0.08);
    border-radius: 20px;
    padding: 25px;
    line-height: 1.8;
    box-shadow: 0 15px 40px rgba(0,0,0,0.2);
}

/* VARIANTS */
.story-card.danger[b-augjibfewv] {
    border-left: 3px solid #f59e0b;
}

/* TEXTE */
.highlight[b-augjibfewv] {
    color: #fbbf24;
    font-weight: 600;
}

.strong[b-augjibfewv] {
    font-weight: 600;
    color: white;
}

.focus[b-augjibfewv] {
    font-weight: 600;
    color: #facc15;
}

.quote[b-augjibfewv] {
    font-style: italic;
    margin-top: 10px;
    color: #e5e7eb;
    border-left: 3px solid rgba(255,255,255,0.2);
    padding-left: 12px;
}

.faction-question[b-augjibfewv] {
    margin-top: 28px;
}

.question-title[b-augjibfewv] {
    font-weight: 600;
    color: #ffffff;
}

.choice-list[b-augjibfewv] {
    display: grid;
    gap: 12px;
    margin: 18px 0 10px;
}

.choice-option[b-augjibfewv] {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    padding: 14px 16px;
    border: 1px solid rgba(255,255,255,0.12);
    border-radius: 8px;
    background: rgba(255,255,255,0.04);
    cursor: pointer;
}

.choice-option input[b-augjibfewv] {
    flex: 0 0 auto;
    margin-top: 6px;
}

.choice-option span[b-augjibfewv] {
    color: #f8fafc;
}

.validation-message[b-augjibfewv],
.form-error[b-augjibfewv] {
    margin-top: 10px;
    color: #fecaca;
    font-weight: 600;
}
/* /Components/Pages/Story/OrderOfTheTomb/Episode1/Step1b.razor.rz.scp.css */
.step-page[b-lsm5nkol7r] {
    max-width: 920px;
    margin: 0 auto;
    padding: 40px 20px 56px;
}

.step-title[b-lsm5nkol7r] {
    font-family: 'Cinzel', serif;
    font-size: clamp(2rem, 4vw, 3rem);
    letter-spacing: 2px;
    margin-top: 10px;
    margin-bottom: 8px;
    color: #fff;
}

.step-subtitle[b-lsm5nkol7r] {
    color: rgba(255,255,255,0.65);
    font-size: 1rem;
}

.step-content[b-lsm5nkol7r] {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.story-card[b-lsm5nkol7r] {
    background: rgba(255,255,255,0.05);
    border: 1px solid rgba(255,255,255,0.08);
    border-radius: 22px;
    padding: 28px;
    line-height: 1.85;
    box-shadow: 0 18px 40px rgba(0,0,0,0.22);
    backdrop-filter: blur(8px);
}

.story-label[b-lsm5nkol7r] {
    color: #9ca3af;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 0.85rem;
    margin-bottom: 12px;
}

.highlight[b-lsm5nkol7r] {
    color: #fbbf24;
    font-weight: 700;
}

.strong[b-lsm5nkol7r] {
    font-weight: 700;
    color: #fff;
}

.focus[b-lsm5nkol7r] {
    font-weight: 600;
    color: #fde68a;
}

.custom-list[b-lsm5nkol7r] {
    padding-left: 1.2rem;
    color: rgba(255,255,255,0.82);
}

    .custom-list li + li[b-lsm5nkol7r] {
        margin-top: 0.35rem;
    }

.enigma-card[b-lsm5nkol7r] {
    border-left: 3px solid rgba(251, 191, 36, 0.55);
}

.enigma-image-wrap[b-lsm5nkol7r] {
    padding: 14px;
    border-radius: 18px;
    background: rgba(255,255,255,0.04);
    border: 1px solid rgba(255,255,255,0.06);
}

.enigma-image[b-lsm5nkol7r] {
    max-width: 520px;
    width: 100%;
    border-radius: 16px;
    box-shadow: 0 14px 30px rgba(0,0,0,0.25);
}

.hint-text[b-lsm5nkol7r] {
    color: rgba(255,255,255,0.6);
    margin-bottom: 1rem;
}

.answer-panel[b-lsm5nkol7r] {
    margin-top: 1rem;
    padding: 20px;
    border-radius: 18px;
    background: linear-gradient(180deg, rgba(255,255,255,0.06), rgba(255,255,255,0.03));
    border: 1px solid rgba(255,255,255,0.08);
}

.answer-title[b-lsm5nkol7r] {
    font-weight: 700;
    color: #fff;
    margin-bottom: 12px;
}

.custom-select[b-lsm5nkol7r] {
    max-width: 180px;
    background-color: rgba(255,255,255,0.08);
    border: 1px solid rgba(255,255,255,0.12);
    color: #fff;
}

    .custom-select option[b-lsm5nkol7r] {
        color: #111827;
    }

.btn-validate[b-lsm5nkol7r] {
    background: rgba(255,255,255,0.1);
    border: 1px solid rgba(255,255,255,0.12);
    color: #fff;
    font-weight: 600;
    border-radius: 12px;
    padding: 0.75rem 1.25rem;
    transition: all 0.2s ease;
}

    .btn-validate:hover[b-lsm5nkol7r] {
        background: rgba(255,255,255,0.16);
        transform: translateY(-1px);
    }

.feedback-message[b-lsm5nkol7r] {
    color: #fcd34d;
    font-weight: 600;
}

.step-cta[b-lsm5nkol7r] {
    margin-top: 8px;
}

.btn-next[b-lsm5nkol7r] {
    background: linear-gradient(90deg, #7c3aed, #9333ea);
    border: none;
    color: white;
    font-weight: 700;
    border-radius: 999px;
    padding: 12px 26px;
    box-shadow: 0 10px 25px rgba(124,58,237,0.4);
    transition: all 0.25s ease;
}

    .btn-next:hover:not(.disabled)[b-lsm5nkol7r] {
        transform: translateY(-2px);
        box-shadow: 0 14px 30px rgba(124,58,237,0.45);
    }

    .btn-next.disabled[b-lsm5nkol7r],
    .btn-next[aria-disabled="true"][b-lsm5nkol7r] {
        opacity: 0.45;
        pointer-events: none;
        box-shadow: none;
    }

@media (max-width: 576px) {
    .step-page[b-lsm5nkol7r] {
        padding: 28px 14px 40px;
    }

    .story-card[b-lsm5nkol7r] {
        padding: 20px;
        border-radius: 18px;
    }

    .custom-select[b-lsm5nkol7r] {
        max-width: 100%;
    }

    .btn-validate[b-lsm5nkol7r] {
        width: 100%;
    }
}

/* /Components/Pages/Story/OrderOfTheTomb/Episode1/Step1c.razor.rz.scp.css */
.step-page[b-2w5nbqfkns] {
    max-width: 920px;
    margin: 0 auto;
    padding: 40px 20px 56px;
}

.step-title[b-2w5nbqfkns] {
    font-family: 'Cinzel', serif;
    font-size: clamp(2rem, 4vw, 3rem);
    letter-spacing: 2px;
    margin-top: 10px;
    margin-bottom: 8px;
    color: #fff;
}

.step-subtitle[b-2w5nbqfkns] {
    color: rgba(255,255,255,0.65);
    font-size: 1rem;
}

.step-content[b-2w5nbqfkns] {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.story-card[b-2w5nbqfkns] {
    background: rgba(255,255,255,0.05);
    border: 1px solid rgba(255,255,255,0.08);
    border-radius: 22px;
    padding: 28px;
    line-height: 1.85;
    box-shadow: 0 18px 40px rgba(0,0,0,0.22);
    backdrop-filter: blur(8px);
}

.story-label[b-2w5nbqfkns] {
    color: #9ca3af;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 0.85rem;
    margin-bottom: 12px;
}

.highlight[b-2w5nbqfkns] {
    color: #fbbf24;
    font-weight: 700;
}

.strong[b-2w5nbqfkns] {
    font-weight: 700;
    color: #fff;
}

.focus[b-2w5nbqfkns] {
    font-weight: 600;
    color: #fde68a;
}

.custom-list[b-2w5nbqfkns] {
    padding-left: 1.2rem;
    color: rgba(255,255,255,0.82);
}

    .custom-list li + li[b-2w5nbqfkns] {
        margin-top: 0.35rem;
    }

.enigma-card[b-2w5nbqfkns] {
    border-left: 3px solid rgba(251, 191, 36, 0.55);
}

.enigma-image-wrap[b-2w5nbqfkns] {
    padding: 14px;
    border-radius: 18px;
    background: rgba(255,255,255,0.04);
    border: 1px solid rgba(255,255,255,0.06);
}

.enigma-image[b-2w5nbqfkns] {
    max-width: 520px;
    width: 100%;
    border-radius: 16px;
    box-shadow: 0 14px 30px rgba(0,0,0,0.25);
}

.hint-text[b-2w5nbqfkns] {
    color: rgba(255,255,255,0.6);
    margin-bottom: 1rem;
}

.answer-panel[b-2w5nbqfkns] {
    margin-top: 1rem;
    padding: 20px;
    border-radius: 18px;
    background: linear-gradient(180deg, rgba(255,255,255,0.06), rgba(255,255,255,0.03));
    border: 1px solid rgba(255,255,255,0.08);
}

.answer-title[b-2w5nbqfkns] {
    font-weight: 700;
    color: #fff;
    margin-bottom: 12px;
}

.custom-select[b-2w5nbqfkns] {
    max-width: 180px;
    background-color: rgba(255,255,255,0.08);
    border: 1px solid rgba(255,255,255,0.12);
    color: #fff;
}

    .custom-select option[b-2w5nbqfkns] {
        color: #111827;
    }



    .btn-validate:hover[b-2w5nbqfkns] {
        background: rgba(255,255,255,0.16);
        transform: translateY(-1px);
    }

.feedback-message[b-2w5nbqfkns] {
    color: #fcd34d;
    font-weight: 600;
}

.step-cta[b-2w5nbqfkns] {
    margin-top: 8px;
}

.btn-next[b-2w5nbqfkns] {
    background: linear-gradient(90deg, #7c3aed, #9333ea);
    border: none;
    color: white;
    font-weight: 700;
    border-radius: 999px;
    padding: 12px 26px;
    box-shadow: 0 10px 25px rgba(124,58,237,0.4);
    transition: all 0.25s ease;
}

    .btn-next:hover:not(.disabled)[b-2w5nbqfkns] {
        transform: translateY(-2px);
        box-shadow: 0 14px 30px rgba(124,58,237,0.45);
    }

    .btn-next.disabled[b-2w5nbqfkns],
    .btn-next[aria-disabled="true"][b-2w5nbqfkns] {
        opacity: 0.45;
        pointer-events: none;
        box-shadow: none;
    }

@media (max-width: 576px) {
    .step-page[b-2w5nbqfkns] {
        padding: 28px 14px 40px;
    }

    .story-card[b-2w5nbqfkns] {
        padding: 20px;
        border-radius: 18px;
    }

    .custom-select[b-2w5nbqfkns] {
        max-width: 100%;
    }

    .btn-validate[b-2w5nbqfkns] {
        width: 100%;
    }
}
.btn-validate[b-2w5nbqfkns] {
    background: rgba(255,255,255,0.1);
    border: 1px solid rgba(255,255,255,0.12);
    color: #fff;
    font-weight: 600;
    border-radius: 12px;
    padding: 0.75rem 1.25rem;
    transition: all 0.2s ease;
}
/* /Components/Pages/Story/OrderOfTheTomb/Episode1/Step1d.razor.rz.scp.css */
.step-page[b-9qq36rm3qe] {
    max-width: 920px;
    margin: 0 auto;
    padding: 40px 20px 56px;
}

.step-title[b-9qq36rm3qe] {
    font-family: 'Cinzel', serif;
    font-size: clamp(2rem, 4vw, 3rem);
    letter-spacing: 2px;
    margin-top: 10px;
    margin-bottom: 8px;
    color: #fff;
}

.step-subtitle[b-9qq36rm3qe] {
    color: rgba(255,255,255,0.65);
    font-size: 1rem;
}

.step-content[b-9qq36rm3qe] {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.story-card[b-9qq36rm3qe] {
    background: rgba(255,255,255,0.05);
    border: 1px solid rgba(255,255,255,0.08);
    border-radius: 22px;
    padding: 28px;
    line-height: 1.85;
    box-shadow: 0 18px 40px rgba(0,0,0,0.22);
    backdrop-filter: blur(8px);
}

.story-label[b-9qq36rm3qe] {
    color: #9ca3af;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 0.85rem;
    margin-bottom: 12px;
}

.focus[b-9qq36rm3qe] {
    font-weight: 600;
    color: #fde68a;
}

.strong[b-9qq36rm3qe] {
    font-weight: 700;
    color: #fff;
}

.parchment-card[b-9qq36rm3qe] {
    padding-top: 24px;
}

.location-text[b-9qq36rm3qe] {
    font-size: 1.08rem;
    color: #fff;
    line-height: 1.8;
}

.step-cta[b-9qq36rm3qe] {
    margin-top: 8px;
}

.btn-next[b-9qq36rm3qe] {
    background: linear-gradient(90deg, #7c3aed, #9333ea);
    border: none;
    color: white;
    font-weight: 700;
    border-radius: 999px;
    padding: 12px 26px;
    box-shadow: 0 10px 25px rgba(124,58,237,0.4);
    transition: all 0.25s ease;
}

    .btn-next:hover[b-9qq36rm3qe] {
        transform: translateY(-2px);
        box-shadow: 0 14px 30px rgba(124,58,237,0.45);
    }

.btn-validate[b-9qq36rm3qe] {
    background: rgba(255,255,255,0.1);
    border: 1px solid rgba(255,255,255,0.12);
    color: #fff;
    font-weight: 600;
    border-radius: 12px;
    padding: 0.75rem 1.25rem;
    transition: all 0.2s ease;
}

@media (max-width: 576px) {
    .step-page[b-9qq36rm3qe] {
        padding: 28px 14px 40px;
    }

    .story-card[b-9qq36rm3qe] {
        padding: 20px;
        border-radius: 18px;
    }
}
/* /Components/Pages/Story/OrderOfTheTomb/Episode2/Step2.razor.rz.scp.css */
/* PAGE */
.intro-page[b-qna2r2rt5a] {
    position: relative;
    min-height: 100vh;
    overflow: hidden;
    color: #f5ead7;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 40px 20px;
    font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
}

.intro-overlay[b-qna2r2rt5a] {
    position: absolute;
    inset: 0;
    pointer-events: none;
}

.intro-container[b-qna2r2rt5a] {
    position: relative;
    z-index: 1;
    width: 100%;
    max-width: 900px;
}

/* HEADER */
.intro-header[b-qna2r2rt5a] {
    margin-bottom: 32px;
    animation: fadeUp-b-qna2r2rt5a 0.8s ease;
}

.intro-badge[b-qna2r2rt5a] {
    display: inline-block;
    margin-bottom: 14px;
    padding: 8px 16px;
    border: 1px solid rgba(255,255,255,0.16);
    border-radius: 999px;
    background: rgba(255,255,255,0.06);
    color: #d8c29c;
    font-size: 0.9rem;
    letter-spacing: 1.5px;
    text-transform: uppercase;
}

.intro-title[b-qna2r2rt5a] {
    margin: 0;
    font-size: clamp(2rem, 5vw, 3.5rem);
    font-weight: 800;
    line-height: 1.05;
    letter-spacing: 1px;
    color: #fff5e6;
    text-shadow: 0 4px 18px rgba(0,0,0,0.35);
}

.intro-subtitle[b-qna2r2rt5a] {
    margin-top: 12px;
    color: rgba(245, 234, 215, 0.75);
    font-size: 1.05rem;
    letter-spacing: 0.5px;
}

/* CARD */
.intro-card[b-qna2r2rt5a] {
    position: relative;
    border-radius: 28px;
    background: rgba(255,255,255,0.06);
    border: 1px solid rgba(255,255,255,0.10);
    box-shadow: 0 20px 60px rgba(0,0,0,0.35), inset 0 1px 0 rgba(255,255,255,0.04);
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
    overflow: hidden;
    animation: fadeUp-b-qna2r2rt5a 1s ease;
}

    .intro-card[b-qna2r2rt5a]::before {
        content: "";
        position: absolute;
        inset: 0;
        background: linear-gradient(135deg, rgba(199, 155, 78, 0.10), transparent 45%);
        pointer-events: none;
    }

.intro-card-content[b-qna2r2rt5a] {
    position: relative;
    z-index: 1;
    padding: 36px 30px;
}

.intro-lead[b-qna2r2rt5a] {
    margin: 0 0 16px 0;
    font-size: 1.35rem;
    font-weight: 700;
    color: #fff2dc;
}

.intro-text[b-qna2r2rt5a] {
    margin: 0 0 28px 0;
    font-size: 1.08rem;
    line-height: 1.8;
    color: rgba(245, 234, 215, 0.92);
}

.highlight[b-qna2r2rt5a] {
    color: #e5c07b;
    font-weight: 700;
}

/* LOCATION */
.intro-location[b-qna2r2rt5a] {
    display: flex;
    align-items: flex-start;
    gap: 16px;
    margin-bottom: 30px;
    padding: 18px 20px;
    border-radius: 18px;
    background: rgba(0,0,0,0.22);
    border: 1px solid rgba(255,255,255,0.08);
}

.location-icon[b-qna2r2rt5a] {
    flex-shrink: 0;
    font-size: 1.4rem;
    line-height: 1;
    margin-top: 2px;
}

.location-name[b-qna2r2rt5a] {
    font-size: 1.05rem;
    font-weight: 700;
    color: #fff2dc;
    margin-bottom: 4px;
}

.location-address[b-qna2r2rt5a] {
    color: rgba(245, 234, 215, 0.72);
    line-height: 1.6;
}

/* ACTIONS */
.intro-actions[b-qna2r2rt5a] {
    display: flex;
    flex-wrap: wrap;
    gap: 14px;
}

.btn-main[b-qna2r2rt5a],
.btn-secondary[b-qna2r2rt5a] {
    appearance: none;
    border: none;
    text-decoration: none;
    cursor: pointer;
    transition: all 0.25s ease;
    font-weight: 700;
    border-radius: 999px;
    padding: 14px 22px;
    font-size: 0.98rem;
}

.btn-main[b-qna2r2rt5a] {
    background: linear-gradient(135deg, #c79b4e, #e2bf7a);
    color: #1b1b1b;
    box-shadow: 0 8px 24px rgba(199, 155, 78, 0.28);
}

    .btn-main:hover[b-qna2r2rt5a] {
        transform: translateY(-2px);
        box-shadow: 0 12px 30px rgba(199, 155, 78, 0.35);
    }

.btn-secondary[b-qna2r2rt5a] {
    background: rgba(255,255,255,0.06);
    color: #f5ead7;
    border: 1px solid rgba(255,255,255,0.14);
}

    .btn-secondary:hover[b-qna2r2rt5a] {
        background: rgba(255,255,255,0.12);
        transform: translateY(-2px);
    }

/* ANIM */
@keyframes fadeUp-b-qna2r2rt5a {
    from {
        opacity: 0;
        transform: translateY(18px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* RESPONSIVE */
@media (max-width: 768px) {
    .intro-page[b-qna2r2rt5a] {
        padding: 24px 16px;
        align-items: flex-start;
    }

    .intro-container[b-qna2r2rt5a] {
        max-width: 100%;
    }

    .intro-card-content[b-qna2r2rt5a] {
        padding: 28px 20px;
    }

    .intro-location[b-qna2r2rt5a] {
        padding: 16px;
    }

    .intro-actions[b-qna2r2rt5a] {
        flex-direction: column;
    }

    .btn-main[b-qna2r2rt5a],
    .btn-secondary[b-qna2r2rt5a] {
        width: 100%;
        text-align: center;
    }
}
/* /Components/Pages/Story/OrderOfTheTomb/Episode2/Step2a.razor.rz.scp.css */
/* HEADER */
.step-title[b-8r3yglqy84] {
    font-family: 'Cinzel', serif;
    font-size: 2.5rem;
    letter-spacing: 2px;
    margin-top: 10px;
    color: #fff;
}

/* CONTENT */
/* STORY CARD */
/* IMAGE */
.step-image-wrap[b-8r3yglqy84] {
    margin: 1rem 0 1.25rem;
    text-align: center;
}

.step-image[b-8r3yglqy84] {
    width: 100%;
    border-radius: 18px;
    box-shadow: 0 20px 50px rgba(0,0,0,0.35);
    display: block;
}

/* SPECIAL CARDS */
.archive-card[b-8r3yglqy84] {
    padding-top: 22px;
}

.question-card .story-block[b-8r3yglqy84] {
    border-left-color: rgba(96, 165, 250, 0.45);
}

.answer-card .story-block[b-8r3yglqy84] {
    border-left-color: rgba(124, 58, 237, 0.45);
}

/* ANSWER BOX */
.answer-box[b-8r3yglqy84] {
    background: rgba(255, 255, 255, 0.04);
    border: 1px solid rgba(255, 255, 255, 0.08);
}

.input-answer[b-8r3yglqy84] {
    flex: 1;
    min-height: 46px;
    border-radius: 12px;
    border: 1px solid rgba(255,255,255,0.12);
    background: rgba(255,255,255,0.08);
    color: #fff;
    padding: 0.75rem 1rem;
    outline: none;
}

    .input-answer:focus[b-8r3yglqy84] {
        border-color: rgba(251, 191, 36, 0.5);
        box-shadow: 0 0 0 0.2rem rgba(251, 191, 36, 0.12);
    }

    .btn-validate:hover[b-8r3yglqy84] {
        background: rgba(255,255,255,0.14);
        transform: translateY(-1px);
    }

.feedback-message[b-8r3yglqy84] {
    color: #facc15;
    font-weight: 600;
}

/* CTA */
.step-cta[b-8r3yglqy84] {
    margin-top: 4px;
}

    .btn-next:hover:not(.disabled)[b-8r3yglqy84] {
        transform: translateY(-2px);
        box-shadow: 0 14px 30px rgba(124,58,237,0.45);
    }

    .btn-next.disabled[b-8r3yglqy84],
    .btn-next[aria-disabled="true"][b-8r3yglqy84] {
        opacity: 0.45;
        pointer-events: none;
        box-shadow: none;
    }

/* NEWSPAPER BLOCK */
.newspaper-block[b-8r3yglqy84] {
    position: relative;
    background: #f4ecd8;
    color: #2f2a22;
    border: 1px solid #d4c29a;
    border-radius: 10px;
    padding: 1.5rem 1.25rem;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.22), inset 0 0 30px rgba(120, 95, 45, 0.08);
    overflow: hidden;
    background-image: radial-gradient(rgba(70, 55, 25, 0.035) 0.8px, transparent 0.8px), linear-gradient(180deg, rgba(255,255,255,0.10), rgba(120,90,35,0.03));
    background-size: 4px 4px, 100% 100%;
}

    .newspaper-block[b-8r3yglqy84]::before {
        content: "";
        position: absolute;
        inset: 0;
        pointer-events: none;
        background: linear-gradient(90deg, rgba(90, 65, 25, 0.06) 0%, transparent 8%, transparent 92%, rgba(90, 65, 25, 0.06) 100%);
        opacity: 0.65;
    }

    .newspaper-block[b-8r3yglqy84]::after {
        content: "";
        position: absolute;
        inset: 0;
        pointer-events: none;
        box-shadow: inset 0 0 0 1px rgba(255,255,255,0.15), inset 0 0 22px rgba(90, 65, 25, 0.08);
    }

.newspaper-header[b-8r3yglqy84] {
    position: relative;
    z-index: 1;
    text-align: center;
    border-bottom: 1px solid #b7a170;
    padding-bottom: 0.65rem;
    margin-bottom: 1rem;
}

.newspaper-date[b-8r3yglqy84] {
    font-family: 'Special Elite', monospace;
    font-size: 0.82rem;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: #6f5b33;
    margin-bottom: 0.25rem;
}

.newspaper-title[b-8r3yglqy84] {
    font-family: 'Special Elite', monospace;
    font-size: 1.2rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: #3f3120;
}

.newspaper-content[b-8r3yglqy84] {
    position: relative;
    z-index: 1;
    column-count: 2;
    column-gap: 2rem;
    column-rule: 1px solid rgba(120, 100, 60, 0.18);
    font-family: 'Patrick Hand', cursive;
    font-size: 1.15rem;
    line-height: 1.65;
    color: #2e2a24;
}

    .newspaper-content p[b-8r3yglqy84] {
        margin: 0 0 0.55rem 0;
        text-align: left;
        break-inside: avoid;
        transform: rotate(-0.15deg);
    }

        .newspaper-content p strong[b-8r3yglqy84] {
            font-family: 'Special Elite', monospace;
            font-size: 0.98em;
            color: #433220;
        }

    .newspaper-content .mt-3[b-8r3yglqy84] {
        margin-top: 0.9rem !important;
    }

.newspaper-block em[b-8r3yglqy84],
.newspaper-block i[b-8r3yglqy84] {
    color: #5b4629;
}

/* MOBILE */
@media (max-width: 768px) {
    .step-page[b-8r3yglqy84] {
        padding: 28px 14px 40px;
    }

    .step-title[b-8r3yglqy84] {
        font-size: 2rem;
    }

    .story-card[b-8r3yglqy84] {
        padding: 20px;
        border-radius: 18px;
    }

    .newspaper-block[b-8r3yglqy84] {
        padding: 1.2rem 1rem;
    }

    .newspaper-title[b-8r3yglqy84] {
        font-size: 1.05rem;
    }

    .newspaper-date[b-8r3yglqy84] {
        font-size: 0.76rem;
    }

    .newspaper-content[b-8r3yglqy84] {
        column-count: 1;
        column-gap: 0;
        column-rule: none;
        font-size: 1.08rem;
        line-height: 1.7;
    }

        .newspaper-content p[b-8r3yglqy84] {
            transform: none;
        }
}

.see-answer-link[b-8r3yglqy84] {
    font-size: 0.9rem;
    color: #6c757d;
    text-decoration: underline;
    cursor: pointer;
    transition: color 0.2s;
}

.see-answer-link:hover[b-8r3yglqy84] {
    color: #000;
}

.solution-box[b-8r3yglqy84] {
    border-left: 4px solid #198754;
    padding: 10px 15px;
    border-radius: 6px;
}
/* /Components/Pages/Story/OrderOfTheTomb/Episode2/Step2b.razor.rz.scp.css */
/* CONTENT */
/* STORY CARD */

.story-block[b-zsqh8k42go] {
    border-left: 3px solid rgba(212, 175, 55, 0.55);
    padding-left: 1rem;
    color: rgba(255, 255, 255, 0.9);
    line-height: 1.9;
    font-size: 1.05rem;
}
/* /Components/Pages/Story/OrderOfTheTomb/Episode3/Step3.razor.rz.scp.css */
/* PAGE */
.intro-page[b-m4y0logbrs] {
    position: relative;
    min-height: 100vh;
    overflow: hidden;
    color: #f5ead7;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 40px 20px;
    font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
}

.intro-overlay[b-m4y0logbrs] {
    position: absolute;
    inset: 0;
    pointer-events: none;
}

.intro-container[b-m4y0logbrs] {
    position: relative;
    z-index: 1;
    width: 100%;
    max-width: 900px;
}

/* HEADER */
.intro-header[b-m4y0logbrs] {
    margin-bottom: 32px;
    animation: fadeUp-b-m4y0logbrs 0.8s ease;
}

.intro-badge[b-m4y0logbrs] {
    display: inline-block;
    margin-bottom: 14px;
    padding: 8px 16px;
    border: 1px solid rgba(255,255,255,0.16);
    border-radius: 999px;
    background: rgba(255,255,255,0.06);
    color: #d8c29c;
    font-size: 0.9rem;
    letter-spacing: 1.5px;
    text-transform: uppercase;
}

.intro-title[b-m4y0logbrs] {
    margin: 0;
    font-size: clamp(2rem, 5vw, 3.5rem);
    font-weight: 800;
    line-height: 1.05;
    letter-spacing: 1px;
    color: #fff5e6;
    text-shadow: 0 4px 18px rgba(0,0,0,0.35);
}

.intro-subtitle[b-m4y0logbrs] {
    margin-top: 12px;
    color: rgba(245, 234, 215, 0.75);
    font-size: 1.05rem;
    letter-spacing: 0.5px;
}

/* CARD */
.intro-card[b-m4y0logbrs] {
    position: relative;
    border-radius: 28px;
    background: rgba(255,255,255,0.06);
    border: 1px solid rgba(255,255,255,0.10);
    box-shadow: 0 20px 60px rgba(0,0,0,0.35), inset 0 1px 0 rgba(255,255,255,0.04);
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
    overflow: hidden;
    animation: fadeUp-b-m4y0logbrs 1s ease;
}

    .intro-card[b-m4y0logbrs]::before {
        content: "";
        position: absolute;
        inset: 0;
        background: linear-gradient(135deg, rgba(199, 155, 78, 0.10), transparent 45%);
        pointer-events: none;
    }

.intro-card-content[b-m4y0logbrs] {
    position: relative;
    z-index: 1;
    padding: 36px 30px;
}

.intro-lead[b-m4y0logbrs] {
    margin: 0 0 16px 0;
    font-size: 1.35rem;
    font-weight: 700;
    color: #fff2dc;
}

.intro-text[b-m4y0logbrs] {
    margin: 0 0 28px 0;
    font-size: 1.08rem;
    line-height: 1.8;
    color: rgba(245, 234, 215, 0.92);
}

.highlight[b-m4y0logbrs] {
    color: #e5c07b;
    font-weight: 700;
}

/* LOCATION */
.intro-location[b-m4y0logbrs] {
    display: flex;
    align-items: flex-start;
    gap: 16px;
    margin-bottom: 30px;
    padding: 18px 20px;
    border-radius: 18px;
    background: rgba(0,0,0,0.22);
    border: 1px solid rgba(255,255,255,0.08);
}

.location-icon[b-m4y0logbrs] {
    flex-shrink: 0;
    font-size: 1.4rem;
    line-height: 1;
    margin-top: 2px;
}

.location-name[b-m4y0logbrs] {
    font-size: 1.05rem;
    font-weight: 700;
    color: #fff2dc;
    margin-bottom: 4px;
}

.location-address[b-m4y0logbrs] {
    color: rgba(245, 234, 215, 0.72);
    line-height: 1.6;
}

/* ACTIONS */
.intro-actions[b-m4y0logbrs] {
    display: flex;
    flex-wrap: wrap;
    gap: 14px;
}

.btn-main[b-m4y0logbrs],
.btn-secondary[b-m4y0logbrs] {
    appearance: none;
    border: none;
    text-decoration: none;
    cursor: pointer;
    transition: all 0.25s ease;
    font-weight: 700;
    border-radius: 999px;
    padding: 14px 22px;
    font-size: 0.98rem;
}

.btn-main[b-m4y0logbrs] {
    background: linear-gradient(135deg, #c79b4e, #e2bf7a);
    color: #1b1b1b;
    box-shadow: 0 8px 24px rgba(199, 155, 78, 0.28);
}

    .btn-main:hover[b-m4y0logbrs] {
        transform: translateY(-2px);
        box-shadow: 0 12px 30px rgba(199, 155, 78, 0.35);
    }

.btn-secondary[b-m4y0logbrs] {
    background: rgba(255,255,255,0.06);
    color: #f5ead7;
    border: 1px solid rgba(255,255,255,0.14);
}

    .btn-secondary:hover[b-m4y0logbrs] {
        background: rgba(255,255,255,0.12);
        transform: translateY(-2px);
    }

/* ANIM */
@keyframes fadeUp-b-m4y0logbrs {
    from {
        opacity: 0;
        transform: translateY(18px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* RESPONSIVE */
@media (max-width: 768px) {
    .intro-page[b-m4y0logbrs] {
        padding: 24px 16px;
        align-items: flex-start;
    }

    .intro-container[b-m4y0logbrs] {
        max-width: 100%;
    }

    .intro-card-content[b-m4y0logbrs] {
        padding: 28px 20px;
    }

    .intro-location[b-m4y0logbrs] {
        padding: 16px;
    }

    .intro-actions[b-m4y0logbrs] {
        flex-direction: column;
    }

    .btn-main[b-m4y0logbrs],
    .btn-secondary[b-m4y0logbrs] {
        width: 100%;
        text-align: center;
    }
}
/* /Components/Pages/Story/OrderOfTheTomb/Episode3/Step3a.razor.rz.scp.css */
.highlight[b-a3uw6kyo6j] {
    font-weight: 600;
    color: #fbbf24;
}

.quote[b-a3uw6kyo6j] {
    font-style: italic;
    opacity: 0.95;
    color: #e5e7eb;
    border-left: 3px solid rgba(255,255,255,0.2);
    padding-left: 12px;
}

.step-image-wrap[b-a3uw6kyo6j],
.compare-image-wrap[b-a3uw6kyo6j] {
    margin: 1rem 0 1.25rem;
}

.step-image[b-a3uw6kyo6j],
.compare-image[b-a3uw6kyo6j] {
    width: 100%;
    border-radius: 18px;
    box-shadow: 0 20px 50px rgba(0,0,0,0.35);
    display: block;
}

.question-block[b-a3uw6kyo6j] {
    padding-top: 0.25rem;
}

.answer-box[b-a3uw6kyo6j] {
    background: rgba(255, 255, 255, 0.04);
    border: 1px solid rgba(255, 255, 255, 0.08);
    overflow: hidden;
}

.answer-box-inner[b-a3uw6kyo6j] {
    padding: 1rem;
}

.custom-select[b-a3uw6kyo6j] {
    max-width: 180px;
    background: rgba(255,255,255,0.08);
    color: #fff;
    border: 1px solid rgba(255,255,255,0.12);
    border-radius: 12px;
}

    .custom-select option[b-a3uw6kyo6j] {
        color: #111827;
    }

    .btn-validate:hover[b-a3uw6kyo6j] {
        background: rgba(255,255,255,0.14);
        transform: translateY(-1px);
    }

.feedback-message[b-a3uw6kyo6j] {
    font-weight: 600;
}

.step-cta[b-a3uw6kyo6j] {
    margin-top: 4px;
}

    .btn-next:hover:not(.disabled)[b-a3uw6kyo6j] {
        transform: translateY(-2px);
        box-shadow: 0 14px 30px rgba(124,58,237,0.45);
    }

    .btn-next.disabled[b-a3uw6kyo6j],
    .btn-next[aria-disabled="true"][b-a3uw6kyo6j] {
        opacity: 0.45;
        pointer-events: none;
        box-shadow: none;
    }

@media (max-width: 768px) {
    .step-page[b-a3uw6kyo6j] {
        padding: 28px 14px 40px;
    }

    .step-title[b-a3uw6kyo6j] {
        font-size: 2rem;
    }

    .story-card[b-a3uw6kyo6j] {
        padding: 20px;
        border-radius: 18px;
    }

    .answer-box-inner[b-a3uw6kyo6j] {
        padding: 0.9rem;
    }

    .custom-select[b-a3uw6kyo6j] {
        max-width: 100%;
    }
}
/* /Components/Pages/Story/OrderOfTheTomb/Episode3/Step3b.razor.rz.scp.css */
.story-block[b-ap8ahsq0ds] {
    border-left: 3px solid rgba(212, 175, 55, 0.55);
    padding-left: 1rem;
    color: rgba(255,255,255,0.9);
    line-height: 1.9;
    font-size: 1.05rem;
}

.highlight[b-ap8ahsq0ds] {
    font-weight: 600;
    color: #fbbf24;
}

.strong[b-ap8ahsq0ds] {
    font-size: 1.2rem;
}

.transition[b-ap8ahsq0ds] {
    text-align: center;
    letter-spacing: 2px;
    opacity: 0.6;
    color: rgba(255,255,255,0.65);
}

.audio-panel[b-ap8ahsq0ds] {
    margin-top: 0.25rem;
    padding: 1rem;
    border-radius: 18px;
    background: rgba(255,255,255,0.04);
    border: 1px solid rgba(255,255,255,0.08);
}

.audio-immersive[b-ap8ahsq0ds] {
    margin-top: 10px;
}

.btn-audio[b-ap8ahsq0ds] {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    padding: 12px 20px;
    border-radius: 30px;
    border: 1px solid rgba(255,255,255,0.14);
    background: linear-gradient(145deg, #ffffff, #f1ede8);
    color: #2c2c2c;
    font-weight: 500;
    box-shadow: 0 4px 10px rgba(0,0,0,0.08);
    transition: all 0.25s ease;
}

    .btn-audio:hover[b-ap8ahsq0ds] {
        background: #f5f1ec;
        transform: scale(1.04);
        box-shadow: 0 6px 14px rgba(0,0,0,0.12);
    }

    .btn-audio.playing[b-ap8ahsq0ds] {
        background: linear-gradient(145deg, #ffe9e5, #fcd2cb);
        border-color: #b4290f;
        color: #7a1c10;
    }

    .btn-audio .icon[b-ap8ahsq0ds] {
        font-size: 1.2rem;
    }

.step-cta[b-ap8ahsq0ds] {
    margin-top: 4px;
}

    .btn-next:hover[b-ap8ahsq0ds] {
        transform: translateY(-2px);
        box-shadow: 0 14px 30px rgba(124,58,237,0.45);
    }

@media (max-width: 768px) {
    .step-page[b-ap8ahsq0ds] {
        padding: 28px 14px 40px;
    }

    .step-title[b-ap8ahsq0ds] {
        font-size: 2rem;
    }

    .story-card[b-ap8ahsq0ds] {
        padding: 20px;
        border-radius: 18px;
    }

    .audio-panel[b-ap8ahsq0ds] {
        padding: 0.9rem;
    }
}
/* /Components/Pages/Story/OrderOfTheTomb/Episode4/Step4.razor.rz.scp.css */
/* PAGE */
.intro-page[b-lw5m8rntc1] {
    position: relative;
    min-height: 100vh;
    overflow: hidden;
    color: #f5ead7;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 40px 20px;
    font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
}

.intro-overlay[b-lw5m8rntc1] {
    position: absolute;
    inset: 0;
    pointer-events: none;
}

.intro-container[b-lw5m8rntc1] {
    position: relative;
    z-index: 1;
    width: 100%;
    max-width: 900px;
}

/* HEADER */
.intro-header[b-lw5m8rntc1] {
    margin-bottom: 32px;
    animation: fadeUp-b-lw5m8rntc1 0.8s ease;
}

.intro-badge[b-lw5m8rntc1] {
    display: inline-block;
    margin-bottom: 14px;
    padding: 8px 16px;
    border: 1px solid rgba(255,255,255,0.16);
    border-radius: 999px;
    background: rgba(255,255,255,0.06);
    color: #d8c29c;
    font-size: 0.9rem;
    letter-spacing: 1.5px;
    text-transform: uppercase;
}

.intro-title[b-lw5m8rntc1] {
    margin: 0;
    font-size: clamp(2rem, 5vw, 3.5rem);
    font-weight: 800;
    line-height: 1.05;
    letter-spacing: 1px;
    color: #fff5e6;
    text-shadow: 0 4px 18px rgba(0,0,0,0.35);
}

.intro-subtitle[b-lw5m8rntc1] {
    margin-top: 12px;
    color: rgba(245, 234, 215, 0.75);
    font-size: 1.05rem;
    letter-spacing: 0.5px;
}

/* CARD */
.intro-card[b-lw5m8rntc1] {
    position: relative;
    border-radius: 28px;
    background: rgba(255,255,255,0.06);
    border: 1px solid rgba(255,255,255,0.10);
    box-shadow: 0 20px 60px rgba(0,0,0,0.35), inset 0 1px 0 rgba(255,255,255,0.04);
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
    overflow: hidden;
    animation: fadeUp-b-lw5m8rntc1 1s ease;
}

    .intro-card[b-lw5m8rntc1]::before {
        content: "";
        position: absolute;
        inset: 0;
        background: linear-gradient(135deg, rgba(199, 155, 78, 0.10), transparent 45%);
        pointer-events: none;
    }

.intro-card-content[b-lw5m8rntc1] {
    position: relative;
    z-index: 1;
    padding: 36px 30px;
}

.intro-lead[b-lw5m8rntc1] {
    margin: 0 0 16px 0;
    font-size: 1.35rem;
    font-weight: 700;
    color: #fff2dc;
}

.intro-text[b-lw5m8rntc1] {
    margin: 0 0 28px 0;
    font-size: 1.08rem;
    line-height: 1.8;
    color: rgba(245, 234, 215, 0.92);
}

.highlight[b-lw5m8rntc1] {
    color: #e5c07b;
    font-weight: 700;
}

/* LOCATION */
.intro-location[b-lw5m8rntc1] {
    display: flex;
    align-items: flex-start;
    gap: 16px;
    margin-bottom: 30px;
    padding: 18px 20px;
    border-radius: 18px;
    background: rgba(0,0,0,0.22);
    border: 1px solid rgba(255,255,255,0.08);
}

.location-icon[b-lw5m8rntc1] {
    flex-shrink: 0;
    font-size: 1.4rem;
    line-height: 1;
    margin-top: 2px;
}

.location-name[b-lw5m8rntc1] {
    font-size: 1.05rem;
    font-weight: 700;
    color: #fff2dc;
    margin-bottom: 4px;
}

.location-address[b-lw5m8rntc1] {
    color: rgba(245, 234, 215, 0.72);
    line-height: 1.6;
}

/* ACTIONS */
.intro-actions[b-lw5m8rntc1] {
    display: flex;
    flex-wrap: wrap;
    gap: 14px;
}

.btn-main[b-lw5m8rntc1],
.btn-secondary[b-lw5m8rntc1] {
    appearance: none;
    border: none;
    text-decoration: none;
    cursor: pointer;
    transition: all 0.25s ease;
    font-weight: 700;
    border-radius: 999px;
    padding: 14px 22px;
    font-size: 0.98rem;
}

.btn-main[b-lw5m8rntc1] {
    background: linear-gradient(135deg, #c79b4e, #e2bf7a);
    color: #1b1b1b;
    box-shadow: 0 8px 24px rgba(199, 155, 78, 0.28);
}

    .btn-main:hover[b-lw5m8rntc1] {
        transform: translateY(-2px);
        box-shadow: 0 12px 30px rgba(199, 155, 78, 0.35);
    }

.btn-secondary[b-lw5m8rntc1] {
    background: rgba(255,255,255,0.06);
    color: #f5ead7;
    border: 1px solid rgba(255,255,255,0.14);
}

    .btn-secondary:hover[b-lw5m8rntc1] {
        background: rgba(255,255,255,0.12);
        transform: translateY(-2px);
    }

/* ANIM */
@keyframes fadeUp-b-lw5m8rntc1 {
    from {
        opacity: 0;
        transform: translateY(18px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* RESPONSIVE */
@media (max-width: 768px) {
    .intro-page[b-lw5m8rntc1] {
        padding: 24px 16px;
        align-items: flex-start;
    }

    .intro-container[b-lw5m8rntc1] {
        max-width: 100%;
    }

    .intro-card-content[b-lw5m8rntc1] {
        padding: 28px 20px;
    }

    .intro-location[b-lw5m8rntc1] {
        padding: 16px;
    }

    .intro-actions[b-lw5m8rntc1] {
        flex-direction: column;
    }

    .btn-main[b-lw5m8rntc1],
    .btn-secondary[b-lw5m8rntc1] {
        width: 100%;
        text-align: center;
    }
}
/* /Components/Pages/Story/OrderOfTheTomb/Episode4/Step4a.razor.rz.scp.css */
.highlight[b-ncfx0oq3zj] {
    font-weight: 600;
    color: #fbbf24;
}

.quote[b-ncfx0oq3zj] {
    font-style: italic;
    opacity: 0.95;
    color: #e5e7eb;
    border-left: 3px solid rgba(255,255,255,0.2);
    padding-left: 12px;
}

.strong[b-ncfx0oq3zj] {
    font-size: 1.2rem;
    color: #fff;
    font-weight: 700;
}

.section-label[b-ncfx0oq3zj] {
    font-size: 0.85rem;
    letter-spacing: 1px;
    color: #9ca3af;
    text-transform: uppercase;
}

.step-image-wrap[b-ncfx0oq3zj] {
    margin: 0 0 1.25rem;
}

.step-image[b-ncfx0oq3zj] {
    width: 100%;
    border-radius: 18px;
    box-shadow: 0 20px 50px rgba(0,0,0,0.35);
    display: block;
}

.answer-card[b-ncfx0oq3zj] {
    border-left: 3px solid rgba(124, 58, 237, 0.45);
}

.answer-box[b-ncfx0oq3zj] {
    background: rgba(255, 255, 255, 0.04);
    border: 1px solid rgba(255, 255, 255, 0.08);
    overflow: hidden;
}

.answer-box-inner[b-ncfx0oq3zj] {
    padding: 1rem;
}

.custom-select[b-ncfx0oq3zj] {
    max-width: 220px;
    background: rgba(255,255,255,0.08);
    color: #fff;
    border: 1px solid rgba(255,255,255,0.12);
    border-radius: 12px;
}

    .custom-select option[b-ncfx0oq3zj] {
        color: #111827;
    }

.input-answer[b-ncfx0oq3zj] {
    flex: 1;
    min-height: 46px;
    border-radius: 12px;
    border: 1px solid rgba(255,255,255,0.12);
    background: rgba(255,255,255,0.08);
    color: #fff;
    padding: 0.75rem 1rem;
    outline: none;
}

    .input-answer:focus[b-ncfx0oq3zj] {
        border-color: rgba(251, 191, 36, 0.5);
        box-shadow: 0 0 0 0.2rem rgba(251, 191, 36, 0.12);
    }

    .btn-validate:hover[b-ncfx0oq3zj] {
        background: rgba(255,255,255,0.14);
        transform: translateY(-1px);
    }

.feedback-message[b-ncfx0oq3zj] {
    font-weight: 600;
}

.step-cta[b-ncfx0oq3zj] {
    margin-top: 4px;
}

    .btn-next:hover:not(.disabled)[b-ncfx0oq3zj] {
        transform: translateY(-2px);
        box-shadow: 0 14px 30px rgba(124,58,237,0.45);
    }

    .btn-next.disabled[b-ncfx0oq3zj],
    .btn-next[aria-disabled="true"][b-ncfx0oq3zj] {
        opacity: 0.45;
        pointer-events: none;
        box-shadow: none;
    }

@media (max-width: 768px) {
    .step-page[b-ncfx0oq3zj] {
        padding: 28px 14px 40px;
    }

    .step-title[b-ncfx0oq3zj] {
        font-size: 2rem;
    }

    .story-card[b-ncfx0oq3zj] {
        padding: 20px;
        border-radius: 18px;
    }

    .answer-box-inner[b-ncfx0oq3zj] {
        padding: 0.9rem;
    }

    .custom-select[b-ncfx0oq3zj] {
        max-width: 100%;
    }
}

.newspaper-block[b-ncfx0oq3zj] {
    background: #f4ecd8;
    color: #2f2a22;
    border: 1px solid #d4c29a;
    border-radius: 10px;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.18), inset 0 0 24px rgba(120, 95, 45, 0.06);
    overflow: hidden;
}

.newspaper-header[b-ncfx0oq3zj] {
    text-align: center;
    border-bottom: 1px solid #b7a170;
    padding-bottom: 0.65rem;
    margin-bottom: 1rem;
}

.newspaper-date[b-ncfx0oq3zj] {
    font-size: 0.8rem;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    color: #6f5b33;
}

.newspaper-title[b-ncfx0oq3zj] {
    font-size: 1.15rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    color: #3f3120;
}

.newspaper-content[b-ncfx0oq3zj] {
    font-size: 1rem;
    line-height: 1.7;
    color: #2e2a24;
}

.newspaper-content.one-column[b-ncfx0oq3zj] {
    column-count: 1;
}

.newspaper-content p[b-ncfx0oq3zj] {
    margin-bottom: 0.75rem;
}

@media (max-width: 768px) {
    .newspaper-content[b-ncfx0oq3zj] {
        font-size: 0.98rem;
        line-height: 1.75;
    }
}
/* /Components/Pages/Story/OrderOfTheTomb/Episode4/Step4b.razor.rz.scp.css */
.story-block[b-kx15e317b7] {
    border-left: 3px solid rgba(212, 175, 55, 0.55);
    padding-left: 1rem;
    color: rgba(255,255,255,0.9);
    line-height: 1.9;
    font-size: 1.05rem;
}

.highlight[b-kx15e317b7] {
    font-weight: 600;
    color: #fbbf24;
}

.strong[b-kx15e317b7] {
    color: #fff;
    font-weight: 700;
    font-size: 1.08rem;
}

.section-label[b-kx15e317b7] {
    font-size: 0.85rem;
    letter-spacing: 1px;
    color: #9ca3af;
    text-transform: uppercase;
}

.archive-block[b-kx15e317b7] {
    margin-top: 1rem;
}

.step-image-wrap[b-kx15e317b7] {
    margin-top: 1rem;
}

.step-image[b-kx15e317b7] {
    width: 100%;
    border-radius: 18px;
    box-shadow: 0 20px 50px rgba(0,0,0,0.35);
    display: block;
}

.step-cta[b-kx15e317b7] {
    margin-top: 4px;
}

    .btn-next:hover[b-kx15e317b7] {
        transform: translateY(-2px);
        box-shadow: 0 14px 30px rgba(124,58,237,0.45);
    }

.newspaper-block[b-kx15e317b7] {
    background: #f4ecd8;
    color: #2f2a22;
    border: 1px solid #d4c29a;
    border-radius: 10px;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.18), inset 0 0 24px rgba(120, 95, 45, 0.06);
    overflow: hidden;
}

.newspaper-header[b-kx15e317b7] {
    text-align: center;
    border-bottom: 1px solid #b7a170;
    padding-bottom: 0.65rem;
    margin-bottom: 1rem;
}

.newspaper-date[b-kx15e317b7] {
    font-size: 0.8rem;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    color: #6f5b33;
}

.newspaper-title[b-kx15e317b7] {
    font-size: 1.15rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    color: #3f3120;
}

.newspaper-content[b-kx15e317b7] {
    font-size: 1rem;
    line-height: 1.7;
    color: #2e2a24;
}

    .newspaper-content.one-column[b-kx15e317b7] {
        column-count: 1;
    }

    .newspaper-content p[b-kx15e317b7] {
        margin-bottom: 0.75rem;
    }

@media (max-width: 768px) {
    .step-page[b-kx15e317b7] {
        padding: 28px 14px 40px;
    }

    .step-title[b-kx15e317b7] {
        font-size: 2rem;
    }

    .story-card[b-kx15e317b7] {
        padding: 20px;
        border-radius: 18px;
    }

    .newspaper-content[b-kx15e317b7] {
        font-size: 0.98rem;
        line-height: 1.75;
    }
}

.input-answer:focus[b-kx15e317b7] {
    border-color: rgba(251, 191, 36, 0.5);
    box-shadow: 0 0 0 0.2rem rgba(251, 191, 36, 0.12);
}

    .btn-validate:hover[b-kx15e317b7] {
        background: rgba(255,255,255,0.14);
        transform: translateY(-1px);
    }

.input-answer[b-kx15e317b7] {
    flex: 1;
    min-height: 46px;
    border-radius: 12px;
    border: 1px solid rgba(255,255,255,0.12);
    background: rgba(255,255,255,0.08);
    color: #fff;
    padding: 0.75rem 1rem;
    outline: none;
}

.see-answer-link[b-kx15e317b7] {
    font-size: 0.9rem;
    color: #6c757d;
    text-decoration: underline;
    cursor: pointer;
    transition: color 0.2s;
}

    .see-answer-link:hover[b-kx15e317b7] {
        color: #000;
    }
/* /Components/Pages/Story/OrderOfTheTomb/Episode5/Step5.razor.rz.scp.css */
/* PAGE */
.intro-page[b-x99h63j6g6] {
    position: relative;
    min-height: 100vh;
    overflow: hidden;
    color: #f5ead7;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 40px 20px;
    font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
}

.intro-overlay[b-x99h63j6g6] {
    position: absolute;
    inset: 0;
    pointer-events: none;
}

.intro-container[b-x99h63j6g6] {
    position: relative;
    z-index: 1;
    width: 100%;
    max-width: 900px;
}

/* HEADER */
.intro-header[b-x99h63j6g6] {
    margin-bottom: 32px;
    animation: fadeUp-b-x99h63j6g6 0.8s ease;
}

.intro-badge[b-x99h63j6g6] {
    display: inline-block;
    margin-bottom: 14px;
    padding: 8px 16px;
    border: 1px solid rgba(255,255,255,0.16);
    border-radius: 999px;
    background: rgba(255,255,255,0.06);
    color: #d8c29c;
    font-size: 0.9rem;
    letter-spacing: 1.5px;
    text-transform: uppercase;
}

.intro-title[b-x99h63j6g6] {
    margin: 0;
    font-size: clamp(2rem, 5vw, 3.5rem);
    font-weight: 800;
    line-height: 1.05;
    letter-spacing: 1px;
    color: #fff5e6;
    text-shadow: 0 4px 18px rgba(0,0,0,0.35);
}

.intro-subtitle[b-x99h63j6g6] {
    margin-top: 12px;
    color: rgba(245, 234, 215, 0.75);
    font-size: 1.05rem;
    letter-spacing: 0.5px;
}

/* CARD */
.intro-card[b-x99h63j6g6] {
    position: relative;
    border-radius: 28px;
    background: rgba(255,255,255,0.06);
    border: 1px solid rgba(255,255,255,0.10);
    box-shadow: 0 20px 60px rgba(0,0,0,0.35), inset 0 1px 0 rgba(255,255,255,0.04);
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
    overflow: hidden;
    animation: fadeUp-b-x99h63j6g6 1s ease;
}

    .intro-card[b-x99h63j6g6]::before {
        content: "";
        position: absolute;
        inset: 0;
        background: linear-gradient(135deg, rgba(199, 155, 78, 0.10), transparent 45%);
        pointer-events: none;
    }

.intro-card-content[b-x99h63j6g6] {
    position: relative;
    z-index: 1;
    padding: 36px 30px;
}

.intro-lead[b-x99h63j6g6] {
    margin: 0 0 16px 0;
    font-size: 1.35rem;
    font-weight: 700;
    color: #fff2dc;
}

.intro-text[b-x99h63j6g6] {
    margin: 0 0 28px 0;
    font-size: 1.08rem;
    line-height: 1.8;
    color: rgba(245, 234, 215, 0.92);
}

.highlight[b-x99h63j6g6] {
    color: #e5c07b;
    font-weight: 700;
}

/* LOCATION */
.intro-location[b-x99h63j6g6] {
    display: flex;
    align-items: flex-start;
    gap: 16px;
    margin-bottom: 30px;
    padding: 18px 20px;
    border-radius: 18px;
    background: rgba(0,0,0,0.22);
    border: 1px solid rgba(255,255,255,0.08);
}

.location-icon[b-x99h63j6g6] {
    flex-shrink: 0;
    font-size: 1.4rem;
    line-height: 1;
    margin-top: 2px;
}

.location-name[b-x99h63j6g6] {
    font-size: 1.05rem;
    font-weight: 700;
    color: #fff2dc;
    margin-bottom: 4px;
}

.location-address[b-x99h63j6g6] {
    color: rgba(245, 234, 215, 0.72);
    line-height: 1.6;
}

/* ACTIONS */
.intro-actions[b-x99h63j6g6] {
    display: flex;
    flex-wrap: wrap;
    gap: 14px;
}

.btn-main[b-x99h63j6g6],
.btn-secondary[b-x99h63j6g6] {
    appearance: none;
    border: none;
    text-decoration: none;
    cursor: pointer;
    transition: all 0.25s ease;
    font-weight: 700;
    border-radius: 999px;
    padding: 14px 22px;
    font-size: 0.98rem;
}

.btn-main[b-x99h63j6g6] {
    background: linear-gradient(135deg, #c79b4e, #e2bf7a);
    color: #1b1b1b;
    box-shadow: 0 8px 24px rgba(199, 155, 78, 0.28);
}

    .btn-main:hover[b-x99h63j6g6] {
        transform: translateY(-2px);
        box-shadow: 0 12px 30px rgba(199, 155, 78, 0.35);
    }

.btn-secondary[b-x99h63j6g6] {
    background: rgba(255,255,255,0.06);
    color: #f5ead7;
    border: 1px solid rgba(255,255,255,0.14);
}

    .btn-secondary:hover[b-x99h63j6g6] {
        background: rgba(255,255,255,0.12);
        transform: translateY(-2px);
    }

/* ANIM */
@keyframes fadeUp-b-x99h63j6g6 {
    from {
        opacity: 0;
        transform: translateY(18px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* RESPONSIVE */
@media (max-width: 768px) {
    .intro-page[b-x99h63j6g6] {
        padding: 24px 16px;
        align-items: flex-start;
    }

    .intro-container[b-x99h63j6g6] {
        max-width: 100%;
    }

    .intro-card-content[b-x99h63j6g6] {
        padding: 28px 20px;
    }

    .intro-location[b-x99h63j6g6] {
        padding: 16px;
    }

    .intro-actions[b-x99h63j6g6] {
        flex-direction: column;
    }

    .btn-main[b-x99h63j6g6],
    .btn-secondary[b-x99h63j6g6] {
        width: 100%;
        text-align: center;
    }
}
/* /Components/Pages/Story/OrderOfTheTomb/Episode5/Step5a.razor.rz.scp.css */
/* HEADER */
/* CONTENT */
/* STORY CARD */
.section-label[b-n76lhyqh86] {
    color: #adb5bd;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 0.85rem;
}

.highlight[b-n76lhyqh86] {
    font-weight: 600;
    color: #fbbf24;
}

.strong[b-n76lhyqh86] {
    font-size: 1.2rem;
    color: #fff;
}

.step-image[b-n76lhyqh86] {
    width: 100%;
    border-radius: 18px;
    box-shadow: 0 20px 50px rgba(0,0,0,0.35);
    display: block;
}

/* ANSWER */
.answer-card[b-n76lhyqh86] {
    border-left: 3px solid rgba(124, 58, 237, 0.45);
}

.answer-box[b-n76lhyqh86] {
    background: rgba(255, 255, 255, 0.04);
    border: 1px solid rgba(255, 255, 255, 0.08);
    overflow: hidden;
}

.answer-box-inner[b-n76lhyqh86] {
    padding: 1rem;
}

.custom-select[b-n76lhyqh86] {
    max-width: 220px;
    background: rgba(255,255,255,0.08);
    color: #fff;
    border: 1px solid rgba(255,255,255,0.12);
    border-radius: 12px;
}

    .custom-select option[b-n76lhyqh86] {
        color: #111827;
    }

    .btn-validate:hover[b-n76lhyqh86] {
        background: rgba(255,255,255,0.14);
        transform: translateY(-1px);
    }

.feedback-message[b-n76lhyqh86] {
    font-weight: 600;
}

.faction-question[b-n76lhyqh86] {
    border-left: 3px solid rgba(251, 191, 36, 0.45);
}

.choice-list[b-n76lhyqh86] {
    display: grid;
    gap: 12px;
    margin: 18px 0 10px;
}

.choice-option[b-n76lhyqh86] {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    padding: 14px 16px;
    border: 1px solid rgba(255,255,255,0.12);
    border-radius: 8px;
    background: rgba(255,255,255,0.04);
    cursor: pointer;
}

.choice-option input[b-n76lhyqh86] {
    flex: 0 0 auto;
    margin-top: 6px;
}

.choice-option span[b-n76lhyqh86] {
    color: #f8fafc;
}

.validation-message[b-n76lhyqh86] {
    margin-top: 10px;
    color: #fecaca;
    font-weight: 600;
}

/* CTA */
.step-cta[b-n76lhyqh86] {
    margin-top: 4px;
}

    .btn-next:hover:not(.disabled)[b-n76lhyqh86] {
        transform: translateY(-2px);
        box-shadow: 0 14px 30px rgba(124,58,237,0.45);
    }

    .btn-next.disabled[b-n76lhyqh86],
    .btn-next[aria-disabled="true"][b-n76lhyqh86] {
        opacity: 0.45;
        pointer-events: none;
        box-shadow: none;
    }

/* REGISTER */
.register-block[b-n76lhyqh86] {
    background: #f1e7cf;
    color: #2e2a24;
    border: 1px solid #d1bf93;
    border-radius: 10px;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.18), inset 0 0 22px rgba(120, 95, 45, 0.06);
}

.register-header[b-n76lhyqh86] {
    text-align: center;
    border-bottom: 1px solid #b7a170;
    padding-bottom: 0.65rem;
    margin-bottom: 1rem;
}

.register-date[b-n76lhyqh86] {
    font-size: 0.8rem;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    color: #6f5b33;
}

.register-title[b-n76lhyqh86] {
    font-size: 1.1rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    color: #3f3120;
}

.register-content[b-n76lhyqh86] {
    font-size: 1rem;
    line-height: 1.7;
}

    .register-content p[b-n76lhyqh86] {
        margin-bottom: 0.55rem;
    }

@media (max-width: 768px) {
    .step-page[b-n76lhyqh86] {
        padding: 28px 14px 40px;
    }

    .step-title[b-n76lhyqh86] {
        font-size: 2rem;
    }

    .story-card[b-n76lhyqh86] {
        padding: 20px;
        border-radius: 18px;
    }

    .answer-box-inner[b-n76lhyqh86] {
        padding: 0.9rem;
    }

    .custom-select[b-n76lhyqh86] {
        max-width: 100%;
    }

    .register-content[b-n76lhyqh86] {
        font-size: 0.98rem;
    }
}
/* /Components/Pages/Story/OrderOfTheTomb/Episode5/Step5b.razor.rz.scp.css */
/* HEADER */
/* CONTENT */
/* STORY CARD */
.section-label[b-oguuy8skav] {
    color: #adb5bd;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 0.85rem;
}

.highlight[b-oguuy8skav] {
    font-weight: 600;
    color: #fbbf24;
}

.strong[b-oguuy8skav] {
    font-size: 1.2rem;
    color: #fff;
}

/* CTA */
.step-cta[b-oguuy8skav] {
    margin-top: 4px;
}

    .btn-next:hover[b-oguuy8skav] {
        transform: translateY(-2px);
        box-shadow: 0 14px 30px rgba(124,58,237,0.45);
    }

/* REGISTER */
.register-block[b-oguuy8skav] {
    background: #f1e7cf;
    color: #2e2a24;
    border: 1px solid #d1bf93;
    border-radius: 10px;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.18), inset 0 0 22px rgba(120, 95, 45, 0.06);
}

.register-header[b-oguuy8skav] {
    text-align: center;
    border-bottom: 1px solid #b7a170;
    padding-bottom: 0.65rem;
    margin-bottom: 1rem;
}

.register-date[b-oguuy8skav] {
    font-size: 0.8rem;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    color: #6f5b33;
}

.register-title[b-oguuy8skav] {
    font-size: 1.1rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    color: #3f3120;
}

.register-content[b-oguuy8skav] {
    font-size: 1rem;
    line-height: 1.7;
}

    .register-content p[b-oguuy8skav] {
        margin-bottom: 0.55rem;
    }

@media (max-width: 768px) {
    .step-page[b-oguuy8skav] {
        padding: 28px 14px 40px;
    }

    .step-title[b-oguuy8skav] {
        font-size: 2rem;
    }

    .story-card[b-oguuy8skav] {
        padding: 20px;
        border-radius: 18px;
    }

    .register-content[b-oguuy8skav] {
        font-size: 0.98rem;
    }
}

.see-answer-link[b-oguuy8skav] {
    font-size: 0.9rem;
    color: #6c757d;
    text-decoration: underline;
    cursor: pointer;
    transition: color 0.2s;
}

    .see-answer-link:hover[b-oguuy8skav] {
        color: #000;
    }

.solution-box[b-oguuy8skav] {
    border-left: 4px solid #198754;
    padding: 10px 15px;
    border-radius: 6px;
}

    .btn-validate:hover[b-oguuy8skav] {
        background: rgba(255,255,255,0.14);
        transform: translateY(-1px);
    }
/* /Components/Pages/Story/OrderOfTheTomb/Episode6/Step6.razor.rz.scp.css */
/* PAGE */
.intro-page[b-f6wi2tb769] {
    position: relative;
    min-height: 100vh;
    overflow: hidden;
    color: #f5ead7;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 40px 20px;
    font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
}

.intro-overlay[b-f6wi2tb769] {
    position: absolute;
    inset: 0;
    pointer-events: none;
}

.intro-container[b-f6wi2tb769] {
    position: relative;
    z-index: 1;
    width: 100%;
    max-width: 900px;
}

/* HEADER */
.intro-header[b-f6wi2tb769] {
    margin-bottom: 32px;
    animation: fadeUp-b-f6wi2tb769 0.8s ease;
}

.intro-badge[b-f6wi2tb769] {
    display: inline-block;
    margin-bottom: 14px;
    padding: 8px 16px;
    border: 1px solid rgba(255,255,255,0.16);
    border-radius: 999px;
    background: rgba(255,255,255,0.06);
    color: #d8c29c;
    font-size: 0.9rem;
    letter-spacing: 1.5px;
    text-transform: uppercase;
}

.intro-title[b-f6wi2tb769] {
    margin: 0;
    font-size: clamp(2rem, 5vw, 3.5rem);
    font-weight: 800;
    line-height: 1.05;
    letter-spacing: 1px;
    color: #fff5e6;
    text-shadow: 0 4px 18px rgba(0,0,0,0.35);
}

.intro-subtitle[b-f6wi2tb769] {
    margin-top: 12px;
    color: rgba(245, 234, 215, 0.75);
    font-size: 1.05rem;
    letter-spacing: 0.5px;
}

/* CARD */
.intro-card[b-f6wi2tb769] {
    position: relative;
    border-radius: 28px;
    background: rgba(255,255,255,0.06);
    border: 1px solid rgba(255,255,255,0.10);
    box-shadow: 0 20px 60px rgba(0,0,0,0.35), inset 0 1px 0 rgba(255,255,255,0.04);
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
    overflow: hidden;
    animation: fadeUp-b-f6wi2tb769 1s ease;
}

    .intro-card[b-f6wi2tb769]::before {
        content: "";
        position: absolute;
        inset: 0;
        background: linear-gradient(135deg, rgba(199, 155, 78, 0.10), transparent 45%);
        pointer-events: none;
    }

.intro-card-content[b-f6wi2tb769] {
    position: relative;
    z-index: 1;
    padding: 36px 30px;
}

.intro-lead[b-f6wi2tb769] {
    margin: 0 0 16px 0;
    font-size: 1.35rem;
    font-weight: 700;
    color: #fff2dc;
}

.intro-text[b-f6wi2tb769] {
    margin: 0 0 28px 0;
    font-size: 1.08rem;
    line-height: 1.8;
    color: rgba(245, 234, 215, 0.92);
}

.highlight[b-f6wi2tb769] {
    color: #e5c07b;
    font-weight: 700;
}

/* LOCATION */
.intro-location[b-f6wi2tb769] {
    display: flex;
    align-items: flex-start;
    gap: 16px;
    margin-bottom: 30px;
    padding: 18px 20px;
    border-radius: 18px;
    background: rgba(0,0,0,0.22);
    border: 1px solid rgba(255,255,255,0.08);
}

.location-icon[b-f6wi2tb769] {
    flex-shrink: 0;
    font-size: 1.4rem;
    line-height: 1;
    margin-top: 2px;
}

.location-name[b-f6wi2tb769] {
    font-size: 1.05rem;
    font-weight: 700;
    color: #fff2dc;
    margin-bottom: 4px;
}

.location-address[b-f6wi2tb769] {
    color: rgba(245, 234, 215, 0.72);
    line-height: 1.6;
}

/* ACTIONS */
.intro-actions[b-f6wi2tb769] {
    display: flex;
    flex-wrap: wrap;
    gap: 14px;
}

.btn-main[b-f6wi2tb769],
.btn-secondary[b-f6wi2tb769] {
    appearance: none;
    border: none;
    text-decoration: none;
    cursor: pointer;
    transition: all 0.25s ease;
    font-weight: 700;
    border-radius: 999px;
    padding: 14px 22px;
    font-size: 0.98rem;
}

.btn-main[b-f6wi2tb769] {
    background: linear-gradient(135deg, #c79b4e, #e2bf7a);
    color: #1b1b1b;
    box-shadow: 0 8px 24px rgba(199, 155, 78, 0.28);
}

    .btn-main:hover[b-f6wi2tb769] {
        transform: translateY(-2px);
        box-shadow: 0 12px 30px rgba(199, 155, 78, 0.35);
    }

.btn-secondary[b-f6wi2tb769] {
    background: rgba(255,255,255,0.06);
    color: #f5ead7;
    border: 1px solid rgba(255,255,255,0.14);
}

    .btn-secondary:hover[b-f6wi2tb769] {
        background: rgba(255,255,255,0.12);
        transform: translateY(-2px);
    }

/* ANIM */
@keyframes fadeUp-b-f6wi2tb769 {
    from {
        opacity: 0;
        transform: translateY(18px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* RESPONSIVE */
@media (max-width: 768px) {
    .intro-page[b-f6wi2tb769] {
        padding: 24px 16px;
        align-items: flex-start;
    }

    .intro-container[b-f6wi2tb769] {
        max-width: 100%;
    }

    .intro-card-content[b-f6wi2tb769] {
        padding: 28px 20px;
    }

    .intro-location[b-f6wi2tb769] {
        padding: 16px;
    }

    .intro-actions[b-f6wi2tb769] {
        flex-direction: column;
    }

    .btn-main[b-f6wi2tb769],
    .btn-secondary[b-f6wi2tb769] {
        width: 100%;
        text-align: center;
    }
}
/* /Components/Pages/Story/OrderOfTheTomb/Episode6/Step6a.razor.rz.scp.css */
/* HEADER */
/* CONTENT */
/* STORY CARD */
.section-label[b-nieqdmg9cf] {
    color: #adb5bd;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 0.85rem;
}

.highlight[b-nieqdmg9cf] {
    color: #fbbf24;
    font-weight: 600;
}

.strong[b-nieqdmg9cf] {
    font-weight: 600;
    color: #fff;
    font-size: 1.08rem;
}

.quote[b-nieqdmg9cf] {
    font-style: italic;
    margin-top: 10px;
    color: #e5e7eb;
    border-left: 3px solid rgba(255,255,255,0.2);
    padding-left: 12px;
}

/* IMAGE */
.motif-image-wrap[b-nieqdmg9cf] {
    margin-bottom: 1rem;
}

.motif-image[b-nieqdmg9cf] {
    max-width: 260px;
    width: 100%;
    border-radius: 18px;
    box-shadow: 0 20px 50px rgba(0,0,0,0.35);
    display: inline-block;
}

/* ANSWER */
.answer-card[b-nieqdmg9cf] {
    border-left: 3px solid rgba(124, 58, 237, 0.45);
}

.answer-box[b-nieqdmg9cf] {
    background: rgba(255, 255, 255, 0.04);
    border: 1px solid rgba(255, 255, 255, 0.08);
    overflow: hidden;
}

.answer-box-inner[b-nieqdmg9cf] {
    padding: 1rem;
}

.custom-select[b-nieqdmg9cf] {
    max-width: 220px;
    background: rgba(255,255,255,0.08);
    color: #fff;
    border: 1px solid rgba(255,255,255,0.12);
    border-radius: 12px;
}

    .custom-select option[b-nieqdmg9cf] {
        color: #111827;
    }

    .btn-validate:hover[b-nieqdmg9cf] {
        background: rgba(255,255,255,0.14);
        transform: translateY(-1px);
    }

.feedback-message[b-nieqdmg9cf] {
    font-weight: 600;
}

/* CTA */
.step-cta[b-nieqdmg9cf] {
    margin-top: 4px;
    text-align: center;
}

    .btn-next:hover:not(.disabled)[b-nieqdmg9cf] {
        transform: translateY(-2px);
        box-shadow: 0 14px 30px rgba(124,58,237,0.45);
    }

    .btn-next.disabled[b-nieqdmg9cf],
    .btn-next[aria-disabled="true"][b-nieqdmg9cf] {
        opacity: 0.45;
        pointer-events: none;
        box-shadow: none;
    }

/* NEWSPAPER */
.newspaper-block[b-nieqdmg9cf] {
    background: #f4ecd8;
    color: #2f2a22;
    border: 1px solid #d4c29a;
    border-radius: 10px;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.18), inset 0 0 24px rgba(120, 95, 45, 0.06);
    overflow: hidden;
}

.newspaper-header[b-nieqdmg9cf] {
    text-align: center;
    border-bottom: 1px solid #b7a170;
    padding-bottom: 0.65rem;
    margin-bottom: 1rem;
}

.newspaper-date[b-nieqdmg9cf] {
    font-size: 0.8rem;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    color: #6f5b33;
}

.newspaper-title[b-nieqdmg9cf] {
    font-size: 1.15rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    color: #3f3120;
}

.newspaper-content[b-nieqdmg9cf] {
    font-size: 1rem;
    line-height: 1.7;
    color: #2e2a24;
}

    .newspaper-content.one-column[b-nieqdmg9cf] {
        column-count: 1;
        font-family: 'Patrick Hand', cursive;
        font-size: 1.15rem;
        line-height: 1.7;
        letter-spacing: 0.02em;
    }

    .newspaper-content p[b-nieqdmg9cf] {
        margin-bottom: 0.7rem;
    }

/* MOBILE */
@media (max-width: 768px) {
    .step-page[b-nieqdmg9cf] {
        padding: 28px 14px 40px;
    }

    .step-title[b-nieqdmg9cf] {
        font-size: 2rem;
    }

    .story-card[b-nieqdmg9cf] {
        padding: 20px;
        border-radius: 18px;
    }

    .answer-box-inner[b-nieqdmg9cf] {
        padding: 0.9rem;
    }

    .custom-select[b-nieqdmg9cf] {
        max-width: 100%;
    }

    .newspaper-content[b-nieqdmg9cf] {
        font-size: 0.98rem;
        line-height: 1.75;
    }

        .newspaper-content.one-column[b-nieqdmg9cf] {
            font-size: 1.02rem;
        }

    .strong[b-nieqdmg9cf] {
        font-size: 1.05rem;
    }
}
/* /Components/Pages/Story/OrderOfTheTomb/Episode6/Step6b.razor.rz.scp.css */
/* HEADER */
/* CONTENT */
/* STORY CARD */
.section-label[b-6o1lvoq44m] {
    color: #adb5bd;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 0.85rem;
}

.highlight[b-6o1lvoq44m] {
    color: #fbbf24;
    font-weight: 600;
}

.strong[b-6o1lvoq44m] {
    font-weight: 600;
    color: #fff;
    font-size: 1.08rem;
}

.quote[b-6o1lvoq44m] {
    font-style: italic;
    margin-top: 10px;
    color: #e5e7eb;
    border-left: 3px solid rgba(255,255,255,0.2);
    padding-left: 12px;
}

/* CTA */
.step-cta[b-6o1lvoq44m] {
    margin-top: 4px;
    text-align: center;
}

    .btn-next:hover[b-6o1lvoq44m] {
        transform: translateY(-2px);
        box-shadow: 0 14px 30px rgba(124,58,237,0.45);
    }

/* PARCHEMIN / MATRICE */
.parchment-wrap[b-6o1lvoq44m] {
    position: relative;
    max-width: 700px;
    margin: 0 auto;
    padding: 2rem 1.5rem;
    background: radial-gradient(circle at top left, rgba(255,255,255,0.20), transparent 28%), radial-gradient(circle at bottom right, rgba(110,70,20,0.10), transparent 30%), linear-gradient(180deg, #f3e2b8 0%, #e5cf98 100%);
    border: 1px solid rgba(95, 60, 25, 0.35);
    border-radius: 8px;
    box-shadow: 0 10px 28px rgba(0,0,0,0.30), inset 0 0 28px rgba(110, 70, 20, 0.10), inset 0 0 80px rgba(255,255,255,0.07);
    color: #4a2e16;
    overflow: hidden;
}

    .parchment-wrap[b-6o1lvoq44m]::before {
        content: "";
        position: absolute;
        inset: 0;
        pointer-events: none;
        background: repeating-linear-gradient( 0deg, rgba(90, 60, 25, 0.025) 0px, rgba(90, 60, 25, 0.025) 1px, transparent 1px, transparent 12px );
        opacity: 0.55;
    }

    .parchment-wrap[b-6o1lvoq44m]::after {
        content: "";
        position: absolute;
        inset: 0;
        pointer-events: none;
        box-shadow: inset 0 0 0 1px rgba(255,255,255,0.08), inset 0 0 18px rgba(80,45,15,0.16), inset 0 0 55px rgba(80,45,15,0.08);
    }

.parchment-title[b-6o1lvoq44m] {
    position: relative;
    z-index: 1;
    text-align: center;
    font-size: 1.3rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: #5a3417;
    margin-bottom: 1.4rem;
    text-shadow: 0 1px 0 rgba(255,255,255,0.25);
}

.parchment-row[b-6o1lvoq44m] {
    position: relative;
    z-index: 1;
    display: grid;
    grid-template-columns: 110px 1fr;
    gap: 1rem;
    align-items: center;
    padding: 0.85rem 0.35rem;
    border-bottom: 1px solid rgba(90, 52, 23, 0.16);
    font-size: 1.02rem;
}

    .parchment-row:last-child[b-6o1lvoq44m] {
        border-bottom: none;
    }

.parchment-head[b-6o1lvoq44m] {
    font-weight: 700;
    color: #603718;
    border-bottom: 2px solid rgba(90, 52, 23, 0.28);
    margin-bottom: 0.15rem;
    padding-top: 0;
}

.parchment-row div:first-child[b-6o1lvoq44m] {
    font-weight: 700;
    text-align: center;
}

.parchment-row div:last-child[b-6o1lvoq44m] {
    text-align: left;
}

/* MOBILE */
@media (max-width: 768px) {
    .step-page[b-6o1lvoq44m] {
        padding: 28px 14px 40px;
    }

    .step-title[b-6o1lvoq44m] {
        font-size: 2rem;
    }

    .story-card[b-6o1lvoq44m] {
        padding: 20px;
        border-radius: 18px;
    }

    .parchment-wrap[b-6o1lvoq44m] {
        padding: 1.5rem 1rem;
    }

    .parchment-title[b-6o1lvoq44m] {
        font-size: 1.08rem;
        margin-bottom: 1rem;
    }

    .parchment-row[b-6o1lvoq44m] {
        grid-template-columns: 78px 1fr;
        gap: 0.7rem;
        font-size: 0.95rem;
        padding: 0.75rem 0.2rem;
    }

    .strong[b-6o1lvoq44m] {
        font-size: 1.05rem;
    }
}
/* /Components/Pages/Story/OrderOfTheTomb/Episode7/Step7.razor.rz.scp.css */
/* PAGE */
.intro-page[b-c7j92gizi0] {
    position: relative;
    min-height: 100vh;
    overflow: hidden;
    color: #f5ead7;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 40px 20px;
    font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
}

.intro-overlay[b-c7j92gizi0] {
    position: absolute;
    inset: 0;
    pointer-events: none;
}

.intro-container[b-c7j92gizi0] {
    position: relative;
    z-index: 1;
    width: 100%;
    max-width: 900px;
}

/* HEADER */
.intro-header[b-c7j92gizi0] {
    margin-bottom: 32px;
    animation: fadeUp-b-c7j92gizi0 0.8s ease;
}

.intro-badge[b-c7j92gizi0] {
    display: inline-block;
    margin-bottom: 14px;
    padding: 8px 16px;
    border: 1px solid rgba(255,255,255,0.16);
    border-radius: 999px;
    background: rgba(255,255,255,0.06);
    color: #d8c29c;
    font-size: 0.9rem;
    letter-spacing: 1.5px;
    text-transform: uppercase;
}

.intro-title[b-c7j92gizi0] {
    margin: 0;
    font-size: clamp(2rem, 5vw, 3.5rem);
    font-weight: 800;
    line-height: 1.05;
    letter-spacing: 1px;
    color: #fff5e6;
    text-shadow: 0 4px 18px rgba(0,0,0,0.35);
}

.intro-subtitle[b-c7j92gizi0] {
    margin-top: 12px;
    color: rgba(245, 234, 215, 0.75);
    font-size: 1.05rem;
    letter-spacing: 0.5px;
}

/* CARD */
.intro-card[b-c7j92gizi0] {
    position: relative;
    border-radius: 28px;
    background: rgba(255,255,255,0.06);
    border: 1px solid rgba(255,255,255,0.10);
    box-shadow: 0 20px 60px rgba(0,0,0,0.35), inset 0 1px 0 rgba(255,255,255,0.04);
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
    overflow: hidden;
    animation: fadeUp-b-c7j92gizi0 1s ease;
}

    .intro-card[b-c7j92gizi0]::before {
        content: "";
        position: absolute;
        inset: 0;
        background: linear-gradient(135deg, rgba(199, 155, 78, 0.10), transparent 45%);
        pointer-events: none;
    }

.intro-card-content[b-c7j92gizi0] {
    position: relative;
    z-index: 1;
    padding: 36px 30px;
}

.intro-lead[b-c7j92gizi0] {
    margin: 0 0 16px 0;
    font-size: 1.35rem;
    font-weight: 700;
    color: #fff2dc;
}

.intro-text[b-c7j92gizi0] {
    margin: 0 0 28px 0;
    font-size: 1.08rem;
    line-height: 1.8;
    color: rgba(245, 234, 215, 0.92);
}

.highlight[b-c7j92gizi0] {
    color: #e5c07b;
    font-weight: 700;
}

/* LOCATION */
.intro-location[b-c7j92gizi0] {
    display: flex;
    align-items: flex-start;
    gap: 16px;
    margin-bottom: 30px;
    padding: 18px 20px;
    border-radius: 18px;
    background: rgba(0,0,0,0.22);
    border: 1px solid rgba(255,255,255,0.08);
}

.location-icon[b-c7j92gizi0] {
    flex-shrink: 0;
    font-size: 1.4rem;
    line-height: 1;
    margin-top: 2px;
}

.location-name[b-c7j92gizi0] {
    font-size: 1.05rem;
    font-weight: 700;
    color: #fff2dc;
    margin-bottom: 4px;
}

.location-address[b-c7j92gizi0] {
    color: rgba(245, 234, 215, 0.72);
    line-height: 1.6;
}

/* ACTIONS */
.intro-actions[b-c7j92gizi0] {
    display: flex;
    flex-wrap: wrap;
    gap: 14px;
}

.btn-main[b-c7j92gizi0],
.btn-secondary[b-c7j92gizi0] {
    appearance: none;
    border: none;
    text-decoration: none;
    cursor: pointer;
    transition: all 0.25s ease;
    font-weight: 700;
    border-radius: 999px;
    padding: 14px 22px;
    font-size: 0.98rem;
}

.btn-main[b-c7j92gizi0] {
    background: linear-gradient(135deg, #c79b4e, #e2bf7a);
    color: #1b1b1b;
    box-shadow: 0 8px 24px rgba(199, 155, 78, 0.28);
}

    .btn-main:hover[b-c7j92gizi0] {
        transform: translateY(-2px);
        box-shadow: 0 12px 30px rgba(199, 155, 78, 0.35);
    }

.btn-secondary[b-c7j92gizi0] {
    background: rgba(255,255,255,0.06);
    color: #f5ead7;
    border: 1px solid rgba(255,255,255,0.14);
}

    .btn-secondary:hover[b-c7j92gizi0] {
        background: rgba(255,255,255,0.12);
        transform: translateY(-2px);
    }

/* ANIM */
@keyframes fadeUp-b-c7j92gizi0 {
    from {
        opacity: 0;
        transform: translateY(18px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* RESPONSIVE */
@media (max-width: 768px) {
    .intro-page[b-c7j92gizi0] {
        padding: 24px 16px;
        align-items: flex-start;
    }

    .intro-container[b-c7j92gizi0] {
        max-width: 100%;
    }

    .intro-card-content[b-c7j92gizi0] {
        padding: 28px 20px;
    }

    .intro-location[b-c7j92gizi0] {
        padding: 16px;
    }

    .intro-actions[b-c7j92gizi0] {
        flex-direction: column;
    }

    .btn-main[b-c7j92gizi0],
    .btn-secondary[b-c7j92gizi0] {
        width: 100%;
        text-align: center;
    }
}
/* /Components/Pages/Story/OrderOfTheTomb/Episode7/Step7a.razor.rz.scp.css */
/* HEADER */
/* CONTENT */
/* STORY CARD */
.section-label[b-ampviq2280] {
    color: #adb5bd;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 0.85rem;
}

.highlight[b-ampviq2280] {
    color: #fbbf24;
    font-weight: 600;
}

.strong[b-ampviq2280] {
    font-size: 1.2rem;
    color: #fff;
    font-weight: 600;
}

/* ANSWER */
.answer-box[b-ampviq2280] {
    background: rgba(255, 255, 255, 0.04);
    border: 1px solid rgba(255, 255, 255, 0.08);
    overflow: hidden;
}

.answer-box-inner[b-ampviq2280] {
    padding: 1rem;
}

.custom-select[b-ampviq2280] {
    max-width: 220px;
    background: rgba(255,255,255,0.08);
    color: #fff;
    border: 1px solid rgba(255,255,255,0.12);
    border-radius: 12px;
}

    .custom-select option[b-ampviq2280] {
        color: #111827;
    }

    .btn-validate:hover[b-ampviq2280] {
        background: rgba(255,255,255,0.14);
        transform: translateY(-1px);
    }

.feedback-message[b-ampviq2280] {
    font-weight: 600;
}

/* CTA */
.step-cta[b-ampviq2280] {
    margin-top: 4px;
}

    .btn-next:hover:not(.disabled)[b-ampviq2280] {
        transform: translateY(-2px);
        box-shadow: 0 14px 30px rgba(124,58,237,0.45);
    }

    .btn-next.disabled[b-ampviq2280],
    .btn-next[aria-disabled="true"][b-ampviq2280] {
        opacity: 0.45;
        pointer-events: none;
        box-shadow: none;
    }

/* MOBILE */
@media (max-width: 768px) {
    .step-page[b-ampviq2280] {
        padding: 28px 14px 40px;
    }

    .step-title[b-ampviq2280] {
        font-size: 2rem;
    }

    .story-card[b-ampviq2280] {
        padding: 20px;
        border-radius: 18px;
    }

    .answer-box-inner[b-ampviq2280] {
        padding: 0.9rem;
    }

    .custom-select[b-ampviq2280] {
        max-width: 100%;
    }

    .strong[b-ampviq2280] {
        font-size: 1.05rem;
    }
}

.archive-date[b-ampviq2280] {
    font-style: italic;
    opacity: 0.75;
    margin-bottom: 1rem;
    letter-spacing: 1px;
}
/* /Components/Pages/Story/OrderOfTheTomb/Episode7/Step7b.razor.rz.scp.css */
/* HEADER */
/* CONTENT */
/* STORY CARD */
.section-label[b-otcts3hog2] {
    color: #adb5bd;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 0.85rem;
}

.highlight[b-otcts3hog2] {
    color: #fbbf24;
    font-weight: 600;
}

.strong[b-otcts3hog2] {
    font-size: 1.2rem;
    color: #fff;
    font-weight: 600;
}

/* CTA */
.step-cta[b-otcts3hog2] {
    margin-top: 4px;
}

    .btn-next:hover[b-otcts3hog2] {
        transform: translateY(-2px);
        box-shadow: 0 14px 30px rgba(124,58,237,0.45);
    }

/* MOBILE */
@media (max-width: 768px) {
    .step-page[b-otcts3hog2] {
        padding: 28px 14px 40px;
    }

    .step-title[b-otcts3hog2] {
        font-size: 2rem;
    }

    .story-card[b-otcts3hog2] {
        padding: 20px;
        border-radius: 18px;
    }

    .strong[b-otcts3hog2] {
        font-size: 1.05rem;
    }
}
/* /Components/Pages/Story/OrderOfTheTomb/Episode8/Step8.razor.rz.scp.css */
/* PAGE */
.intro-page[b-estl1c4lxb] {
    position: relative;
    min-height: 100vh;
    overflow: hidden;
    color: #f5ead7;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 40px 20px;
    font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
}

.intro-overlay[b-estl1c4lxb] {
    position: absolute;
    inset: 0;
    pointer-events: none;
}

.intro-container[b-estl1c4lxb] {
    position: relative;
    z-index: 1;
    width: 100%;
    max-width: 900px;
}

/* HEADER */
.intro-header[b-estl1c4lxb] {
    margin-bottom: 32px;
    animation: fadeUp-b-estl1c4lxb 0.8s ease;
}

.intro-badge[b-estl1c4lxb] {
    display: inline-block;
    margin-bottom: 14px;
    padding: 8px 16px;
    border: 1px solid rgba(255,255,255,0.16);
    border-radius: 999px;
    background: rgba(255,255,255,0.06);
    color: #d8c29c;
    font-size: 0.9rem;
    letter-spacing: 1.5px;
    text-transform: uppercase;
}

.intro-title[b-estl1c4lxb] {
    margin: 0;
    font-size: clamp(2rem, 5vw, 3.5rem);
    font-weight: 800;
    line-height: 1.05;
    letter-spacing: 1px;
    color: #fff5e6;
    text-shadow: 0 4px 18px rgba(0,0,0,0.35);
}

.intro-subtitle[b-estl1c4lxb] {
    margin-top: 12px;
    color: rgba(245, 234, 215, 0.75);
    font-size: 1.05rem;
    letter-spacing: 0.5px;
}

/* CARD */
.intro-card[b-estl1c4lxb] {
    position: relative;
    border-radius: 28px;
    background: rgba(255,255,255,0.06);
    border: 1px solid rgba(255,255,255,0.10);
    box-shadow: 0 20px 60px rgba(0,0,0,0.35), inset 0 1px 0 rgba(255,255,255,0.04);
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
    overflow: hidden;
    animation: fadeUp-b-estl1c4lxb 1s ease;
}

    .intro-card[b-estl1c4lxb]::before {
        content: "";
        position: absolute;
        inset: 0;
        background: linear-gradient(135deg, rgba(199, 155, 78, 0.10), transparent 45%);
        pointer-events: none;
    }

.intro-card-content[b-estl1c4lxb] {
    position: relative;
    z-index: 1;
    padding: 36px 30px;
}

.intro-lead[b-estl1c4lxb] {
    margin: 0 0 16px 0;
    font-size: 1.35rem;
    font-weight: 700;
    color: #fff2dc;
}

.intro-text[b-estl1c4lxb] {
    margin: 0 0 28px 0;
    font-size: 1.08rem;
    line-height: 1.8;
    color: rgba(245, 234, 215, 0.92);
}

.highlight[b-estl1c4lxb] {
    color: #e5c07b;
    font-weight: 700;
}

/* LOCATION */
.intro-location[b-estl1c4lxb] {
    display: flex;
    align-items: flex-start;
    gap: 16px;
    margin-bottom: 30px;
    padding: 18px 20px;
    border-radius: 18px;
    background: rgba(0,0,0,0.22);
    border: 1px solid rgba(255,255,255,0.08);
}

.location-icon[b-estl1c4lxb] {
    flex-shrink: 0;
    font-size: 1.4rem;
    line-height: 1;
    margin-top: 2px;
}

.location-name[b-estl1c4lxb] {
    font-size: 1.05rem;
    font-weight: 700;
    color: #fff2dc;
    margin-bottom: 4px;
}

.location-address[b-estl1c4lxb] {
    color: rgba(245, 234, 215, 0.72);
    line-height: 1.6;
}

/* ACTIONS */
.intro-actions[b-estl1c4lxb] {
    display: flex;
    flex-wrap: wrap;
    gap: 14px;
}

.btn-main[b-estl1c4lxb],
.btn-secondary[b-estl1c4lxb] {
    appearance: none;
    border: none;
    text-decoration: none;
    cursor: pointer;
    transition: all 0.25s ease;
    font-weight: 700;
    border-radius: 999px;
    padding: 14px 22px;
    font-size: 0.98rem;
}

.btn-main[b-estl1c4lxb] {
    background: linear-gradient(135deg, #c79b4e, #e2bf7a);
    color: #1b1b1b;
    box-shadow: 0 8px 24px rgba(199, 155, 78, 0.28);
}

    .btn-main:hover[b-estl1c4lxb] {
        transform: translateY(-2px);
        box-shadow: 0 12px 30px rgba(199, 155, 78, 0.35);
    }

.btn-secondary[b-estl1c4lxb] {
    background: rgba(255,255,255,0.06);
    color: #f5ead7;
    border: 1px solid rgba(255,255,255,0.14);
}

    .btn-secondary:hover[b-estl1c4lxb] {
        background: rgba(255,255,255,0.12);
        transform: translateY(-2px);
    }

/* ANIM */
@keyframes fadeUp-b-estl1c4lxb {
    from {
        opacity: 0;
        transform: translateY(18px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* RESPONSIVE */
@media (max-width: 768px) {
    .intro-page[b-estl1c4lxb] {
        padding: 24px 16px;
        align-items: flex-start;
    }

    .intro-container[b-estl1c4lxb] {
        max-width: 100%;
    }

    .intro-card-content[b-estl1c4lxb] {
        padding: 28px 20px;
    }

    .intro-location[b-estl1c4lxb] {
        padding: 16px;
    }

    .intro-actions[b-estl1c4lxb] {
        flex-direction: column;
    }

    .btn-main[b-estl1c4lxb],
    .btn-secondary[b-estl1c4lxb] {
        width: 100%;
        text-align: center;
    }
}
/* /Components/Pages/Story/OrderOfTheTomb/Episode8/Step8a.razor.rz.scp.css */
/* HEADER */
/* CONTENT */
/* STORY CARD */
.section-label[b-bg4alszl5y] {
    color: #adb5bd;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 0.85rem;
}

.highlight[b-bg4alszl5y] {
    color: #fbbf24;
    font-weight: 600;
}

.strong[b-bg4alszl5y] {
    font-size: 1.2rem;
    color: #fff;
    font-weight: 600;
}

/* ANSWER */
.answer-card[b-bg4alszl5y] {
    border-left: 3px solid rgba(124, 58, 237, 0.45);
}

.answer-box[b-bg4alszl5y] {
    background: rgba(255, 255, 255, 0.04);
    border: 1px solid rgba(255, 255, 255, 0.08);
    overflow: hidden;
}

.answer-box-inner[b-bg4alszl5y] {
    padding: 1rem;
}

.custom-select[b-bg4alszl5y] {
    max-width: 220px;
    background: rgba(255,255,255,0.08);
    color: #fff;
    border: 1px solid rgba(255,255,255,0.12);
    border-radius: 12px;
}

    .custom-select option[b-bg4alszl5y] {
        color: #111827;
    }

    .btn-validate:hover[b-bg4alszl5y] {
        background: rgba(255,255,255,0.14);
        transform: translateY(-1px);
    }

.feedback-message[b-bg4alszl5y] {
    font-weight: 600;
}

/* CTA */
.step-cta[b-bg4alszl5y] {
    margin-top: 4px;
}

    .btn-next:hover:not(.disabled)[b-bg4alszl5y] {
        transform: translateY(-2px);
        box-shadow: 0 14px 30px rgba(124,58,237,0.45);
    }

    .btn-next.disabled[b-bg4alszl5y],
    .btn-next[aria-disabled="true"][b-bg4alszl5y] {
        opacity: 0.45;
        pointer-events: none;
        box-shadow: none;
    }

/* MOBILE */
@media (max-width: 768px) {
    .step-page[b-bg4alszl5y] {
        padding: 28px 14px 40px;
    }

    .step-title[b-bg4alszl5y] {
        font-size: 2rem;
    }

    .story-card[b-bg4alszl5y] {
        padding: 20px;
        border-radius: 18px;
    }

    .answer-box-inner[b-bg4alszl5y] {
        padding: 0.9rem;
    }

    .custom-select[b-bg4alszl5y] {
        max-width: 100%;
    }

    .strong[b-bg4alszl5y] {
        font-size: 1.05rem;
    }
}
/* /Components/Pages/Story/OrderOfTheTomb/Episode8/Step8b.razor.rz.scp.css */
/* HEADER */
/* CONTENT */
/* STORY CARD */
.section-label[b-kh6wotva2q] {
    color: #adb5bd;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 0.85rem;
}

.highlight[b-kh6wotva2q] {
    color: #fbbf24;
    font-weight: 600;
}

.strong[b-kh6wotva2q] {
    font-size: 1.2rem;
    color: #fff;
    font-weight: 600;
}

.faction-question[b-kh6wotva2q] {
    padding: 18px 0 6px;
}

.choice-list[b-kh6wotva2q] {
    display: grid;
    gap: 12px;
    margin: 18px 0 10px;
}

.choice-option[b-kh6wotva2q] {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    padding: 14px 16px;
    border: 1px solid rgba(255,255,255,0.12);
    border-radius: 8px;
    background: rgba(255,255,255,0.04);
    cursor: pointer;
}

.choice-option input[b-kh6wotva2q] {
    flex: 0 0 auto;
    margin-top: 6px;
}

.choice-option span[b-kh6wotva2q] {
    color: #f8fafc;
}

.validation-message[b-kh6wotva2q] {
    margin-top: 10px;
    color: #fecaca;
    font-weight: 600;
}

.feedback-message[b-kh6wotva2q] {
    font-weight: 600;
}

/* SECRET DOCUMENT */
.secret-document[b-kh6wotva2q] {
    background: #efe4c8;
    color: #2f2a22;
    border: 1px solid #cfbd8f;
    border-radius: 10px;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.18), inset 0 0 20px rgba(120, 95, 45, 0.06);
}

.secret-document-header[b-kh6wotva2q] {
    text-align: center;
    border-bottom: 1px solid #b7a170;
    padding-bottom: 0.65rem;
    margin-bottom: 1rem;
}

.secret-document-date[b-kh6wotva2q] {
    font-size: 0.8rem;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    color: #6f5b33;
}

.secret-document-title[b-kh6wotva2q] {
    font-size: 1.1rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    color: #3f3120;
}

.secret-document-body[b-kh6wotva2q] {
    display: flex;
    flex-direction: column;
    gap: 0.65rem;
    font-family: 'Special Elite', monospace;
    font-size: 0.98rem;
    line-height: 1.6;
}

.secret-line[b-kh6wotva2q] {
    display: grid;
    grid-template-columns: 90px 1fr 1.2fr;
    gap: 1rem;
    padding-bottom: 0.45rem;
    border-bottom: 1px dashed rgba(80, 60, 20, 0.18);
}

    .secret-line:last-child[b-kh6wotva2q] {
        border-bottom: none;
    }

.secret-year[b-kh6wotva2q] {
    font-weight: 700;
}

.secret-name[b-kh6wotva2q] {
    font-weight: 600;
}

.secret-role[b-kh6wotva2q] {
    opacity: 0.95;
}

.secret-line.torn[b-kh6wotva2q] {
    opacity: 0.62;
    font-style: italic;
}

/* CTA */
.step-cta[b-kh6wotva2q] {
    margin-top: 4px;
}

    .btn-next:hover[b-kh6wotva2q] {
        transform: translateY(-2px);
        box-shadow: 0 14px 30px rgba(124,58,237,0.45);
    }

    .btn-next.disabled[b-kh6wotva2q],
    .btn-next[aria-disabled="true"][b-kh6wotva2q] {
        opacity: 0.45;
        pointer-events: none;
        box-shadow: none;
    }

/* MOBILE */
@media (max-width: 768px) {
    .step-page[b-kh6wotva2q] {
        padding: 28px 14px 40px;
    }

    .step-title[b-kh6wotva2q] {
        font-size: 2rem;
    }

    .story-card[b-kh6wotva2q] {
        padding: 20px;
        border-radius: 18px;
    }

    .secret-line[b-kh6wotva2q] {
        grid-template-columns: 1fr;
        gap: 0.2rem;
    }

    .secret-document-body[b-kh6wotva2q] {
        font-size: 0.94rem;
    }

    .strong[b-kh6wotva2q] {
        font-size: 1.05rem;
    }
}
/* /Components/Pages/Story/OrderOfTheTomb/Episode9/Step9.razor.rz.scp.css */
/* PAGE */
.intro-page[b-wqkdcglvda] {
    position: relative;
    min-height: 100vh;
    overflow: hidden;
    color: #f5ead7;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 40px 20px;
    font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
}

.intro-overlay[b-wqkdcglvda] {
    position: absolute;
    inset: 0;
    pointer-events: none;
}

.intro-container[b-wqkdcglvda] {
    position: relative;
    z-index: 1;
    width: 100%;
    max-width: 900px;
}

/* HEADER */
.intro-header[b-wqkdcglvda] {
    margin-bottom: 32px;
    animation: fadeUp-b-wqkdcglvda 0.8s ease;
}

.intro-badge[b-wqkdcglvda] {
    display: inline-block;
    margin-bottom: 14px;
    padding: 8px 16px;
    border: 1px solid rgba(255,255,255,0.16);
    border-radius: 999px;
    background: rgba(255,255,255,0.06);
    color: #d8c29c;
    font-size: 0.9rem;
    letter-spacing: 1.5px;
    text-transform: uppercase;
}

.intro-title[b-wqkdcglvda] {
    margin: 0;
    font-size: clamp(2rem, 5vw, 3.5rem);
    font-weight: 800;
    line-height: 1.05;
    letter-spacing: 1px;
    color: #fff5e6;
    text-shadow: 0 4px 18px rgba(0,0,0,0.35);
}

.intro-subtitle[b-wqkdcglvda] {
    margin-top: 12px;
    color: rgba(245, 234, 215, 0.75);
    font-size: 1.05rem;
    letter-spacing: 0.5px;
}

/* CARD */
.intro-card[b-wqkdcglvda] {
    position: relative;
    border-radius: 28px;
    background: rgba(255,255,255,0.06);
    border: 1px solid rgba(255,255,255,0.10);
    box-shadow: 0 20px 60px rgba(0,0,0,0.35), inset 0 1px 0 rgba(255,255,255,0.04);
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
    overflow: hidden;
    animation: fadeUp-b-wqkdcglvda 1s ease;
}

    .intro-card[b-wqkdcglvda]::before {
        content: "";
        position: absolute;
        inset: 0;
        background: linear-gradient(135deg, rgba(199, 155, 78, 0.10), transparent 45%);
        pointer-events: none;
    }

.intro-card-content[b-wqkdcglvda] {
    position: relative;
    z-index: 1;
    padding: 36px 30px;
}

.intro-lead[b-wqkdcglvda] {
    margin: 0 0 16px 0;
    font-size: 1.35rem;
    font-weight: 700;
    color: #fff2dc;
}

.intro-text[b-wqkdcglvda] {
    margin: 0 0 28px 0;
    font-size: 1.08rem;
    line-height: 1.8;
    color: rgba(245, 234, 215, 0.92);
}

.highlight[b-wqkdcglvda] {
    color: #e5c07b;
    font-weight: 700;
}

/* LOCATION */
.intro-location[b-wqkdcglvda] {
    display: flex;
    align-items: flex-start;
    gap: 16px;
    margin-bottom: 30px;
    padding: 18px 20px;
    border-radius: 18px;
    background: rgba(0,0,0,0.22);
    border: 1px solid rgba(255,255,255,0.08);
}

.location-icon[b-wqkdcglvda] {
    flex-shrink: 0;
    font-size: 1.4rem;
    line-height: 1;
    margin-top: 2px;
}

.location-name[b-wqkdcglvda] {
    font-size: 1.05rem;
    font-weight: 700;
    color: #fff2dc;
    margin-bottom: 4px;
}

.location-address[b-wqkdcglvda] {
    color: rgba(245, 234, 215, 0.72);
    line-height: 1.6;
}

/* ACTIONS */
.intro-actions[b-wqkdcglvda] {
    display: flex;
    flex-wrap: wrap;
    gap: 14px;
}

.btn-main[b-wqkdcglvda],
.btn-secondary[b-wqkdcglvda] {
    appearance: none;
    border: none;
    text-decoration: none;
    cursor: pointer;
    transition: all 0.25s ease;
    font-weight: 700;
    border-radius: 999px;
    padding: 14px 22px;
    font-size: 0.98rem;
}

.btn-main[b-wqkdcglvda] {
    background: linear-gradient(135deg, #c79b4e, #e2bf7a);
    color: #1b1b1b;
    box-shadow: 0 8px 24px rgba(199, 155, 78, 0.28);
}

    .btn-main:hover[b-wqkdcglvda] {
        transform: translateY(-2px);
        box-shadow: 0 12px 30px rgba(199, 155, 78, 0.35);
    }

.btn-secondary[b-wqkdcglvda] {
    background: rgba(255,255,255,0.06);
    color: #f5ead7;
    border: 1px solid rgba(255,255,255,0.14);
}

    .btn-secondary:hover[b-wqkdcglvda] {
        background: rgba(255,255,255,0.12);
        transform: translateY(-2px);
    }

/* ANIM */
@keyframes fadeUp-b-wqkdcglvda {
    from {
        opacity: 0;
        transform: translateY(18px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* RESPONSIVE */
@media (max-width: 768px) {
    .intro-page[b-wqkdcglvda] {
        padding: 24px 16px;
        align-items: flex-start;
    }

    .intro-container[b-wqkdcglvda] {
        max-width: 100%;
    }

    .intro-card-content[b-wqkdcglvda] {
        padding: 28px 20px;
    }

    .intro-location[b-wqkdcglvda] {
        padding: 16px;
    }

    .intro-actions[b-wqkdcglvda] {
        flex-direction: column;
    }

    .btn-main[b-wqkdcglvda],
    .btn-secondary[b-wqkdcglvda] {
        width: 100%;
        text-align: center;
    }
}
/* /Components/Pages/Story/OrderOfTheTomb/Episode9/Step9a.razor.rz.scp.css */
/* HEADER */
.step-header[b-kqy8krsuoi] {
    margin-bottom: 30px;
    text-align: center;
}

/* CONTENT */
/* STORY CARD */
.section-label[b-kqy8krsuoi] {
    color: #adb5bd;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 0.85rem;
}

.highlight[b-kqy8krsuoi] {
    color: #fbbf24;
    font-weight: 600;
}

.strong[b-kqy8krsuoi] {
    font-weight: 600;
    color: white;
    font-size: 1.2rem;
}

/* MOBILE */
@media (max-width: 768px) {
    .step-page[b-kqy8krsuoi] {
        padding: 28px 14px 40px;
    }

    .step-title[b-kqy8krsuoi] {
        font-size: 2rem;
    }

    .story-card[b-kqy8krsuoi] {
        padding: 20px;
        border-radius: 18px;
    }

    .strong[b-kqy8krsuoi] {
        font-size: 1.05rem;
    }
}

/* VIDEO HOMMAGE */
.tribute-video[b-kqy8krsuoi] {
}

.video-wrapper[b-kqy8krsuoi] {
    position: relative;
    width: 100%;
    aspect-ratio: 16 / 9;
    border-radius: 18px;
    overflow: hidden;
    box-shadow: 0 18px 45px rgba(0,0,0,0.35);
    border: 1px solid rgba(255,255,255,0.12);
    background: #000;
}

    .video-wrapper iframe[b-kqy8krsuoi] {
        position: absolute;
        inset: 0;
        width: 100%;
        height: 100%;
    }

.quiz-cta[b-kqy8krsuoi] {
    margin-top: 1.8rem;
}

.btn-final-quiz[b-kqy8krsuoi] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 52px;
    padding: 0.9rem 1.5rem;
    border-radius: 999px;
    text-decoration: none;
    font-weight: 800;
    letter-spacing: 0.4px;
    color: #14100a;
    background: linear-gradient(135deg, #fbbf24, #b45309);
    box-shadow: 0 14px 35px rgba(251,191,36,0.25);
    transition: all 0.2s ease;
}

.btn-final-quiz:hover[b-kqy8krsuoi] {
    transform: translateY(-2px);
    color: #14100a;
    box-shadow: 0 18px 45px rgba(251,191,36,0.32);
}
/* /Components/Pages/Story/OrderOfTheTomb/Gateway.razor.rz.scp.css */
.token-gateway-page[b-am43n7kl2c] {
    min-height: 60vh;
    display: grid;
    place-items: center;
    padding: 3rem 1rem;
}

.token-gateway-card[b-am43n7kl2c] {
    width: min(560px, 100%);
    padding: 2rem;
    border: 1px solid rgba(201, 166, 107, 0.18);
    border-radius: 18px;
    background: rgba(18, 24, 31, 0.86);
    box-shadow: 0 18px 50px rgba(0, 0, 0, 0.24);
    color: #f5efe4;
    text-align: center;
}

.token-gateway-kicker[b-am43n7kl2c] {
    margin: 0 0 0.7rem;
    color: #d7b67b;
    font-size: 0.82rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.token-gateway-card h1[b-am43n7kl2c] {
    margin: 0;
    color: #fff7ea;
    font-size: clamp(1.7rem, 3vw, 2.4rem);
    line-height: 1.15;
}

.token-gateway-card p:last-child[b-am43n7kl2c] {
    margin: 1rem 0 0;
    color: rgba(245, 239, 228, 0.86);
    line-height: 1.7;
}
/* /Components/Pages/Story/OrderOfTheTomb/Intro.razor.rz.scp.css */
.adventure-intro-page[b-2dtsvsuekc] {
    min-height: 100vh;
    background: radial-gradient(circle at top, rgba(158, 122, 72, 0.10), transparent 35%), linear-gradient(180deg, #0e141b 0%, #131c24 100%);
    color: #f5efe4;
    font-family: "Inter", "Segoe UI", sans-serif;
}

/* HERO */
.adventure-hero[b-2dtsvsuekc] {
    position: relative;
    height: 70vh;
    min-height: 520px;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
}

.adventure-hero-image[b-2dtsvsuekc] {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.adventure-hero-overlay[b-2dtsvsuekc] {
    position: absolute;
    inset: 0;
    background: linear-gradient(to bottom, rgba(7, 10, 14, 0.15), rgba(7, 10, 14, 0.75)), linear-gradient(to top, rgba(7, 10, 14, 0.95), rgba(7, 10, 14, 0.1));
}

.adventure-hero-content[b-2dtsvsuekc] {
    position: relative;
    z-index: 2;
    max-width: 900px;
    text-align: center;
    padding: 2rem;
}

.adventure-badge[b-2dtsvsuekc] {
    display: inline-block;
    margin-bottom: 1rem;
    padding: 0.45rem 0.9rem;
    border-radius: 999px;
    background: rgba(201, 166, 107, 0.16);
    border: 1px solid rgba(201, 166, 107, 0.35);
    color: #e4c48e;
    font-size: 0.85rem;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    font-weight: 700;
}

.adventure-title[b-2dtsvsuekc] {
    margin: 0;
    font-size: clamp(2.2rem, 5vw, 4.5rem);
    line-height: 1.05;
    font-weight: 800;
    letter-spacing: -0.02em;
    text-shadow: 0 10px 30px rgba(0, 0, 0, 0.35);
}

.adventure-subtitle[b-2dtsvsuekc] {
    margin: 1rem auto 0;
    max-width: 700px;
    font-size: 1.1rem;
    line-height: 1.7;
    color: rgba(245, 239, 228, 0.88);
}

/* SECTIONS */
.adventure-intro-section[b-2dtsvsuekc],
.adventure-info-section[b-2dtsvsuekc],
.adventure-practical-section[b-2dtsvsuekc],
.adventure-cta-section[b-2dtsvsuekc] {
    width: min(1100px, calc(100% - 2rem));
    margin: 0 auto;
}

.adventure-intro-section[b-2dtsvsuekc] {
    margin-top: -70px;
    position: relative;
    z-index: 3;
}

.adventure-intro-card[b-2dtsvsuekc],
.practical-card[b-2dtsvsuekc],
.adventure-cta-card[b-2dtsvsuekc] {
    background: rgba(18, 24, 31, 0.88);
    border: 1px solid rgba(201, 166, 107, 0.18);
    box-shadow: 0 18px 50px rgba(0, 0, 0, 0.28);
    border-radius: 24px;
    backdrop-filter: blur(8px);
}

/* INTRO CARD */
.adventure-intro-card[b-2dtsvsuekc] {
    padding: 2rem;
}

.intro-label[b-2dtsvsuekc] {
    display: inline-block;
    margin-bottom: 1rem;
    color: #d7b67b;
    font-weight: 700;
    letter-spacing: 0.04em;
}

.intro-lead[b-2dtsvsuekc] {
    margin: 0 0 1rem 0;
    font-size: clamp(1.4rem, 2vw, 2rem);
    line-height: 1.3;
    font-weight: 700;
    color: #fff7ea;
}

.intro-text[b-2dtsvsuekc] {
    margin: 0 0 1rem 0;
    font-size: 1.05rem;
    line-height: 1.8;
    color: rgba(245, 239, 228, 0.9);
}

/* INFO GRID */
.adventure-info-section[b-2dtsvsuekc] {
    padding: 2rem 0 0 0;
}

.adventure-info-grid[b-2dtsvsuekc] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1rem;
}

.info-card[b-2dtsvsuekc] {
    background: rgba(18, 24, 31, 0.72);
    border: 1px solid rgba(201, 166, 107, 0.14);
    border-radius: 20px;
    padding: 1.5rem;
    box-shadow: 0 14px 40px rgba(0, 0, 0, 0.18);
}

.info-icon[b-2dtsvsuekc] {
    font-size: 1.8rem;
    margin-bottom: 0.9rem;
}

.info-title[b-2dtsvsuekc] {
    margin: 0 0 0.6rem 0;
    font-size: 1.1rem;
    color: #fff2d7;
    font-weight: 700;
}

.info-text[b-2dtsvsuekc] {
    margin: 0;
    color: rgba(245, 239, 228, 0.82);
    line-height: 1.7;
}

/* PRACTICAL */
.adventure-practical-section[b-2dtsvsuekc] {
    padding: 2rem 0 0 0;
}

.practical-card[b-2dtsvsuekc] {
    padding: 2rem;
}

.practical-title[b-2dtsvsuekc] {
    margin: 0 0 1.2rem 0;
    font-size: 1.5rem;
    color: #fff2d7;
}

.practical-list[b-2dtsvsuekc] {
    display: grid;
    gap: 0.9rem;
}

.practical-item[b-2dtsvsuekc] {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    padding: 1rem 1.1rem;
    border-radius: 14px;
    background: rgba(255, 255, 255, 0.03);
    border: 1px solid rgba(201, 166, 107, 0.08);
}

.practical-label[b-2dtsvsuekc] {
    color: #d7b67b;
    font-weight: 700;
}

.practical-value[b-2dtsvsuekc] {
    color: rgba(245, 239, 228, 0.92);
    text-align: right;
}

/* CTA */
.adventure-cta-section[b-2dtsvsuekc] {
    padding: 2rem 0 4rem 0;
}

.adventure-cta-card[b-2dtsvsuekc] {
    text-align: center;
    padding: 2.5rem 2rem;
}

.cta-kicker[b-2dtsvsuekc] {
    margin: 0 0 0.5rem 0;
    color: #d7b67b;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    font-size: 0.85rem;
    font-weight: 700;
}

.cta-title[b-2dtsvsuekc] {
    margin: 0;
    font-size: clamp(1.8rem, 3vw, 2.8rem);
    color: #fff7ea;
}

.cta-text[b-2dtsvsuekc] {
    margin: 1rem auto 0;
    max-width: 640px;
    color: rgba(245, 239, 228, 0.85);
    line-height: 1.7;
}

.cta-actions[b-2dtsvsuekc] {
    margin-top: 1.7rem;
}

.btn-main[b-2dtsvsuekc] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0.95rem 1.5rem;
    min-width: 220px;
    border-radius: 999px;
    text-decoration: none;
    font-weight: 700;
    background: linear-gradient(135deg, #d7b67b 0%, #b78d4e 100%);
    color: #10161d;
    box-shadow: 0 12px 26px rgba(183, 141, 78, 0.28);
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

    .btn-main:hover[b-2dtsvsuekc] {
        transform: translateY(-2px);
        box-shadow: 0 16px 32px rgba(183, 141, 78, 0.34);
        color: #10161d;
    }

/* RESPONSIVE */
@media (max-width: 900px) {
    .adventure-info-grid[b-2dtsvsuekc] {
        grid-template-columns: 1fr;
    }

    .practical-item[b-2dtsvsuekc] {
        flex-direction: column;
        align-items: flex-start;
    }

    .practical-value[b-2dtsvsuekc] {
        text-align: left;
    }
}

@media (max-width: 640px) {
    .adventure-hero[b-2dtsvsuekc] {
        min-height: 460px;
        height: 62vh;
    }

    .adventure-intro-card[b-2dtsvsuekc],
    .practical-card[b-2dtsvsuekc],
    .adventure-cta-card[b-2dtsvsuekc] {
        padding: 1.35rem;
        border-radius: 18px;
    }

    .adventure-intro-section[b-2dtsvsuekc] {
        margin-top: -40px;
    }
}
/* /Components/Pages/Story/OrderOfTheTomb/Parchment.razor.rz.scp.css */
/* Parchment */
.parchment-wrap[b-0uhsw2ljkw] {
    position: relative;
    max-width: 620px;
    margin: 0 auto;
    padding: 2rem 1.5rem;
    background: radial-gradient(circle at top left, rgba(255,255,255,0.22), transparent 28%), radial-gradient(circle at bottom right, rgba(90,50,20,0.10), transparent 30%), linear-gradient(180deg, #f3e2b8 0%, #e8d19a 100%);
    border: 1px solid rgba(95, 60, 25, 0.35);
    border-radius: 10px;
    box-shadow: 0 8px 24px rgba(0,0,0,0.28), inset 0 0 30px rgba(110, 70, 20, 0.12), inset 0 0 80px rgba(255,255,255,0.08);
    color: #4a2e16;
    overflow: hidden;
}

    .parchment-wrap[b-0uhsw2ljkw]::before,
    .parchment-wrap[b-0uhsw2ljkw]::after {
        content: "";
        position: absolute;
        inset: 0;
        pointer-events: none;
    }

    .parchment-wrap[b-0uhsw2ljkw]::before {
        background: repeating-linear-gradient( 0deg, rgba(90, 60, 25, 0.025) 0px, rgba(90, 60, 25, 0.025) 1px, transparent 1px, transparent 12px );
        opacity: 0.55;
    }

    .parchment-wrap[b-0uhsw2ljkw]::after {
        box-shadow: inset 0 0 0 1px rgba(255,255,255,0.08), inset 0 0 18px rgba(80, 45, 15, 0.18), inset 0 0 55px rgba(80, 45, 15, 0.10);
    }

.parchment-title[b-0uhsw2ljkw] {
    text-align: center;
    font-size: 1.35rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    margin-bottom: 1.5rem;
    text-transform: uppercase;
    color: #5a3417;
    text-shadow: 0 1px 0 rgba(255,255,255,0.25);
}

.parchment-row[b-0uhsw2ljkw] {
    display: grid;
    grid-template-columns: 110px 1fr;
    gap: 1rem;
    padding: 0.8rem 0.25rem;
    border-bottom: 1px solid rgba(90, 52, 23, 0.18);
    align-items: center;
    font-size: 1.05rem;
}

    .parchment-row:last-child[b-0uhsw2ljkw] {
        border-bottom: none;
    }

.parchment-head[b-0uhsw2ljkw] {
    font-weight: 700;
    color: #603718;
    border-bottom: 2px solid rgba(90, 52, 23, 0.28);
    margin-bottom: 0.2rem;
    padding-top: 0;
}

.parchment-row div:first-child[b-0uhsw2ljkw] {
    font-weight: 700;
    text-align: center;
}

.parchment-row div:last-child[b-0uhsw2ljkw] {
    font-style: italic;
}


@media (max-width: 576px) {

    .parchment-wrap[b-0uhsw2ljkw] {
        padding: 1.5rem 1rem;
    }

    .parchment-row[b-0uhsw2ljkw] {
        grid-template-columns: 80px 1fr;
        gap: 0.75rem;
        font-size: 0.98rem;
    }

    .parchment-title[b-0uhsw2ljkw] {
        font-size: 1.15rem;
    }
}
/* /Components/Pages/Story/WatchmenSecret/Episode10/Step10.razor.rz.scp.css */
.quiz-page[b-qnmth8qvv2] {
    position: relative;
    max-width: 1040px;
    margin: 0 auto;
    padding: 46px 20px 70px;
    color: #fff;
}

.quiz-page[b-qnmth8qvv2]::before {
    content: "";
    position: fixed;
    inset: 0;
    z-index: -1;
    pointer-events: none;
    background: radial-gradient(circle at 18% 8%, rgba(56, 189, 248, .14), transparent 30%), radial-gradient(circle at 82% 3%, rgba(88, 28, 135, .24), transparent 30%), linear-gradient(180deg, rgba(5, 8, 15, .1), rgba(5, 8, 15, .84));
}

.quiz-hero[b-qnmth8qvv2] { text-align: center; margin-bottom: 32px; }
.quiz-kicker[b-qnmth8qvv2], .question-step[b-qnmth8qvv2] { color: #38bdf8; text-transform: uppercase; letter-spacing: 1.7px; font-size: .78rem; font-weight: 900; }
.quiz-kicker[b-qnmth8qvv2] { display: inline-flex; padding: .42rem .95rem; margin-bottom: 1rem; border: 1px solid rgba(56, 189, 248, .35); border-radius: 999px; background: rgba(56, 189, 248, .08); }
.quiz-hero h1[b-qnmth8qvv2] { margin: 0 0 1rem; font-family: 'Cinzel', serif; font-size: clamp(2.2rem, 6vw, 4.5rem); line-height: 1.05; text-shadow: 0 18px 45px rgba(0,0,0,.55); }
.quiz-hero h1 span[b-qnmth8qvv2] { color: #38bdf8; }
.quiz-hero p[b-qnmth8qvv2] { max-width: 760px; margin: 0 auto; color: rgba(255,255,255,.74); font-size: 1.08rem; line-height: 1.8; }

.intro-card[b-qnmth8qvv2], .start-card[b-qnmth8qvv2], .question-card[b-qnmth8qvv2] { border: 1px solid rgba(255,255,255,.11); border-radius: 28px; background: linear-gradient(135deg, rgba(255,255,255,.085), rgba(255,255,255,.035)), rgba(12,15,22,.76); box-shadow: 0 24px 70px rgba(0,0,0,.36); backdrop-filter: blur(10px); }
.intro-card[b-qnmth8qvv2] { display: grid; grid-template-columns: 1.15fr .85fr; gap: 28px; padding: 28px; }
.intro-copy[b-qnmth8qvv2] { padding-left: 1.2rem; border-left: 3px solid rgba(56,189,248,.55); color: rgba(255,255,255,.88); line-height: 1.85; }
.story-label[b-qnmth8qvv2] { color: #9ca3af; text-transform: uppercase; letter-spacing: 1.2px; font-size: .82rem; font-weight: 800; }
.intro-copy h2[b-qnmth8qvv2] { margin: .5rem 0 1rem; font-family: 'Cinzel', serif; }
.warning[b-qnmth8qvv2] { color: #38bdf8; font-weight: 800; }
.case-list[b-qnmth8qvv2] { list-style: none; margin: 0; padding: 18px 24px; border: 1px solid rgba(56,189,248,.18); border-radius: 22px; background: rgba(5,10,18,.6); }
.case-list li[b-qnmth8qvv2] { display: flex; align-items: center; gap: 12px; padding: 12px 0; border-top: 1px solid rgba(255,255,255,.08); }
.case-list li:first-child[b-qnmth8qvv2] { border-top: 0; }
.case-list span[b-qnmth8qvv2] { display: inline-flex; align-items: center; justify-content: center; width: 34px; height: 34px; border-radius: 50%; background: rgba(56,189,248,.11); color: #38bdf8; font-weight: 900; }
.start-card[b-qnmth8qvv2] { margin-top: 24px; padding: 28px; text-align: center; }

.question-card[b-qnmth8qvv2] { padding: 30px; }
.question-header[b-qnmth8qvv2] { display: flex; align-items: flex-start; justify-content: space-between; gap: 18px; margin-bottom: 16px; }
.question-header h2[b-qnmth8qvv2] { margin: 8px 0 0; font-family: 'Cinzel', serif; font-size: clamp(1.55rem, 4vw, 2.35rem); line-height: 1.25; }
.question-badge[b-qnmth8qvv2] { flex: 0 0 auto; padding: .5rem .85rem; border: 1px solid rgba(56,189,248,.25); border-radius: 999px; background: rgba(56,189,248,.08); color: #38bdf8; font-weight: 800; }
.question-intro[b-qnmth8qvv2] { margin-bottom: 20px; color: rgba(255,255,255,.68); line-height: 1.7; }
.answers-grid[b-qnmth8qvv2] { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; }
.answer-card[b-qnmth8qvv2] { display: flex; align-items: flex-start; gap: 13px; min-height: 106px; padding: 17px; border: 1px solid rgba(255,255,255,.1); border-radius: 20px; background: rgba(255,255,255,.055); color: rgba(255,255,255,.88); text-align: left; transition: .18s ease; }
.answer-card:not(:disabled):hover[b-qnmth8qvv2] { transform: translateY(-2px); border-color: rgba(56,189,248,.42); background: rgba(255,255,255,.085); }
.answer-card.selected[b-qnmth8qvv2] { border-color: rgba(56,189,248,.76); background: rgba(56,189,248,.11); }
.answer-card.correct[b-qnmth8qvv2] { border-color: rgba(34,197,94,.72); background: rgba(34,197,94,.12); }
.answer-card.wrong[b-qnmth8qvv2] { border-color: rgba(239,68,68,.78); background: rgba(127,29,29,.24); }
.answer-letter[b-qnmth8qvv2] { display: inline-flex; flex: 0 0 34px; align-items: center; justify-content: center; width: 34px; height: 34px; border-radius: 50%; background: rgba(56,189,248,.12); color: #38bdf8; font-weight: 950; }
.answer-text[b-qnmth8qvv2] { line-height: 1.55; }
.quiz-feedback[b-qnmth8qvv2] { margin-top: 18px; padding: 16px 18px; border: 1px solid rgba(255,255,255,.12); border-radius: 18px; line-height: 1.65; }
.quiz-feedback.success[b-qnmth8qvv2] { border-color: rgba(34,197,94,.45); background: rgba(34,197,94,.11); }
.quiz-feedback.error[b-qnmth8qvv2] { border-color: rgba(239,68,68,.45); background: rgba(127,29,29,.22); }
.quiz-feedback.warning[b-qnmth8qvv2] { border-color: rgba(56,189,248,.45); background: rgba(56,189,248,.1); }
.quiz-actions[b-qnmth8qvv2] { display: flex; gap: 12px; flex-wrap: wrap; margin-top: 22px; }
.btn-primary[b-qnmth8qvv2], .btn-next[b-qnmth8qvv2] { display: inline-flex; align-items: center; justify-content: center; min-height: 48px; padding: .82rem 1.3rem; border-radius: 999px; font-weight: 900; text-decoration: none; transition: .18s ease; }
.btn-primary[b-qnmth8qvv2] { border: 1px solid rgba(56,189,248,.4); background: linear-gradient(135deg, #38bdf8, #0369a1); color: #06131c; box-shadow: 0 14px 35px rgba(56,189,248,.2); }
.btn-next[b-qnmth8qvv2] { border: 1px solid rgba(255,255,255,.14); background: rgba(255,255,255,.09); color: #fff; }
.btn-primary:hover[b-qnmth8qvv2], .btn-next:hover[b-qnmth8qvv2] { transform: translateY(-2px); }

@media (max-width: 760px) {
    .quiz-page[b-qnmth8qvv2] { padding: 32px 14px 48px; }
    .intro-card[b-qnmth8qvv2], .answers-grid[b-qnmth8qvv2] { grid-template-columns: 1fr; }
    .intro-card[b-qnmth8qvv2], .question-card[b-qnmth8qvv2] { padding: 21px; border-radius: 22px; }
    .question-header[b-qnmth8qvv2] { flex-direction: column; }
    .answer-card[b-qnmth8qvv2] { min-height: auto; }
}

@media (max-width: 520px) {
    .quiz-actions[b-qnmth8qvv2], .btn-primary[b-qnmth8qvv2], .btn-next[b-qnmth8qvv2] { width: 100%; }
}
/* /Components/Pages/Story/WatchmenSecret/Episode10/Step10a.razor.rz.scp.css */
.ending-page[b-z2d2w5xoh9] {
    position: relative;
    max-width: 980px;
    margin: 0 auto;
    padding: 46px 20px 72px;
    color: #fff;
}

.ending-page[b-z2d2w5xoh9]::before {
    content: "";
    position: fixed;
    inset: 0;
    z-index: -1;
    pointer-events: none;
    background: radial-gradient(circle at 20% 5%, rgba(56,189,248,.15), transparent 30%), radial-gradient(circle at 82% 10%, rgba(88,28,135,.22), transparent 32%), linear-gradient(180deg, rgba(5,8,15,.08), rgba(5,8,15,.86));
}

.ending-header[b-z2d2w5xoh9] { margin-bottom: 32px; text-align: center; }
.ending-kicker[b-z2d2w5xoh9] { display: inline-flex; padding: .42rem .95rem; margin-bottom: 1rem; border: 1px solid rgba(56,189,248,.35); border-radius: 999px; background: rgba(56,189,248,.08); color: #38bdf8; font-size: .78rem; font-weight: 900; letter-spacing: 1.7px; text-transform: uppercase; }
.ending-header h1[b-z2d2w5xoh9] { margin: 0 0 1rem; font-family: 'Cinzel', serif; font-size: clamp(2.2rem, 6vw, 4.2rem); letter-spacing: .08em; text-shadow: 0 18px 45px rgba(0,0,0,.55); }
.ending-header p[b-z2d2w5xoh9] { margin: 0; color: rgba(255,255,255,.7); font-size: 1.08rem; }
.ending-content > * + *[b-z2d2w5xoh9] { margin-top: 24px; }

.paul-message-card[b-z2d2w5xoh9] { display: grid; grid-template-columns: minmax(240px,.72fr) minmax(0,1.28fr); overflow: hidden; border: 1px solid rgba(255,255,255,.11); border-radius: 28px; background: linear-gradient(135deg, rgba(255,255,255,.085), rgba(255,255,255,.035)), rgba(12,15,22,.8); box-shadow: 0 24px 70px rgba(0,0,0,.38); backdrop-filter: blur(10px); }
.paul-portrait[b-z2d2w5xoh9] { position: relative; min-height: 100%; background: #080d15; }
.paul-portrait[b-z2d2w5xoh9]::after { content: ""; position: absolute; inset: 0; background: linear-gradient(to top, rgba(5,8,15,.9), transparent 55%), linear-gradient(to right, transparent 60%, rgba(12,15,22,.7)); pointer-events: none; }
.paul-portrait img[b-z2d2w5xoh9] { width: 100%; height: 100%; min-height: 520px; object-fit: cover; display: block; }
.signal[b-z2d2w5xoh9] { position: absolute; z-index: 1; bottom: 20px; left: 20px; display: flex; align-items: center; gap: 8px; color: rgba(255,255,255,.76); font-size: .78rem; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
.signal span[b-z2d2w5xoh9] { width: 9px; height: 9px; border-radius: 50%; background: #22c55e; box-shadow: 0 0 14px #22c55e; }
.message-copy[b-z2d2w5xoh9] { padding: 34px; }
.story-label[b-z2d2w5xoh9] { color: #38bdf8; font-size: .78rem; font-weight: 900; letter-spacing: 1.4px; text-transform: uppercase; }
.message-copy h2[b-z2d2w5xoh9] { margin: 10px 0 24px; font-family: 'Cinzel', serif; font-size: clamp(1.7rem,4vw,2.5rem); }
.dialogue[b-z2d2w5xoh9] { padding-left: 1.2rem; border-left: 3px solid rgba(56,189,248,.5); color: rgba(255,255,255,.86); font-size: 1.03rem; line-height: 1.8; }
.dialogue p[b-z2d2w5xoh9] { margin: 0 0 1rem; }
.dialogue .rendezvous[b-z2d2w5xoh9] { color: #7dd3fc; font-weight: 800; }
.signature[b-z2d2w5xoh9] { margin-top: 20px; color: #38bdf8; font-family: 'Cinzel', serif; font-size: 1.25rem; font-weight: 800; text-align: right; }

.final-card[b-z2d2w5xoh9] { padding: 38px 24px; border: 1px solid rgba(56,189,248,.25); border-radius: 26px; background: radial-gradient(circle at 50% 0,rgba(56,189,248,.12),rgba(15,23,42,.55) 64%); text-align: center; box-shadow: 0 18px 50px rgba(0,0,0,.28); }
.final-symbol[b-z2d2w5xoh9] { color: #38bdf8; font-size: 3rem; }
.final-card h2[b-z2d2w5xoh9] { margin: 12px 0 8px; font-family: 'Cinzel', serif; font-size: 3rem; letter-spacing: .22em; }
.final-card p[b-z2d2w5xoh9] { color: rgba(255,255,255,.72); }
.btn-home[b-z2d2w5xoh9] { display: inline-flex; align-items: center; justify-content: center; min-height: 48px; margin-top: 16px; padding: .82rem 1.35rem; border: 1px solid rgba(56,189,248,.4); border-radius: 999px; background: linear-gradient(135deg,#38bdf8,#0369a1); color: #06131c; font-weight: 900; text-decoration: none; box-shadow: 0 14px 35px rgba(56,189,248,.2); transition: .18s ease; }
.btn-home:hover[b-z2d2w5xoh9] { color: #06131c; transform: translateY(-2px); }

@media (max-width: 760px) {
    .ending-page[b-z2d2w5xoh9] { padding: 32px 14px 48px; }
    .paul-message-card[b-z2d2w5xoh9] { grid-template-columns: 1fr; border-radius: 22px; }
    .paul-portrait img[b-z2d2w5xoh9] { min-height: 300px; max-height: 420px; }
    .message-copy[b-z2d2w5xoh9] { padding: 24px 21px; }
}

@media (max-width: 520px) {
    .btn-home[b-z2d2w5xoh9] { width: 100%; }
}
/* /Components/Pages/Story/WatchmenSecret/Episode1/Step1.razor.rz.scp.css */
/* PAGE */
.intro-page[b-4anmm25q4u] {
    position: relative;
    min-height: 100vh;
    overflow: hidden;
    color: #f5ead7;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 40px 20px;
    font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
}

.intro-overlay[b-4anmm25q4u] {
    position: absolute;
    inset: 0;
    pointer-events: none;
}

.intro-container[b-4anmm25q4u] {
    position: relative;
    z-index: 1;
    width: 100%;
    max-width: 900px;
}

/* HEADER */
.intro-header[b-4anmm25q4u] {
    margin-bottom: 32px;
    animation: fadeUp-b-4anmm25q4u 0.8s ease;
}

.intro-badge[b-4anmm25q4u] {
    display: inline-block;
    margin-bottom: 14px;
    padding: 8px 16px;
    border: 1px solid rgba(255,255,255,0.16);
    border-radius: 999px;
    background: rgba(255,255,255,0.06);
    color: #d8c29c;
    font-size: 0.9rem;
    letter-spacing: 1.5px;
    text-transform: uppercase;
}

.intro-title[b-4anmm25q4u] {
    margin: 0;
    font-size: clamp(2rem, 5vw, 3.5rem);
    font-weight: 800;
    line-height: 1.05;
    letter-spacing: 1px;
    color: #fff5e6;
    text-shadow: 0 4px 18px rgba(0,0,0,0.35);
}

.intro-subtitle[b-4anmm25q4u] {
    margin-top: 12px;
    color: rgba(245, 234, 215, 0.75);
    font-size: 1.05rem;
    letter-spacing: 0.5px;
}

/* CARD */
.intro-card[b-4anmm25q4u] {
    position: relative;
    border-radius: 28px;
    background: rgba(255,255,255,0.06);
    border: 1px solid rgba(255,255,255,0.10);
    box-shadow: 0 20px 60px rgba(0,0,0,0.35), inset 0 1px 0 rgba(255,255,255,0.04);
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
    overflow: hidden;
    animation: fadeUp-b-4anmm25q4u 1s ease;
}

    .intro-card[b-4anmm25q4u]::before {
        content: "";
        position: absolute;
        inset: 0;
        background: linear-gradient(135deg, rgba(199, 155, 78, 0.10), transparent 45%);
        pointer-events: none;
    }

.intro-card-content[b-4anmm25q4u] {
    position: relative;
    z-index: 1;
    padding: 36px 30px;
}

.intro-lead[b-4anmm25q4u] {
    margin: 0 0 16px 0;
    font-size: 1.35rem;
    font-weight: 700;
    color: #fff2dc;
}

.intro-text[b-4anmm25q4u] {
    margin: 0 0 28px 0;
    font-size: 1.08rem;
    line-height: 1.8;
    color: rgba(245, 234, 215, 0.92);
}

.highlight[b-4anmm25q4u] {
    color: #e5c07b;
    font-weight: 700;
}

/* LOCATION */
.intro-location[b-4anmm25q4u] {
    display: flex;
    align-items: flex-start;
    gap: 16px;
    margin-bottom: 30px;
    padding: 18px 20px;
    border-radius: 18px;
    background: rgba(0,0,0,0.22);
    border: 1px solid rgba(255,255,255,0.08);
}

.location-icon[b-4anmm25q4u] {
    flex-shrink: 0;
    font-size: 1.4rem;
    line-height: 1;
    margin-top: 2px;
}

.location-name[b-4anmm25q4u] {
    font-size: 1.05rem;
    font-weight: 700;
    color: #fff2dc;
    margin-bottom: 4px;
}

.location-address[b-4anmm25q4u] {
    color: rgba(245, 234, 215, 0.72);
    line-height: 1.6;
}



/* ACTIONS */
.intro-actions[b-4anmm25q4u] {
    display: flex;
    flex-wrap: wrap;
    gap: 14px;
}

.btn-main[b-4anmm25q4u],
.btn-secondary[b-4anmm25q4u] {
    appearance: none;
    border: none;
    text-decoration: none;
    cursor: pointer;
    transition: all 0.25s ease;
    font-weight: 700;
    border-radius: 999px;
    padding: 14px 22px;
    font-size: 0.98rem;
}

.btn-main[b-4anmm25q4u] {
    background: linear-gradient(135deg, #c79b4e, #e2bf7a);
    color: #1b1b1b;
    box-shadow: 0 8px 24px rgba(199, 155, 78, 0.28);
}

    .btn-main:hover[b-4anmm25q4u] {
        transform: translateY(-2px);
        box-shadow: 0 12px 30px rgba(199, 155, 78, 0.35);
    }

.btn-secondary[b-4anmm25q4u] {
    background: rgba(255,255,255,0.06);
    color: #f5ead7;
    border: 1px solid rgba(255,255,255,0.14);
}

    .btn-secondary:hover[b-4anmm25q4u] {
        background: rgba(255,255,255,0.12);
        transform: translateY(-2px);
    }

/* ANIM */
@keyframes fadeUp-b-4anmm25q4u {
    from {
        opacity: 0;
        transform: translateY(18px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* RESPONSIVE */
@media (max-width: 768px) {
    .intro-page[b-4anmm25q4u] {
        padding: 24px 16px;
        align-items: flex-start;
    }

    .intro-container[b-4anmm25q4u] {
        max-width: 100%;
    }

    .intro-card-content[b-4anmm25q4u] {
        padding: 28px 20px;
    }

    .intro-location[b-4anmm25q4u] {
        padding: 16px;
    }

    .intro-actions[b-4anmm25q4u] {
        flex-direction: column;
    }

    .btn-main[b-4anmm25q4u],
    .btn-secondary[b-4anmm25q4u] {
        width: 100%;
        text-align: center;
    }
}
/* /Components/Pages/Story/WatchmenSecret/Episode1/Step1a.razor.rz.scp.css */
.step-page[b-fzlrew8wys] {
    max-width: 900px;
    margin: 0 auto;
    padding: 40px 20px;
}

/* HEADER */
.step-badge[b-fzlrew8wys] {
    display: inline-block;
    padding: 6px 12px;
    border-radius: 999px;
    background: rgba(255,255,255,0.08);
    font-size: 0.85rem;
}

.step-title[b-fzlrew8wys] {
    font-family: 'Cinzel', serif;
    font-size: 2.5rem;
    letter-spacing: 2px;
    margin-top: 10px;
}

/* IMAGE */
.step-hero img[b-fzlrew8wys] {
    border-radius: 20px;
    margin-bottom: 30px;
    box-shadow: 0 20px 50px rgba(0,0,0,0.4);
}

/* CONTENT */
/* STORY CARD */
.story-card[b-fzlrew8wys] {
    background: rgba(255,255,255,0.05);
    border: 1px solid rgba(255,255,255,0.08);
    border-radius: 20px;
    padding: 25px;
    line-height: 1.8;
    box-shadow: 0 15px 40px rgba(0,0,0,0.2);
}

/* VARIANTS */
.story-card.danger[b-fzlrew8wys] {
    border-left: 3px solid #f59e0b;
}

/* TEXTE */
.highlight[b-fzlrew8wys] {
    color: #fbbf24;
    font-weight: 600;
}

.strong[b-fzlrew8wys] {
    font-weight: 600;
    color: white;
}

.focus[b-fzlrew8wys] {
    font-weight: 600;
    color: #facc15;
}

.quote[b-fzlrew8wys] {
    font-style: italic;
    margin-top: 10px;
    color: #e5e7eb;
    border-left: 3px solid rgba(255,255,255,0.2);
    padding-left: 12px;
}

.faction-question[b-fzlrew8wys] {
    margin-top: 28px;
}

.question-title[b-fzlrew8wys] {
    font-weight: 600;
    color: #ffffff;
}

.choice-list[b-fzlrew8wys] {
    display: grid;
    gap: 12px;
    margin: 18px 0 10px;
}

.choice-option[b-fzlrew8wys] {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    padding: 14px 16px;
    border: 1px solid rgba(255,255,255,0.12);
    border-radius: 8px;
    background: rgba(255,255,255,0.04);
    cursor: pointer;
}

.choice-option input[b-fzlrew8wys] {
    flex: 0 0 auto;
    margin-top: 6px;
}

.choice-option span[b-fzlrew8wys] {
    color: #f8fafc;
}

.validation-message[b-fzlrew8wys],
.form-error[b-fzlrew8wys] {
    margin-top: 10px;
    color: #fecaca;
    font-weight: 600;
}

.dialogue-card .quote[b-fzlrew8wys] {
    margin-bottom: 18px;
}

.audio-panel[b-fzlrew8wys] {
    margin-bottom: 28px;
    padding: 16px;
    border: 1px solid rgba(255,255,255,0.08);
    border-radius: 18px;
    background: rgba(255,255,255,0.04);
}

.audio-player[b-fzlrew8wys] {
    display: block;
    width: 100%;
}

.speaker[b-fzlrew8wys] {
    color: #ffffff;
    font-weight: 700;
}

.tone[b-fzlrew8wys] {
    color: #cbd5e1;
    font-style: italic;
}

.menu-list[b-fzlrew8wys] {
    display: grid;
    gap: 10px;
    margin-top: 18px;
}

.menu-row[b-fzlrew8wys] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 18px;
    align-items: center;
    padding: 12px 14px;
    border: 1px solid rgba(255,255,255,0.1);
    border-radius: 8px;
    background: rgba(255,255,255,0.04);
}

.menu-row span:last-child[b-fzlrew8wys] {
    color: #fbbf24;
    font-weight: 700;
}

.circled-letter[b-fzlrew8wys] {
    display: inline-flex;
    width: 1.45em;
    height: 1.45em;
    align-items: center;
    justify-content: center;
    border: 1px solid #fbbf24;
    border-radius: 50%;
    color: #fbbf24;
    font-weight: 700;
    line-height: 1;
}

.answer-box[b-fzlrew8wys] {
    margin-top: 18px;
}

.input-answer[b-fzlrew8wys] {
    flex: 1;
    min-height: 46px;
    border-radius: 12px;
    border: 1px solid rgba(255,255,255,0.12);
    background: rgba(255,255,255,0.08);
    color: #fff;
    padding: 0.75rem 1rem;
    outline: none;
}

.input-answer[b-fzlrew8wys]::placeholder {
    color: rgba(255,255,255,0.45);
}

.input-answer:focus[b-fzlrew8wys] {
    border-color: rgba(251, 191, 36, 0.5);
    box-shadow: 0 0 0 0.2rem rgba(251, 191, 36, 0.12);
}

.btn-validate[b-fzlrew8wys] {
    border: 1px solid rgba(255,255,255,0.14);
    background: rgba(255,255,255,0.08);
    color: #fff;
    font-weight: 600;
}

.btn-validate:hover[b-fzlrew8wys] {
    background: rgba(255,255,255,0.14);
    color: #fff;
    transform: translateY(-1px);
}

.see-answer-link[b-fzlrew8wys] {
    font-size: 0.9rem;
    color: #cbd5e1;
    text-decoration: underline;
    cursor: pointer;
    transition: color 0.2s;
}

.see-answer-link:hover[b-fzlrew8wys] {
    color: #ffffff;
}

.solution-box[b-fzlrew8wys] {
    color: #f8fafc;
}

@media (max-width: 576px) {
    .step-title[b-fzlrew8wys] {
        font-size: 2rem;
    }

    .menu-row[b-fzlrew8wys] {
        gap: 12px;
    }
}

/* /Components/Pages/Story/WatchmenSecret/Episode2/Step2.razor.rz.scp.css */
/* PAGE */
.intro-page[b-tke9jqs7e8] {
    position: relative;
    min-height: 100vh;
    overflow: hidden;
    color: #f5ead7;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 40px 20px;
    font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
}

.intro-overlay[b-tke9jqs7e8] {
    position: absolute;
    inset: 0;
    pointer-events: none;
}

.intro-container[b-tke9jqs7e8] {
    position: relative;
    z-index: 1;
    width: 100%;
    max-width: 900px;
}

/* HEADER */
.intro-header[b-tke9jqs7e8] {
    margin-bottom: 32px;
    animation: fadeUp-b-tke9jqs7e8 0.8s ease;
}

.intro-badge[b-tke9jqs7e8] {
    display: inline-block;
    margin-bottom: 14px;
    padding: 8px 16px;
    border: 1px solid rgba(255,255,255,0.16);
    border-radius: 999px;
    background: rgba(255,255,255,0.06);
    color: #d8c29c;
    font-size: 0.9rem;
    letter-spacing: 1.5px;
    text-transform: uppercase;
}

.intro-title[b-tke9jqs7e8] {
    margin: 0;
    font-size: clamp(2rem, 5vw, 3.5rem);
    font-weight: 800;
    line-height: 1.05;
    letter-spacing: 1px;
    color: #fff5e6;
    text-shadow: 0 4px 18px rgba(0,0,0,0.35);
}

.intro-subtitle[b-tke9jqs7e8] {
    margin-top: 12px;
    color: rgba(245, 234, 215, 0.75);
    font-size: 1.05rem;
    letter-spacing: 0.5px;
}

/* CARD */
.intro-card[b-tke9jqs7e8] {
    position: relative;
    border-radius: 28px;
    background: rgba(255,255,255,0.06);
    border: 1px solid rgba(255,255,255,0.10);
    box-shadow: 0 20px 60px rgba(0,0,0,0.35), inset 0 1px 0 rgba(255,255,255,0.04);
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
    overflow: hidden;
    animation: fadeUp-b-tke9jqs7e8 1s ease;
}

    .intro-card[b-tke9jqs7e8]::before {
        content: "";
        position: absolute;
        inset: 0;
        background: linear-gradient(135deg, rgba(199, 155, 78, 0.10), transparent 45%);
        pointer-events: none;
    }

.intro-card-content[b-tke9jqs7e8] {
    position: relative;
    z-index: 1;
    padding: 36px 30px;
}

.intro-lead[b-tke9jqs7e8] {
    margin: 0 0 16px 0;
    font-size: 1.35rem;
    font-weight: 700;
    color: #fff2dc;
}

.intro-text[b-tke9jqs7e8] {
    margin: 0 0 28px 0;
    font-size: 1.08rem;
    line-height: 1.8;
    color: rgba(245, 234, 215, 0.92);
}

.highlight[b-tke9jqs7e8] {
    color: #e5c07b;
    font-weight: 700;
}

/* LOCATION */
.intro-location[b-tke9jqs7e8] {
    display: flex;
    align-items: flex-start;
    gap: 16px;
    margin-bottom: 30px;
    padding: 18px 20px;
    border-radius: 18px;
    background: rgba(0,0,0,0.22);
    border: 1px solid rgba(255,255,255,0.08);
}

.location-icon[b-tke9jqs7e8] {
    flex-shrink: 0;
    font-size: 1.4rem;
    line-height: 1;
    margin-top: 2px;
}

.location-name[b-tke9jqs7e8] {
    font-size: 1.05rem;
    font-weight: 700;
    color: #fff2dc;
    margin-bottom: 4px;
}

.location-address[b-tke9jqs7e8] {
    color: rgba(245, 234, 215, 0.72);
    line-height: 1.6;
}

/* ACTIONS */
.intro-actions[b-tke9jqs7e8] {
    display: flex;
    flex-wrap: wrap;
    gap: 14px;
}

.btn-main[b-tke9jqs7e8],
.btn-secondary[b-tke9jqs7e8] {
    appearance: none;
    border: none;
    text-decoration: none;
    cursor: pointer;
    transition: all 0.25s ease;
    font-weight: 700;
    border-radius: 999px;
    padding: 14px 22px;
    font-size: 0.98rem;
}

.btn-main[b-tke9jqs7e8] {
    background: linear-gradient(135deg, #c79b4e, #e2bf7a);
    color: #1b1b1b;
    box-shadow: 0 8px 24px rgba(199, 155, 78, 0.28);
}

    .btn-main:hover[b-tke9jqs7e8] {
        transform: translateY(-2px);
        box-shadow: 0 12px 30px rgba(199, 155, 78, 0.35);
    }

.btn-secondary[b-tke9jqs7e8] {
    background: rgba(255,255,255,0.06);
    color: #f5ead7;
    border: 1px solid rgba(255,255,255,0.14);
}

    .btn-secondary:hover[b-tke9jqs7e8] {
        background: rgba(255,255,255,0.12);
        transform: translateY(-2px);
    }

/* ANIM */
@keyframes fadeUp-b-tke9jqs7e8 {
    from {
        opacity: 0;
        transform: translateY(18px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* RESPONSIVE */
@media (max-width: 768px) {
    .intro-page[b-tke9jqs7e8] {
        padding: 24px 16px;
        align-items: flex-start;
    }

    .intro-container[b-tke9jqs7e8] {
        max-width: 100%;
    }

    .intro-card-content[b-tke9jqs7e8] {
        padding: 28px 20px;
    }

    .intro-location[b-tke9jqs7e8] {
        padding: 16px;
    }

    .intro-actions[b-tke9jqs7e8] {
        flex-direction: column;
    }

    .btn-main[b-tke9jqs7e8],
    .btn-secondary[b-tke9jqs7e8] {
        width: 100%;
        text-align: center;
    }
}
/* /Components/Pages/Story/WatchmenSecret/Episode2/Step2a.razor.rz.scp.css */
.step-page[b-n4eyt7s08l] {
    max-width: 900px;
    margin: 0 auto;
    padding: 40px 20px;
}

.step-badge[b-n4eyt7s08l] {
    display: inline-block;
    padding: 6px 12px;
    border-radius: 999px;
    background: rgba(255,255,255,0.08);
    font-size: 0.85rem;
}

.step-title[b-n4eyt7s08l] {
    font-family: 'Cinzel', serif;
    font-size: 2.5rem;
    letter-spacing: 2px;
    margin-top: 10px;
}

.story-card[b-n4eyt7s08l] {
    background: rgba(255,255,255,0.05);
    border: 1px solid rgba(255,255,255,0.08);
    border-radius: 20px;
    padding: 25px;
    line-height: 1.8;
    box-shadow: 0 15px 40px rgba(0,0,0,0.2);
}

.story-card + .story-card[b-n4eyt7s08l],
.story-card + .step-cta[b-n4eyt7s08l] {
    margin-top: 24px;
}

.audio-card[b-n4eyt7s08l] {
    border-left: 3px solid rgba(251, 191, 36, 0.65);
}

.sms-screen-card[b-n4eyt7s08l] {
    border-left: 3px solid rgba(52, 211, 153, 0.7);
    background: linear-gradient(135deg, rgba(15,23,42,0.72), rgba(15,23,42,0.42));
}

.phone-screen[b-n4eyt7s08l] {
    max-width: 380px;
    margin: 20px auto 0;
    padding: 12px;
    border: 1px solid rgba(148, 163, 184, 0.26);
    border-radius: 28px;
    background:
        radial-gradient(circle at 50% 0, rgba(52, 211, 153, 0.16), transparent 34%),
        #0f172a;
    box-shadow: 0 24px 60px rgba(0,0,0,0.42);
}

.phone-status[b-n4eyt7s08l] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 2px 12px 10px;
    color: rgba(226, 232, 240, 0.72);
    font-size: 0.76rem;
    font-weight: 700;
    line-height: 1;
}

.phone-contact[b-n4eyt7s08l] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 12px;
    border: 1px solid rgba(255,255,255,0.08);
    border-radius: 18px;
    background: rgba(255,255,255,0.05);
}

.phone-contact-avatar[b-n4eyt7s08l] {
    display: grid;
    place-items: center;
    width: 38px;
    height: 38px;
    border-radius: 50%;
    background: rgba(52, 211, 153, 0.18);
    color: #bbf7d0;
    font-weight: 800;
}

.phone-contact p[b-n4eyt7s08l] {
    margin: 0;
    color: #f8fafc;
    font-weight: 700;
    line-height: 1.2;
}

.phone-contact span:not(.phone-contact-avatar)[b-n4eyt7s08l] {
    color: rgba(203, 213, 225, 0.72);
    font-size: 0.78rem;
}

.sms-thread[b-n4eyt7s08l] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding: 16px 4px 4px;
}

.sms-bubble[b-n4eyt7s08l] {
    max-width: 86%;
    margin: 0;
    padding: 10px 13px;
    border-radius: 17px;
    color: #e5e7eb;
    line-height: 1.45;
    box-shadow: 0 8px 18px rgba(0,0,0,0.18);
}

.sms-bubble.incoming[b-n4eyt7s08l] {
    align-self: flex-start;
    border-bottom-left-radius: 6px;
    background: rgba(30, 41, 59, 0.92);
    border: 1px solid rgba(148, 163, 184, 0.16);
}

.sms-emphasis[b-n4eyt7s08l] {
    color: #d1fae5;
    font-weight: 800;
    letter-spacing: 0.02em;
}

.lore-card[b-n4eyt7s08l] {
    position: relative;
    border-left: 4px solid #d6a84f;
    background: linear-gradient(135deg, rgba(214,168,79,0.14), rgba(255,255,255,0.04));
    box-shadow: 0 14px 35px rgba(0,0,0,0.25);
}

.lore-card .story-label[b-n4eyt7s08l] {
    color: #f6d58b;
    letter-spacing: 0.04em;
}

.lore-card p[b-n4eyt7s08l] {
    color: rgba(255,255,255,0.88);
}

.lore-card[b-n4eyt7s08l]::after {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: inherit;
    border: 1px solid rgba(246,213,139,0.18);
    pointer-events: none;
}

.highlight[b-n4eyt7s08l] {
    color: #fbbf24;
    font-weight: 600;
}

.strong[b-n4eyt7s08l] {
    font-weight: 600;
    color: white;
}

.focus[b-n4eyt7s08l] {
    font-weight: 600;
    color: #facc15;
}

.quote[b-n4eyt7s08l] {
    font-style: italic;
    margin-top: 10px;
    color: #e5e7eb;
    border-left: 3px solid rgba(255,255,255,0.2);
    padding-left: 12px;
}

.tone[b-n4eyt7s08l] {
    color: #cbd5e1;
    font-style: italic;
}

.symbol[b-n4eyt7s08l] {
    color: #fbbf24;
    font-size: 3rem;
    line-height: 1;
    text-align: center;
}

.faction-question[b-n4eyt7s08l] {
    margin-top: 28px;
}

.question-title[b-n4eyt7s08l] {
    font-weight: 600;
    color: #ffffff;
}

.choice-list[b-n4eyt7s08l] {
    display: grid;
    gap: 12px;
    margin: 18px 0 10px;
}

.choice-option[b-n4eyt7s08l] {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    padding: 14px 16px;
    border: 1px solid rgba(255,255,255,0.12);
    border-radius: 8px;
    background: rgba(255,255,255,0.04);
    cursor: pointer;
}

.choice-option input[b-n4eyt7s08l] {
    flex: 0 0 auto;
    margin-top: 6px;
}

.choice-option span[b-n4eyt7s08l] {
    color: #f8fafc;
}

.validation-message[b-n4eyt7s08l],
.form-error[b-n4eyt7s08l] {
    margin-top: 10px;
    color: #fecaca;
    font-weight: 600;
}

.answer-box[b-n4eyt7s08l] {
    margin-top: 18px;
}

.input-answer[b-n4eyt7s08l] {
    flex: 1;
    min-height: 46px;
    border-radius: 12px;
    border: 1px solid rgba(255,255,255,0.12);
    background: rgba(255,255,255,0.08);
    color: #fff;
    padding: 0.75rem 1rem;
    outline: none;
}

.input-answer[b-n4eyt7s08l]::placeholder {
    color: rgba(255,255,255,0.45);
}

.input-answer:focus[b-n4eyt7s08l] {
    border-color: rgba(251, 191, 36, 0.5);
    box-shadow: 0 0 0 0.2rem rgba(251, 191, 36, 0.12);
}

.btn-validate[b-n4eyt7s08l] {
    border: 1px solid rgba(255,255,255,0.14);
    background: rgba(255,255,255,0.08);
    color: #fff;
    font-weight: 600;
}

.btn-validate:hover[b-n4eyt7s08l] {
    background: rgba(255,255,255,0.14);
    color: #fff;
    transform: translateY(-1px);
}

.see-answer-link[b-n4eyt7s08l] {
    font-size: 0.9rem;
    color: #cbd5e1;
    text-decoration: underline;
    cursor: pointer;
    transition: color 0.2s;
}

.see-answer-link:hover[b-n4eyt7s08l] {
    color: #ffffff;
}

.solution-box[b-n4eyt7s08l] {
    color: #f8fafc;
}

@media (max-width: 576px) {
    .step-page[b-n4eyt7s08l] {
        padding: 28px 14px 40px;
    }

    .step-title[b-n4eyt7s08l] {
        font-size: 2rem;
    }

    .phone-screen[b-n4eyt7s08l] {
        max-width: 100%;
        border-radius: 22px;
    }

    .sms-bubble[b-n4eyt7s08l] {
        max-width: 94%;
    }
}
/* /Components/Pages/Story/WatchmenSecret/Episode3/Step3.razor.rz.scp.css */
/* PAGE */
.intro-page[b-yuiwqnak6d] {
    position: relative;
    min-height: 100vh;
    overflow: hidden;
    color: #f5ead7;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 40px 20px;
    font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
}

.intro-overlay[b-yuiwqnak6d] {
    position: absolute;
    inset: 0;
    pointer-events: none;
}

.intro-container[b-yuiwqnak6d] {
    position: relative;
    z-index: 1;
    width: 100%;
    max-width: 900px;
}

/* HEADER */
.intro-header[b-yuiwqnak6d] {
    margin-bottom: 32px;
    animation: fadeUp-b-yuiwqnak6d 0.8s ease;
}

.intro-badge[b-yuiwqnak6d] {
    display: inline-block;
    margin-bottom: 14px;
    padding: 8px 16px;
    border: 1px solid rgba(255,255,255,0.16);
    border-radius: 999px;
    background: rgba(255,255,255,0.06);
    color: #d8c29c;
    font-size: 0.9rem;
    letter-spacing: 1.5px;
    text-transform: uppercase;
}

.intro-title[b-yuiwqnak6d] {
    margin: 0;
    font-size: clamp(2rem, 5vw, 3.5rem);
    font-weight: 800;
    line-height: 1.05;
    letter-spacing: 1px;
    color: #fff5e6;
    text-shadow: 0 4px 18px rgba(0,0,0,0.35);
}

.intro-subtitle[b-yuiwqnak6d] {
    margin-top: 12px;
    color: rgba(245, 234, 215, 0.75);
    font-size: 1.05rem;
    letter-spacing: 0.5px;
}

/* CARD */
.intro-card[b-yuiwqnak6d] {
    position: relative;
    border-radius: 28px;
    background: rgba(255,255,255,0.06);
    border: 1px solid rgba(255,255,255,0.10);
    box-shadow: 0 20px 60px rgba(0,0,0,0.35), inset 0 1px 0 rgba(255,255,255,0.04);
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
    overflow: hidden;
    animation: fadeUp-b-yuiwqnak6d 1s ease;
}

    .intro-card[b-yuiwqnak6d]::before {
        content: "";
        position: absolute;
        inset: 0;
        background: linear-gradient(135deg, rgba(199, 155, 78, 0.10), transparent 45%);
        pointer-events: none;
    }

.intro-card-content[b-yuiwqnak6d] {
    position: relative;
    z-index: 1;
    padding: 36px 30px;
}

.intro-lead[b-yuiwqnak6d] {
    margin: 0 0 16px 0;
    font-size: 1.35rem;
    font-weight: 700;
    color: #fff2dc;
}

.intro-text[b-yuiwqnak6d] {
    margin: 0 0 28px 0;
    font-size: 1.08rem;
    line-height: 1.8;
    color: rgba(245, 234, 215, 0.92);
}

.highlight[b-yuiwqnak6d] {
    color: #e5c07b;
    font-weight: 700;
}

/* LOCATION */
.intro-location[b-yuiwqnak6d] {
    display: flex;
    align-items: flex-start;
    gap: 16px;
    margin-bottom: 30px;
    padding: 18px 20px;
    border-radius: 18px;
    background: rgba(0,0,0,0.22);
    border: 1px solid rgba(255,255,255,0.08);
}

.location-icon[b-yuiwqnak6d] {
    flex-shrink: 0;
    font-size: 1.4rem;
    line-height: 1;
    margin-top: 2px;
}

.location-name[b-yuiwqnak6d] {
    font-size: 1.05rem;
    font-weight: 700;
    color: #fff2dc;
    margin-bottom: 4px;
}

.location-address[b-yuiwqnak6d] {
    color: rgba(245, 234, 215, 0.72);
    line-height: 1.6;
}

/* ACTIONS */
.intro-actions[b-yuiwqnak6d] {
    display: flex;
    flex-wrap: wrap;
    gap: 14px;
}

.btn-main[b-yuiwqnak6d],
.btn-secondary[b-yuiwqnak6d] {
    appearance: none;
    border: none;
    text-decoration: none;
    cursor: pointer;
    transition: all 0.25s ease;
    font-weight: 700;
    border-radius: 999px;
    padding: 14px 22px;
    font-size: 0.98rem;
}

.btn-main[b-yuiwqnak6d] {
    background: linear-gradient(135deg, #c79b4e, #e2bf7a);
    color: #1b1b1b;
    box-shadow: 0 8px 24px rgba(199, 155, 78, 0.28);
}

    .btn-main:hover[b-yuiwqnak6d] {
        transform: translateY(-2px);
        box-shadow: 0 12px 30px rgba(199, 155, 78, 0.35);
    }

.btn-secondary[b-yuiwqnak6d] {
    background: rgba(255,255,255,0.06);
    color: #f5ead7;
    border: 1px solid rgba(255,255,255,0.14);
}

    .btn-secondary:hover[b-yuiwqnak6d] {
        background: rgba(255,255,255,0.12);
        transform: translateY(-2px);
    }

/* ANIM */
@keyframes fadeUp-b-yuiwqnak6d {
    from {
        opacity: 0;
        transform: translateY(18px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* RESPONSIVE */
@media (max-width: 768px) {
    .intro-page[b-yuiwqnak6d] {
        padding: 24px 16px;
        align-items: flex-start;
    }

    .intro-container[b-yuiwqnak6d] {
        max-width: 100%;
    }

    .intro-card-content[b-yuiwqnak6d] {
        padding: 28px 20px;
    }

    .intro-location[b-yuiwqnak6d] {
        padding: 16px;
    }

    .intro-actions[b-yuiwqnak6d] {
        flex-direction: column;
    }

    .btn-main[b-yuiwqnak6d],
    .btn-secondary[b-yuiwqnak6d] {
        width: 100%;
        text-align: center;
    }
}
/* /Components/Pages/Story/WatchmenSecret/Episode3/Step3a.razor.rz.scp.css */
.step-page[b-zfffhflnkj] {
    max-width: 900px;
    margin: 0 auto;
    padding: 40px 20px;
}

.step-badge[b-zfffhflnkj] {
    display: inline-block;
    padding: 6px 12px;
    border-radius: 999px;
    background: rgba(255,255,255,0.08);
    font-size: 0.85rem;
}

.step-title[b-zfffhflnkj] {
    font-family: 'Cinzel', serif;
    font-size: 2.5rem;
    letter-spacing: 2px;
    margin-top: 10px;
}

.story-card[b-zfffhflnkj] {
    background: rgba(255,255,255,0.05);
    border: 1px solid rgba(255,255,255,0.08);
    border-radius: 20px;
    padding: 25px;
    line-height: 1.8;
    box-shadow: 0 15px 40px rgba(0,0,0,0.2);
}

.story-card + .story-card[b-zfffhflnkj],
.story-card + .step-cta[b-zfffhflnkj] {
    margin-top: 24px;
}

.mission-card[b-zfffhflnkj] {
    border-left: 3px solid rgba(251, 191, 36, 0.65);
}

.highlight[b-zfffhflnkj] {
    color: #fbbf24;
    font-weight: 600;
}

.strong[b-zfffhflnkj] {
    font-weight: 600;
    color: white;
}

.focus[b-zfffhflnkj] {
    font-weight: 600;
    color: #facc15;
}

.quote[b-zfffhflnkj] {
    font-style: italic;
    margin-top: 10px;
    color: #e5e7eb;
    border-left: 3px solid rgba(255,255,255,0.2);
    padding-left: 12px;
}

.roman-groups[b-zfffhflnkj] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 12px;
    margin: 20px 0;
}

.roman-groups span[b-zfffhflnkj],
.example-grid span[b-zfffhflnkj] {
    display: block;
    padding: 14px 16px;
    border: 1px solid rgba(251, 191, 36, 0.32);
    border-radius: 8px;
    background: rgba(251, 191, 36, 0.08);
    color: #f8fafc;
    font-family: 'Cinzel', serif;
    font-size: 1.15rem;
    font-weight: 700;
    text-align: center;
}

.riddle-list[b-zfffhflnkj] {
    margin: 12px 0 18px;
    padding-left: 1.25rem;
}

.example-grid[b-zfffhflnkj] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 12px;
    margin: 16px 0 20px;
}

.symbol[b-zfffhflnkj] {
    color: #fbbf24;
    font-size: 3rem;
    line-height: 1;
    text-align: center;
}

.answer-box[b-zfffhflnkj] {
    margin-top: 18px;
}

.input-answer[b-zfffhflnkj] {
    flex: 1;
    min-height: 46px;
    border-radius: 12px;
    border: 1px solid rgba(255,255,255,0.12);
    background: rgba(255,255,255,0.08);
    color: #fff;
    padding: 0.75rem 1rem;
    outline: none;
}

.input-answer[b-zfffhflnkj]::placeholder {
    color: rgba(255,255,255,0.45);
}

.input-answer:focus[b-zfffhflnkj] {
    border-color: rgba(251, 191, 36, 0.5);
    box-shadow: 0 0 0 0.2rem rgba(251, 191, 36, 0.12);
}

.btn-validate[b-zfffhflnkj] {
    border: 1px solid rgba(255,255,255,0.14);
    background: rgba(255,255,255,0.08);
    color: #fff;
    font-weight: 600;
}

.btn-validate:hover[b-zfffhflnkj] {
    background: rgba(255,255,255,0.14);
    color: #fff;
    transform: translateY(-1px);
}

.see-answer-link[b-zfffhflnkj] {
    font-size: 0.9rem;
    color: #cbd5e1;
    text-decoration: underline;
    cursor: pointer;
    transition: color 0.2s;
}

.see-answer-link:hover[b-zfffhflnkj] {
    color: #ffffff;
}

.solution-box[b-zfffhflnkj] {
    color: #f8fafc;
}

@media (max-width: 576px) {
    .step-page[b-zfffhflnkj] {
        padding: 28px 14px 40px;
    }

    .step-title[b-zfffhflnkj] {
        font-size: 2rem;
    }

    .roman-groups[b-zfffhflnkj],
    .example-grid[b-zfffhflnkj] {
        grid-template-columns: 1fr;
    }
}

.lore-card[b-zfffhflnkj] {
    position: relative;
    border-left: 4px solid #d6a84f;
    background: linear-gradient(135deg, rgba(214,168,79,0.14), rgba(255,255,255,0.04));
    box-shadow: 0 14px 35px rgba(0,0,0,0.25);
}

    .lore-card .story-label[b-zfffhflnkj] {
        color: #f6d58b;
        letter-spacing: 0.04em;
    }

    .lore-card p[b-zfffhflnkj] {
        color: rgba(255,255,255,0.88);
    }

    .lore-card[b-zfffhflnkj]::before {
        content: "✦";
        position: absolute;
        top: 18px;
        right: 22px;
        font-size: 1.6rem;
        color: rgba(246,213,139,0.35);
    }

    .lore-card[b-zfffhflnkj]::after {
        content: "";
        position: absolute;
        inset: 0;
        border-radius: inherit;
        border: 1px solid rgba(246,213,139,0.18);
        pointer-events: none;
    }
/* /Components/Pages/Story/WatchmenSecret/Episode4/Step4.razor.rz.scp.css */
/* PAGE */
.intro-page[b-d9a0d3qvz8] {
    position: relative;
    min-height: 100vh;
    overflow: hidden;
    color: #f5ead7;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 40px 20px;
    font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
}

.intro-overlay[b-d9a0d3qvz8] {
    position: absolute;
    inset: 0;
    pointer-events: none;
}

.intro-container[b-d9a0d3qvz8] {
    position: relative;
    z-index: 1;
    width: 100%;
    max-width: 900px;
}

/* HEADER */
.intro-header[b-d9a0d3qvz8] {
    margin-bottom: 32px;
    animation: fadeUp-b-d9a0d3qvz8 0.8s ease;
}

.intro-badge[b-d9a0d3qvz8] {
    display: inline-block;
    margin-bottom: 14px;
    padding: 8px 16px;
    border: 1px solid rgba(255,255,255,0.16);
    border-radius: 999px;
    background: rgba(255,255,255,0.06);
    color: #d8c29c;
    font-size: 0.9rem;
    letter-spacing: 1.5px;
    text-transform: uppercase;
}

.intro-title[b-d9a0d3qvz8] {
    margin: 0;
    font-size: clamp(2rem, 5vw, 3.5rem);
    font-weight: 800;
    line-height: 1.05;
    letter-spacing: 1px;
    color: #fff5e6;
    text-shadow: 0 4px 18px rgba(0,0,0,0.35);
}

.intro-subtitle[b-d9a0d3qvz8] {
    margin-top: 12px;
    color: rgba(245, 234, 215, 0.75);
    font-size: 1.05rem;
    letter-spacing: 0.5px;
}

/* CARD */
.intro-card[b-d9a0d3qvz8] {
    position: relative;
    border-radius: 28px;
    background: rgba(255,255,255,0.06);
    border: 1px solid rgba(255,255,255,0.10);
    box-shadow: 0 20px 60px rgba(0,0,0,0.35), inset 0 1px 0 rgba(255,255,255,0.04);
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
    overflow: hidden;
    animation: fadeUp-b-d9a0d3qvz8 1s ease;
}

    .intro-card[b-d9a0d3qvz8]::before {
        content: "";
        position: absolute;
        inset: 0;
        background: linear-gradient(135deg, rgba(199, 155, 78, 0.10), transparent 45%);
        pointer-events: none;
    }

.intro-card-content[b-d9a0d3qvz8] {
    position: relative;
    z-index: 1;
    padding: 36px 30px;
}

.intro-lead[b-d9a0d3qvz8] {
    margin: 0 0 16px 0;
    font-size: 1.35rem;
    font-weight: 700;
    color: #fff2dc;
}

.intro-text[b-d9a0d3qvz8] {
    margin: 0 0 28px 0;
    font-size: 1.08rem;
    line-height: 1.8;
    color: rgba(245, 234, 215, 0.92);
}

.highlight[b-d9a0d3qvz8] {
    color: #e5c07b;
    font-weight: 700;
}

/* LOCATION */
.intro-location[b-d9a0d3qvz8] {
    display: flex;
    align-items: flex-start;
    gap: 16px;
    margin-bottom: 30px;
    padding: 18px 20px;
    border-radius: 18px;
    background: rgba(0,0,0,0.22);
    border: 1px solid rgba(255,255,255,0.08);
}

.location-icon[b-d9a0d3qvz8] {
    flex-shrink: 0;
    font-size: 1.4rem;
    line-height: 1;
    margin-top: 2px;
}

.location-name[b-d9a0d3qvz8] {
    font-size: 1.05rem;
    font-weight: 700;
    color: #fff2dc;
    margin-bottom: 4px;
}

.location-address[b-d9a0d3qvz8] {
    color: rgba(245, 234, 215, 0.72);
    line-height: 1.6;
}

/* ACTIONS */
.intro-actions[b-d9a0d3qvz8] {
    display: flex;
    flex-wrap: wrap;
    gap: 14px;
}

.btn-main[b-d9a0d3qvz8],
.btn-secondary[b-d9a0d3qvz8] {
    appearance: none;
    border: none;
    text-decoration: none;
    cursor: pointer;
    transition: all 0.25s ease;
    font-weight: 700;
    border-radius: 999px;
    padding: 14px 22px;
    font-size: 0.98rem;
}

.btn-main[b-d9a0d3qvz8] {
    background: linear-gradient(135deg, #c79b4e, #e2bf7a);
    color: #1b1b1b;
    box-shadow: 0 8px 24px rgba(199, 155, 78, 0.28);
}

    .btn-main:hover[b-d9a0d3qvz8] {
        transform: translateY(-2px);
        box-shadow: 0 12px 30px rgba(199, 155, 78, 0.35);
    }

.btn-secondary[b-d9a0d3qvz8] {
    background: rgba(255,255,255,0.06);
    color: #f5ead7;
    border: 1px solid rgba(255,255,255,0.14);
}

    .btn-secondary:hover[b-d9a0d3qvz8] {
        background: rgba(255,255,255,0.12);
        transform: translateY(-2px);
    }

/* ANIM */
@keyframes fadeUp-b-d9a0d3qvz8 {
    from {
        opacity: 0;
        transform: translateY(18px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* RESPONSIVE */
@media (max-width: 768px) {
    .intro-page[b-d9a0d3qvz8] {
        padding: 24px 16px;
        align-items: flex-start;
    }

    .intro-container[b-d9a0d3qvz8] {
        max-width: 100%;
    }

    .intro-card-content[b-d9a0d3qvz8] {
        padding: 28px 20px;
    }

    .intro-location[b-d9a0d3qvz8] {
        padding: 16px;
    }

    .intro-actions[b-d9a0d3qvz8] {
        flex-direction: column;
    }

    .btn-main[b-d9a0d3qvz8],
    .btn-secondary[b-d9a0d3qvz8] {
        width: 100%;
        text-align: center;
    }
}
/* /Components/Pages/Story/WatchmenSecret/Episode4/Step4a.razor.rz.scp.css */
.step-page[b-rrucyhf1zb] {
    max-width: 900px;
    margin: 0 auto;
    padding: 40px 20px;
}

.step-badge[b-rrucyhf1zb] {
    display: inline-block;
    padding: 6px 12px;
    border-radius: 999px;
    background: rgba(255,255,255,0.08);
    font-size: 0.85rem;
}

.step-title[b-rrucyhf1zb] {
    font-family: 'Cinzel', serif;
    font-size: 2.5rem;
    letter-spacing: 2px;
    margin-top: 10px;
}

.story-card[b-rrucyhf1zb] {
    background: rgba(255,255,255,0.05);
    border: 1px solid rgba(255,255,255,0.08);
    border-radius: 20px;
    padding: 25px;
    line-height: 1.8;
    box-shadow: 0 15px 40px rgba(0,0,0,0.2);
}

.story-card + .story-card[b-rrucyhf1zb] {
    margin-top: 24px;
}

.mission-card[b-rrucyhf1zb] {
    border-left: 3px solid rgba(251, 191, 36, 0.65);
}

.discovery-card[b-rrucyhf1zb] {
    border-left: 3px solid rgba(96, 165, 250, 0.65);
}

.sms-card[b-rrucyhf1zb] {
    border-left: 3px solid rgba(52, 211, 153, 0.65);
    background: rgba(15, 23, 42, 0.38);
}

.sms-screen-card[b-rrucyhf1zb] {
    border-left: 3px solid rgba(52, 211, 153, 0.7);
    background: linear-gradient(135deg, rgba(15,23,42,0.72), rgba(15,23,42,0.42));
}

.phone-screen[b-rrucyhf1zb] {
    max-width: 380px;
    margin: 20px auto 0;
    padding: 12px;
    border: 1px solid rgba(148, 163, 184, 0.26);
    border-radius: 28px;
    background:
        radial-gradient(circle at 50% 0, rgba(52, 211, 153, 0.16), transparent 34%),
        #0f172a;
    box-shadow: 0 24px 60px rgba(0,0,0,0.42);
}

.phone-status[b-rrucyhf1zb] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 2px 12px 10px;
    color: rgba(226, 232, 240, 0.72);
    font-size: 0.76rem;
    font-weight: 700;
    line-height: 1;
}

.phone-contact[b-rrucyhf1zb] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 12px;
    border: 1px solid rgba(255,255,255,0.08);
    border-radius: 18px;
    background: rgba(255,255,255,0.05);
}

.phone-contact-avatar[b-rrucyhf1zb] {
    display: grid;
    place-items: center;
    width: 38px;
    height: 38px;
    border-radius: 50%;
    background: rgba(52, 211, 153, 0.18);
    color: #bbf7d0;
    font-weight: 800;
}

.phone-contact p[b-rrucyhf1zb] {
    margin: 0;
    color: #f8fafc;
    font-weight: 700;
    line-height: 1.2;
}

.phone-contact span:not(.phone-contact-avatar)[b-rrucyhf1zb] {
    color: rgba(203, 213, 225, 0.72);
    font-size: 0.78rem;
}

.sms-thread[b-rrucyhf1zb] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding: 16px 4px 4px;
}

.sms-bubble[b-rrucyhf1zb] {
    max-width: 86%;
    margin: 0;
    padding: 10px 13px;
    border-radius: 17px;
    color: #e5e7eb;
    line-height: 1.45;
    box-shadow: 0 8px 18px rgba(0,0,0,0.18);
}

.sms-bubble.incoming[b-rrucyhf1zb] {
    align-self: flex-start;
    border-bottom-left-radius: 6px;
    background: rgba(30, 41, 59, 0.92);
    border: 1px solid rgba(148, 163, 184, 0.16);
}

.sms-emphasis[b-rrucyhf1zb],
.sms-signature-bubble[b-rrucyhf1zb] {
    color: #d1fae5;
    font-weight: 800;
}

.sms-signature-bubble[b-rrucyhf1zb] {
    align-self: flex-end;
    border-bottom-left-radius: 17px;
    border-bottom-right-radius: 6px;
    background: rgba(22, 101, 52, 0.58);
}

.highlight[b-rrucyhf1zb] {
    color: #fbbf24;
    font-weight: 600;
}

.strong[b-rrucyhf1zb] {
    font-weight: 600;
    color: white;
}

.focus[b-rrucyhf1zb] {
    font-weight: 600;
    color: #facc15;
}

.quote[b-rrucyhf1zb] {
    font-style: italic;
    margin-top: 10px;
    color: #e5e7eb;
    border-left: 3px solid rgba(255,255,255,0.2);
    padding-left: 12px;
}

.symbol[b-rrucyhf1zb] {
    color: #fbbf24;
    font-size: 3rem;
    line-height: 1;
    text-align: center;
}

.crown-grid[b-rrucyhf1zb] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 12px;
    margin: 20px 0;
}

.crown-grid span[b-rrucyhf1zb] {
    display: block;
    padding: 14px 16px;
    border: 1px solid rgba(251, 191, 36, 0.32);
    border-radius: 8px;
    background: rgba(251, 191, 36, 0.08);
    color: #f8fafc;
    font-size: 1.45rem;
    font-weight: 700;
    text-align: center;
}

.sms-signature[b-rrucyhf1zb] {
    color: #d1fae5;
    font-weight: 700;
    text-align: right;
}

.answer-box[b-rrucyhf1zb] {
    margin-top: 18px;
}

.input-answer[b-rrucyhf1zb] {
    flex: 1;
    min-height: 46px;
    border-radius: 12px;
    border: 1px solid rgba(255,255,255,0.12);
    background: rgba(255,255,255,0.08);
    color: #fff;
    padding: 0.75rem 1rem;
    outline: none;
}

.input-answer[b-rrucyhf1zb]::placeholder {
    color: rgba(255,255,255,0.45);
}

.input-answer:focus[b-rrucyhf1zb] {
    border-color: rgba(251, 191, 36, 0.5);
    box-shadow: 0 0 0 0.2rem rgba(251, 191, 36, 0.12);
}

.btn-validate[b-rrucyhf1zb] {
    border: 1px solid rgba(255,255,255,0.14);
    background: rgba(255,255,255,0.08);
    color: #fff;
    font-weight: 600;
}

.btn-validate:hover[b-rrucyhf1zb] {
    background: rgba(255,255,255,0.14);
    color: #fff;
    transform: translateY(-1px);
}

.see-answer-link[b-rrucyhf1zb] {
    font-size: 0.9rem;
    color: #cbd5e1;
    text-decoration: underline;
    cursor: pointer;
    transition: color 0.2s;
}

.see-answer-link:hover[b-rrucyhf1zb] {
    color: #ffffff;
}

.solution-box[b-rrucyhf1zb] {
    color: #f8fafc;
}

@media (max-width: 576px) {
    .step-page[b-rrucyhf1zb] {
        padding: 28px 14px 40px;
    }

    .step-title[b-rrucyhf1zb] {
        font-size: 2rem;
    }

    .crown-grid[b-rrucyhf1zb] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .phone-screen[b-rrucyhf1zb] {
        max-width: 100%;
        border-radius: 22px;
    }

    .sms-bubble[b-rrucyhf1zb] {
        max-width: 94%;
    }
}
/* /Components/Pages/Story/WatchmenSecret/Episode5/Step5.razor.rz.scp.css */
/* PAGE */
.intro-page[b-bop2oj5vv2] {
    position: relative;
    min-height: 100vh;
    overflow: hidden;
    color: #f5ead7;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 40px 20px;
    font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
}

.intro-overlay[b-bop2oj5vv2] {
    position: absolute;
    inset: 0;
    pointer-events: none;
}

.intro-container[b-bop2oj5vv2] {
    position: relative;
    z-index: 1;
    width: 100%;
    max-width: 900px;
}

/* HEADER */
.intro-header[b-bop2oj5vv2] {
    margin-bottom: 32px;
    animation: fadeUp-b-bop2oj5vv2 0.8s ease;
}

.intro-badge[b-bop2oj5vv2] {
    display: inline-block;
    margin-bottom: 14px;
    padding: 8px 16px;
    border: 1px solid rgba(255,255,255,0.16);
    border-radius: 999px;
    background: rgba(255,255,255,0.06);
    color: #d8c29c;
    font-size: 0.9rem;
    letter-spacing: 1.5px;
    text-transform: uppercase;
}

.intro-title[b-bop2oj5vv2] {
    margin: 0;
    font-size: clamp(2rem, 5vw, 3.5rem);
    font-weight: 800;
    line-height: 1.05;
    letter-spacing: 1px;
    color: #fff5e6;
    text-shadow: 0 4px 18px rgba(0,0,0,0.35);
}

.intro-subtitle[b-bop2oj5vv2] {
    margin-top: 12px;
    color: rgba(245, 234, 215, 0.75);
    font-size: 1.05rem;
    letter-spacing: 0.5px;
}

/* CARD */
.intro-card[b-bop2oj5vv2] {
    position: relative;
    border-radius: 28px;
    background: rgba(255,255,255,0.06);
    border: 1px solid rgba(255,255,255,0.10);
    box-shadow: 0 20px 60px rgba(0,0,0,0.35), inset 0 1px 0 rgba(255,255,255,0.04);
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
    overflow: hidden;
    animation: fadeUp-b-bop2oj5vv2 1s ease;
}

    .intro-card[b-bop2oj5vv2]::before {
        content: "";
        position: absolute;
        inset: 0;
        background: linear-gradient(135deg, rgba(199, 155, 78, 0.10), transparent 45%);
        pointer-events: none;
    }

.intro-card-content[b-bop2oj5vv2] {
    position: relative;
    z-index: 1;
    padding: 36px 30px;
}

.intro-lead[b-bop2oj5vv2] {
    margin: 0 0 16px 0;
    font-size: 1.35rem;
    font-weight: 700;
    color: #fff2dc;
}

.intro-text[b-bop2oj5vv2] {
    margin: 0 0 28px 0;
    font-size: 1.08rem;
    line-height: 1.8;
    color: rgba(245, 234, 215, 0.92);
}

.highlight[b-bop2oj5vv2] {
    color: #e5c07b;
    font-weight: 700;
}

/* LOCATION */
.intro-location[b-bop2oj5vv2] {
    display: flex;
    align-items: flex-start;
    gap: 16px;
    margin-bottom: 30px;
    padding: 18px 20px;
    border-radius: 18px;
    background: rgba(0,0,0,0.22);
    border: 1px solid rgba(255,255,255,0.08);
}

.location-icon[b-bop2oj5vv2] {
    flex-shrink: 0;
    font-size: 1.4rem;
    line-height: 1;
    margin-top: 2px;
}

.location-name[b-bop2oj5vv2] {
    font-size: 1.05rem;
    font-weight: 700;
    color: #fff2dc;
    margin-bottom: 4px;
}

.location-address[b-bop2oj5vv2] {
    color: rgba(245, 234, 215, 0.72);
    line-height: 1.6;
}

/* ACTIONS */
.intro-actions[b-bop2oj5vv2] {
    display: flex;
    flex-wrap: wrap;
    gap: 14px;
}

.btn-main[b-bop2oj5vv2],
.btn-secondary[b-bop2oj5vv2] {
    appearance: none;
    border: none;
    text-decoration: none;
    cursor: pointer;
    transition: all 0.25s ease;
    font-weight: 700;
    border-radius: 999px;
    padding: 14px 22px;
    font-size: 0.98rem;
}

.btn-main[b-bop2oj5vv2] {
    background: linear-gradient(135deg, #c79b4e, #e2bf7a);
    color: #1b1b1b;
    box-shadow: 0 8px 24px rgba(199, 155, 78, 0.28);
}

    .btn-main:hover[b-bop2oj5vv2] {
        transform: translateY(-2px);
        box-shadow: 0 12px 30px rgba(199, 155, 78, 0.35);
    }

.btn-secondary[b-bop2oj5vv2] {
    background: rgba(255,255,255,0.06);
    color: #f5ead7;
    border: 1px solid rgba(255,255,255,0.14);
}

    .btn-secondary:hover[b-bop2oj5vv2] {
        background: rgba(255,255,255,0.12);
        transform: translateY(-2px);
    }

/* ANIM */
@keyframes fadeUp-b-bop2oj5vv2 {
    from {
        opacity: 0;
        transform: translateY(18px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* RESPONSIVE */
@media (max-width: 768px) {
    .intro-page[b-bop2oj5vv2] {
        padding: 24px 16px;
        align-items: flex-start;
    }

    .intro-container[b-bop2oj5vv2] {
        max-width: 100%;
    }

    .intro-card-content[b-bop2oj5vv2] {
        padding: 28px 20px;
    }

    .intro-location[b-bop2oj5vv2] {
        padding: 16px;
    }

    .intro-actions[b-bop2oj5vv2] {
        flex-direction: column;
    }

    .btn-main[b-bop2oj5vv2],
    .btn-secondary[b-bop2oj5vv2] {
        width: 100%;
        text-align: center;
    }
}
/* /Components/Pages/Story/WatchmenSecret/Episode5/Step5a.razor.rz.scp.css */
.step-page[b-ld6e57k4b0] {
    max-width: 900px;
    margin: 0 auto;
    padding: 40px 20px 64px;
}

.step-badge[b-ld6e57k4b0] {
    display: inline-block;
    padding: 6px 12px;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.08);
    font-size: 0.85rem;
}

.step-title[b-ld6e57k4b0] {
    margin-top: 10px;
    font-family: 'Cinzel', serif;
    font-size: 2.5rem;
    letter-spacing: 2px;
}

.step-subtitle[b-ld6e57k4b0] {
    color: #cbd5e1;
}

.story-card[b-ld6e57k4b0] {
    padding: 25px;
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 20px;
    background: rgba(255, 255, 255, 0.05);
    box-shadow: 0 15px 40px rgba(0, 0, 0, 0.2);
    line-height: 1.8;
}

.story-card + .story-card[b-ld6e57k4b0] {
    margin-top: 24px;
}

.mission-card[b-ld6e57k4b0] { border-left: 3px solid rgba(251, 191, 36, 0.65); }
.sms-card[b-ld6e57k4b0] { border-left: 3px solid rgba(52, 211, 153, 0.65); background: rgba(15, 23, 42, 0.38); }
.sms-screen-card[b-ld6e57k4b0] { border-left: 3px solid rgba(52, 211, 153, 0.7); background: linear-gradient(135deg, rgba(15,23,42,0.72), rgba(15,23,42,0.42)); }
.portal-card[b-ld6e57k4b0] { border-color: rgba(129, 140, 248, 0.35); background: radial-gradient(circle at 50% 0%, rgba(79, 70, 229, 0.2), rgba(15, 23, 42, 0.42) 55%); }
.video-card[b-ld6e57k4b0] { border-left: 3px solid rgba(129, 140, 248, 0.7); }

.strong[b-ld6e57k4b0], .question-title[b-ld6e57k4b0] { color: #fff; font-weight: 600; }
.focus[b-ld6e57k4b0] { color: #facc15; font-weight: 600; }
.tone[b-ld6e57k4b0] { color: #cbd5e1; font-style: italic; }
.quote[b-ld6e57k4b0] { padding-left: 12px; border-left: 3px solid rgba(255, 255, 255, 0.2); color: #e5e7eb; font-style: italic; }
.sms-signature[b-ld6e57k4b0] { color: #d1fae5; font-weight: 700; text-align: right; }
.site-address[b-ld6e57k4b0] { color: #a5b4fc; font-size: 1.2rem; font-weight: 700; text-align: center; }
.portal-stars[b-ld6e57k4b0] { color: #c4b5fd; font-size: 1.35rem; letter-spacing: 0.4rem; text-align: center; }

.phone-screen[b-ld6e57k4b0] {
    max-width: 380px;
    margin: 20px auto 0;
    padding: 12px;
    border: 1px solid rgba(148, 163, 184, 0.26);
    border-radius: 28px;
    background:
        radial-gradient(circle at 50% 0, rgba(52, 211, 153, 0.16), transparent 34%),
        #0f172a;
    box-shadow: 0 24px 60px rgba(0,0,0,0.42);
}

.phone-status[b-ld6e57k4b0] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 2px 12px 10px;
    color: rgba(226, 232, 240, 0.72);
    font-size: 0.76rem;
    font-weight: 700;
    line-height: 1;
}

.phone-contact[b-ld6e57k4b0] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 12px;
    border: 1px solid rgba(255,255,255,0.08);
    border-radius: 18px;
    background: rgba(255,255,255,0.05);
}

.phone-contact-avatar[b-ld6e57k4b0] {
    display: grid;
    place-items: center;
    width: 38px;
    height: 38px;
    border-radius: 50%;
    background: rgba(52, 211, 153, 0.18);
    color: #bbf7d0;
    font-weight: 800;
}

.phone-contact p[b-ld6e57k4b0] {
    margin: 0;
    color: #f8fafc;
    font-weight: 700;
    line-height: 1.2;
}

.phone-contact span:not(.phone-contact-avatar)[b-ld6e57k4b0] {
    color: rgba(203, 213, 225, 0.72);
    font-size: 0.78rem;
}

.sms-thread[b-ld6e57k4b0] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding: 16px 4px 4px;
}

.sms-bubble[b-ld6e57k4b0] {
    max-width: 86%;
    margin: 0;
    padding: 10px 13px;
    border-radius: 17px;
    color: #e5e7eb;
    line-height: 1.45;
    box-shadow: 0 8px 18px rgba(0,0,0,0.18);
}

.sms-bubble.incoming[b-ld6e57k4b0] {
    align-self: flex-start;
    border-bottom-left-radius: 6px;
    background: rgba(30, 41, 59, 0.92);
    border: 1px solid rgba(148, 163, 184, 0.16);
}

.sms-emphasis[b-ld6e57k4b0],
.sms-signature-bubble[b-ld6e57k4b0] {
    color: #d1fae5;
    font-weight: 800;
}

.sms-signature-bubble[b-ld6e57k4b0] {
    align-self: flex-end;
    border-bottom-left-radius: 17px;
    border-bottom-right-radius: 6px;
    background: rgba(22, 101, 52, 0.58);
}

.sms-bubble .site-address[b-ld6e57k4b0] {
    display: inline;
    color: #c4b5fd;
    font-size: 1rem;
}

.celestial-grid[b-ld6e57k4b0] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 14px;
    margin-top: 20px;
}

.celestial-card[b-ld6e57k4b0] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 7px;
    padding: 18px 12px;
    border: 1px solid rgba(251, 191, 36, 0.28);
    border-radius: 14px;
    background: rgba(251, 191, 36, 0.06);
}

.celestial-icon[b-ld6e57k4b0] { font-size: 2rem; }
.fragment[b-ld6e57k4b0] { color: #fbbf24; font-weight: 800; letter-spacing: 0.12em; }
.answer-box[b-ld6e57k4b0] { margin-top: 18px; }

.input-answer[b-ld6e57k4b0] {
    flex: 1;
    min-height: 46px;
    padding: 0.75rem 1rem;
    border: 1px solid rgba(255, 255, 255, 0.12);
    border-radius: 12px;
    outline: none;
    background: rgba(255, 255, 255, 0.08);
    color: #fff;
}

.input-answer[b-ld6e57k4b0]::placeholder { color: rgba(255, 255, 255, 0.45); }
.input-answer:focus[b-ld6e57k4b0] { border-color: rgba(251, 191, 36, 0.5); box-shadow: 0 0 0 0.2rem rgba(251, 191, 36, 0.12); }

.btn-validate[b-ld6e57k4b0] {
    border: 1px solid rgba(255, 255, 255, 0.14);
    background: rgba(255, 255, 255, 0.1);
    color: #fff;
    font-weight: 600;
}

.btn-validate:hover[b-ld6e57k4b0] { transform: translateY(-1px); background: rgba(255, 255, 255, 0.16); color: #fff; }
.see-answer-link[b-ld6e57k4b0] { color: #cbd5e1; font-size: 0.9rem; text-decoration: underline; }
.solution-box[b-ld6e57k4b0] { color: #f8fafc; }

.paul-portrait[b-ld6e57k4b0] {
    display: block;
    width: min(100%, 420px);
    max-height: 300px;
    margin: 18px auto 24px;
    border-radius: 16px;
    object-fit: cover;
    object-position: center 20%;
    filter: saturate(0.75) contrast(1.06);
}

.video-status[b-ld6e57k4b0] { color: #c7d2fe; font-size: 0.8rem; letter-spacing: 0.1em; text-align: right; text-transform: uppercase; }
.video-status span[b-ld6e57k4b0] { display: inline-block; width: 8px; height: 8px; margin-right: 5px; border-radius: 50%; background: #ef4444; box-shadow: 0 0 10px #ef4444; }
.choice-list[b-ld6e57k4b0] { display: grid; gap: 12px; margin: 18px 0 10px; }
.choice-option[b-ld6e57k4b0] { display: flex; align-items: flex-start; gap: 12px; padding: 14px 16px; border: 1px solid rgba(255, 255, 255, 0.12); border-radius: 10px; background: rgba(255, 255, 255, 0.04); cursor: pointer; }
.choice-option input[b-ld6e57k4b0] { flex: 0 0 auto; margin-top: 7px; }
.choice-option span[b-ld6e57k4b0] { color: #f8fafc; }
.validation-message[b-ld6e57k4b0] { color: #fecaca; font-weight: 600; }

@media (max-width: 576px) {
    .step-page[b-ld6e57k4b0] { padding: 28px 14px 44px; }
    .step-title[b-ld6e57k4b0] { font-size: 2rem; }
    .celestial-grid[b-ld6e57k4b0] { grid-template-columns: 1fr; }
    .phone-screen[b-ld6e57k4b0] { max-width: 100%; border-radius: 22px; }
    .sms-bubble[b-ld6e57k4b0] { max-width: 94%; }
}


.distance-card[b-ld6e57k4b0] {
    margin-top: 20px;
    padding: 20px;
    background: rgba(255,255,255,0.04);
    border: 1px solid rgba(255,255,255,0.08);
    border-radius: 16px;
}

.distance-list[b-ld6e57k4b0] {
    display: flex;
    flex-direction: column;
    gap: 12px;
    margin-top: 15px;
}

.distance-item[b-ld6e57k4b0] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 14px 16px;
    background: rgba(255,255,255,0.05);
    border-radius: 12px;
    transition: all 0.2s ease;
}

    .distance-item:hover[b-ld6e57k4b0] {
        background: rgba(255,255,255,0.08);
        transform: translateY(-1px);
    }

    .distance-item strong[b-ld6e57k4b0] {
        color: #ffffff;
        font-size: 1rem;
        font-weight: 600;
    }

    .distance-item span[b-ld6e57k4b0] {
        color: #fbbf24;
        font-weight: 700;
        font-size: 1rem;
        white-space: nowrap;
    }

@media (max-width: 576px) {
    .distance-item[b-ld6e57k4b0] {
        flex-direction: column;
        align-items: flex-start;
        gap: 6px;
    }

        .distance-item span[b-ld6e57k4b0] {
            font-size: 0.95rem;
        }
}
/* /Components/Pages/Story/WatchmenSecret/Episode6/Step6.razor.rz.scp.css */
/* PAGE */
.intro-page[b-w947oxbab9] {
    position: relative;
    min-height: 100vh;
    overflow: hidden;
    color: #f5ead7;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 40px 20px;
    font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
}

.intro-overlay[b-w947oxbab9] {
    position: absolute;
    inset: 0;
    pointer-events: none;
}

.intro-container[b-w947oxbab9] {
    position: relative;
    z-index: 1;
    width: 100%;
    max-width: 900px;
}

/* HEADER */
.intro-header[b-w947oxbab9] {
    margin-bottom: 32px;
    animation: fadeUp-b-w947oxbab9 0.8s ease;
}

.intro-badge[b-w947oxbab9] {
    display: inline-block;
    margin-bottom: 14px;
    padding: 8px 16px;
    border: 1px solid rgba(255,255,255,0.16);
    border-radius: 999px;
    background: rgba(255,255,255,0.06);
    color: #d8c29c;
    font-size: 0.9rem;
    letter-spacing: 1.5px;
    text-transform: uppercase;
}

.intro-title[b-w947oxbab9] {
    margin: 0;
    font-size: clamp(2rem, 5vw, 3.5rem);
    font-weight: 800;
    line-height: 1.05;
    letter-spacing: 1px;
    color: #fff5e6;
    text-shadow: 0 4px 18px rgba(0,0,0,0.35);
}

.intro-subtitle[b-w947oxbab9] {
    margin-top: 12px;
    color: rgba(245, 234, 215, 0.75);
    font-size: 1.05rem;
    letter-spacing: 0.5px;
}

/* CARD */
.intro-card[b-w947oxbab9] {
    position: relative;
    border-radius: 28px;
    background: rgba(255,255,255,0.06);
    border: 1px solid rgba(255,255,255,0.10);
    box-shadow: 0 20px 60px rgba(0,0,0,0.35), inset 0 1px 0 rgba(255,255,255,0.04);
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
    overflow: hidden;
    animation: fadeUp-b-w947oxbab9 1s ease;
}

    .intro-card[b-w947oxbab9]::before {
        content: "";
        position: absolute;
        inset: 0;
        background: linear-gradient(135deg, rgba(199, 155, 78, 0.10), transparent 45%);
        pointer-events: none;
    }

.intro-card-content[b-w947oxbab9] {
    position: relative;
    z-index: 1;
    padding: 36px 30px;
}

.intro-lead[b-w947oxbab9] {
    margin: 0 0 16px 0;
    font-size: 1.35rem;
    font-weight: 700;
    color: #fff2dc;
}

.intro-text[b-w947oxbab9] {
    margin: 0 0 28px 0;
    font-size: 1.08rem;
    line-height: 1.8;
    color: rgba(245, 234, 215, 0.92);
}

.highlight[b-w947oxbab9] {
    color: #e5c07b;
    font-weight: 700;
}

/* LOCATION */
.intro-location[b-w947oxbab9] {
    display: flex;
    align-items: flex-start;
    gap: 16px;
    margin-bottom: 30px;
    padding: 18px 20px;
    border-radius: 18px;
    background: rgba(0,0,0,0.22);
    border: 1px solid rgba(255,255,255,0.08);
}

.location-icon[b-w947oxbab9] {
    flex-shrink: 0;
    font-size: 1.4rem;
    line-height: 1;
    margin-top: 2px;
}

.location-name[b-w947oxbab9] {
    font-size: 1.05rem;
    font-weight: 700;
    color: #fff2dc;
    margin-bottom: 4px;
}

.location-address[b-w947oxbab9] {
    color: rgba(245, 234, 215, 0.72);
    line-height: 1.6;
}

/* ACTIONS */
.intro-actions[b-w947oxbab9] {
    display: flex;
    flex-wrap: wrap;
    gap: 14px;
}

.btn-main[b-w947oxbab9],
.btn-secondary[b-w947oxbab9] {
    appearance: none;
    border: none;
    text-decoration: none;
    cursor: pointer;
    transition: all 0.25s ease;
    font-weight: 700;
    border-radius: 999px;
    padding: 14px 22px;
    font-size: 0.98rem;
}

.btn-main[b-w947oxbab9] {
    background: linear-gradient(135deg, #c79b4e, #e2bf7a);
    color: #1b1b1b;
    box-shadow: 0 8px 24px rgba(199, 155, 78, 0.28);
}

    .btn-main:hover[b-w947oxbab9] {
        transform: translateY(-2px);
        box-shadow: 0 12px 30px rgba(199, 155, 78, 0.35);
    }

.btn-secondary[b-w947oxbab9] {
    background: rgba(255,255,255,0.06);
    color: #f5ead7;
    border: 1px solid rgba(255,255,255,0.14);
}

    .btn-secondary:hover[b-w947oxbab9] {
        background: rgba(255,255,255,0.12);
        transform: translateY(-2px);
    }

/* ANIM */
@keyframes fadeUp-b-w947oxbab9 {
    from {
        opacity: 0;
        transform: translateY(18px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* RESPONSIVE */
@media (max-width: 768px) {
    .intro-page[b-w947oxbab9] {
        padding: 24px 16px;
        align-items: flex-start;
    }

    .intro-container[b-w947oxbab9] {
        max-width: 100%;
    }

    .intro-card-content[b-w947oxbab9] {
        padding: 28px 20px;
    }

    .intro-location[b-w947oxbab9] {
        padding: 16px;
    }

    .intro-actions[b-w947oxbab9] {
        flex-direction: column;
    }

    .btn-main[b-w947oxbab9],
    .btn-secondary[b-w947oxbab9] {
        width: 100%;
        text-align: center;
    }
}
/* /Components/Pages/Story/WatchmenSecret/Episode6/Step6a.razor.rz.scp.css */
.step-page[b-yvikupq3c3] { max-width: 900px; margin: 0 auto; padding: 40px 20px 64px; }
.step-badge[b-yvikupq3c3] { display: inline-block; padding: 6px 12px; border-radius: 999px; background: rgba(255,255,255,.08); font-size: .85rem; }
.step-title[b-yvikupq3c3] { margin-top: 10px; font-family: 'Cinzel', serif; font-size: 2.5rem; letter-spacing: 2px; }
.step-subtitle[b-yvikupq3c3] { color: #cbd5e1; }

.story-card[b-yvikupq3c3] { padding: 25px; border: 1px solid rgba(255,255,255,.08); border-radius: 20px; background: rgba(255,255,255,.05); box-shadow: 0 15px 40px rgba(0,0,0,.2); line-height: 1.8; }
.story-card + .story-card[b-yvikupq3c3], .story-card + .step-cta[b-yvikupq3c3] { margin-top: 24px; }
.mission-card[b-yvikupq3c3] { border-left: 3px solid rgba(251,191,36,.65); }
.discovery-card[b-yvikupq3c3] { border-left: 3px solid rgba(96,165,250,.7); }
.sms-screen-card[b-yvikupq3c3] { border-left: 3px solid rgba(52,211,153,.7); background: linear-gradient(135deg, rgba(15,23,42,.72), rgba(15,23,42,.42)); }
.strong[b-yvikupq3c3] { color: #fff; font-weight: 600; }
.focus[b-yvikupq3c3] { color: #facc15; font-weight: 600; }
.tone[b-yvikupq3c3] { color: #cbd5e1; font-style: italic; }

.phone-screen[b-yvikupq3c3] {
    max-width: 380px;
    margin: 20px auto 0;
    padding: 12px;
    border: 1px solid rgba(148,163,184,.26);
    border-radius: 28px;
    background:
        radial-gradient(circle at 50% 0, rgba(52,211,153,.16), transparent 34%),
        #0f172a;
    box-shadow: 0 24px 60px rgba(0,0,0,.42);
}

.phone-status[b-yvikupq3c3] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 2px 12px 10px;
    color: rgba(226,232,240,.72);
    font-size: .76rem;
    font-weight: 700;
    line-height: 1;
}

.phone-contact[b-yvikupq3c3] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 12px;
    border: 1px solid rgba(255,255,255,.08);
    border-radius: 18px;
    background: rgba(255,255,255,.05);
}

.phone-contact-avatar[b-yvikupq3c3] {
    display: grid;
    place-items: center;
    width: 38px;
    height: 38px;
    border-radius: 50%;
    background: rgba(52,211,153,.18);
    color: #bbf7d0;
    font-weight: 800;
}

.phone-contact p[b-yvikupq3c3] {
    margin: 0;
    color: #f8fafc;
    font-weight: 700;
    line-height: 1.2;
}

.phone-contact span:not(.phone-contact-avatar)[b-yvikupq3c3] {
    color: rgba(203,213,225,.72);
    font-size: .78rem;
}

.sms-thread[b-yvikupq3c3] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding: 16px 4px 4px;
}

.sms-bubble[b-yvikupq3c3] {
    max-width: 86%;
    margin: 0;
    padding: 10px 13px;
    border-radius: 17px;
    color: #e5e7eb;
    line-height: 1.45;
    box-shadow: 0 8px 18px rgba(0,0,0,.18);
}

.sms-bubble.incoming[b-yvikupq3c3] {
    align-self: flex-start;
    border-bottom-left-radius: 6px;
    background: rgba(30,41,59,.92);
    border: 1px solid rgba(148,163,184,.16);
}

.sms-emphasis[b-yvikupq3c3],
.sms-signature-bubble[b-yvikupq3c3] {
    color: #d1fae5;
    font-weight: 800;
}

.sms-signature-bubble[b-yvikupq3c3] {
    align-self: flex-end;
    border-bottom-left-radius: 17px;
    border-bottom-right-radius: 6px;
    background: rgba(22,101,52,.58);
}

.notification-card[b-yvikupq3c3] { display: flex; align-items: center; gap: 16px; border-color: rgba(52,211,153,.3); background: rgba(6,78,59,.18); }
.notification-icon[b-yvikupq3c3] { display: grid; flex: 0 0 48px; width: 48px; height: 48px; place-items: center; border-radius: 50%; background: rgba(52,211,153,.15); color: #6ee7b7; }
.notification-kicker[b-yvikupq3c3] { color: #a7f3d0; font-size: .76rem; letter-spacing: .08em; text-transform: uppercase; }
.notification-file[b-yvikupq3c3] { color: #fff; font-family: monospace; font-size: 1.05rem; }

.surveillance-card[b-yvikupq3c3] { overflow: hidden; padding: 0; background: #090d12; }
.surveillance-card > p[b-yvikupq3c3] { padding: 0 25px 8px; }
.video-narration[b-yvikupq3c3] { padding: 18px 25px 10px; }
.video-topbar[b-yvikupq3c3] { display: flex; justify-content: space-between; padding: 11px 16px; border-bottom: 1px solid rgba(255,255,255,.08); color: #94a3b8; font-family: monospace; font-size: .72rem; letter-spacing: .08em; text-transform: uppercase; }
.video-topbar i[b-yvikupq3c3] { display: inline-block; width: 7px; height: 7px; margin-right: 7px; border-radius: 50%; background: #ef4444; box-shadow: 0 0 8px #ef4444; }
.video-frame[b-yvikupq3c3] { position: relative; height: 300px; overflow: hidden; background: linear-gradient(165deg, #35433b 0 34%, #1c2723 35% 65%, #111815 66%); filter: saturate(.45); }
.scanlines[b-yvikupq3c3] { position: absolute; z-index: 5; inset: 0; pointer-events: none; background: repeating-linear-gradient(0deg, transparent 0 3px, rgba(0,0,0,.14) 4px); }
.kiosk-shape[b-yvikupq3c3] { position: absolute; left: 12%; top: 15px; color: rgba(255,255,255,.2); font-size: 12rem; line-height: 1; transform: scaleX(1.5); }
.emma-silhouette[b-yvikupq3c3] { position: absolute; z-index: 2; left: 58%; bottom: 15px; width: 54px; height: 155px; border-radius: 40% 40% 12px 12px; background: #0b1010; box-shadow: 0 12px 18px rgba(0,0,0,.6); }
.emma-silhouette[b-yvikupq3c3]::before { content: ''; position: absolute; left: 10px; top: -39px; width: 36px; height: 42px; border-radius: 48%; background: #0b1010; }
.emma-silhouette span[b-yvikupq3c3] { position: absolute; left: -16px; top: 28px; width: 38px; height: 10px; border-radius: 8px; background: #0b1010; transform: rotate(-24deg); }
.video-timestamp[b-yvikupq3c3] { position: absolute; z-index: 6; right: 12px; bottom: 8px; color: rgba(255,255,255,.7); font-family: monospace; font-size: .72rem; }

.gesture-grid[b-yvikupq3c3] { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 10px; margin: 20px 0; }
.gesture[b-yvikupq3c3] { display: flex; min-height: 115px; flex-direction: column; align-items: center; justify-content: space-between; gap: 10px; padding: 14px 8px; border: 1px solid rgba(251,191,36,.25); border-radius: 12px; background: rgba(251,191,36,.06); text-align: center; }
.gesture span[b-yvikupq3c3] { font-size: 1.45rem; line-height: 1.4; }
.gesture strong[b-yvikupq3c3] { display: grid; width: 30px; height: 30px; place-items: center; border-radius: 50%; background: #fbbf24; color: #111827; }

blockquote[b-yvikupq3c3] { padding: 14px 18px; border-left: 3px solid #818cf8; background: rgba(99,102,241,.08); color: #e0e7ff; font-style: italic; }
.letter-puzzle[b-yvikupq3c3] { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 12px; margin: 20px 0; }
.letter-puzzle span[b-yvikupq3c3] { display: grid; min-height: 68px; place-items: center; border: 1px solid rgba(129,140,248,.35); border-radius: 12px; background: rgba(99,102,241,.09); color: #fff; font-family: 'Cinzel',serif; font-size: 1.6rem; font-weight: 800; }
.sequence[b-yvikupq3c3] { color: #a5b4fc; letter-spacing: .08em; }
.answer-box[b-yvikupq3c3] { margin-top: 18px; }
.input-answer[b-yvikupq3c3] { flex: 1; min-height: 46px; padding: .75rem 1rem; border: 1px solid rgba(255,255,255,.12); border-radius: 12px; outline: none; background: rgba(255,255,255,.08); color: #fff; }
.input-answer[b-yvikupq3c3]::placeholder { color: rgba(255,255,255,.45); }
.input-answer:focus[b-yvikupq3c3] { border-color: rgba(251,191,36,.5); box-shadow: 0 0 0 .2rem rgba(251,191,36,.12); }
.btn-validate[b-yvikupq3c3], .btn-next[b-yvikupq3c3] { border: 1px solid rgba(255,255,255,.14); background: rgba(255,255,255,.1); color: #fff; font-weight: 600; }
.btn-validate:hover[b-yvikupq3c3], .btn-next:hover[b-yvikupq3c3] { transform: translateY(-1px); background: rgba(255,255,255,.16); color: #fff; }
.see-answer-link[b-yvikupq3c3] { color: #cbd5e1; font-size: .9rem; text-decoration: underline; }
.solution-box[b-yvikupq3c3] { color: #f8fafc; }

.reveal-frame[b-yvikupq3c3] { background: linear-gradient(160deg,#303934,#18201d 60%,#0c1110); }
.watcher-silhouette[b-yvikupq3c3] { position: absolute; z-index: 2; left: 19%; bottom: 58px; width: 31px; height: 80px; border-radius: 13px 13px 5px 5px; background: #080b0a; filter: blur(.7px); }
.watcher-silhouette[b-yvikupq3c3]::before { content: ''; position: absolute; left: 5px; top: -23px; width: 22px; height: 25px; border-radius: 50%; background: #080b0a; }
.watcher-silhouette span[b-yvikupq3c3] { position: absolute; left: -4px; top: -23px; width: 32px; height: 8px; border-radius: 50%; background: #080b0a; transform: rotate(5deg); }
.target-box[b-yvikupq3c3] { position: absolute; z-index: 6; left: calc(19% - 16px); bottom: 48px; width: 64px; height: 124px; border: 1px solid rgba(239,68,68,.85); color: #fca5a5; font-family: monospace; font-size: .56rem; text-align: center; transform: translateX(-1px); }
.decoded-word[b-yvikupq3c3] { margin-top: 20px; color: #93c5fd; font-family: 'Cinzel',serif; font-size: 2.2rem; font-weight: 800; letter-spacing: .35em; text-align: center; text-shadow: 0 0 20px rgba(59,130,246,.45); }

@media (max-width: 576px) {
    .step-page[b-yvikupq3c3] { padding: 28px 14px 44px; }
    .step-title[b-yvikupq3c3] { font-size: 2rem; }
    .gesture-grid[b-yvikupq3c3] { grid-template-columns: repeat(2,minmax(0,1fr)); }
    .video-frame[b-yvikupq3c3] { height: 240px; }
    .kiosk-shape[b-yvikupq3c3] { left: 4%; font-size: 9rem; }
    .phone-screen[b-yvikupq3c3] { max-width: 100%; border-radius: 22px; }
    .sms-bubble[b-yvikupq3c3] { max-width: 94%; }
}

.story-card.alea-card[b-yvikupq3c3] {
    border-color: rgba(212, 175, 55, 0.28);
    border-left: 3px solid rgba(251,191,36,.65);
    background: radial-gradient(circle at top left, rgba(212, 175, 55, 0.18), transparent 16rem), linear-gradient(180deg, rgba(255,255,255,0.08), rgba(255,255,255,0.035));
}
/* /Components/Pages/Story/WatchmenSecret/Episode7/Step7.razor.rz.scp.css */
/* PAGE */
.intro-page[b-n0rsu7wtnw] {
    position: relative;
    min-height: 100vh;
    overflow: hidden;
    color: #f5ead7;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 40px 20px;
    font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
}

.intro-overlay[b-n0rsu7wtnw] {
    position: absolute;
    inset: 0;
    pointer-events: none;
}

.intro-container[b-n0rsu7wtnw] {
    position: relative;
    z-index: 1;
    width: 100%;
    max-width: 900px;
}

/* HEADER */
.intro-header[b-n0rsu7wtnw] {
    margin-bottom: 32px;
    animation: fadeUp-b-n0rsu7wtnw 0.8s ease;
}

.intro-badge[b-n0rsu7wtnw] {
    display: inline-block;
    margin-bottom: 14px;
    padding: 8px 16px;
    border: 1px solid rgba(255,255,255,0.16);
    border-radius: 999px;
    background: rgba(255,255,255,0.06);
    color: #d8c29c;
    font-size: 0.9rem;
    letter-spacing: 1.5px;
    text-transform: uppercase;
}

.intro-title[b-n0rsu7wtnw] {
    margin: 0;
    font-size: clamp(2rem, 5vw, 3.5rem);
    font-weight: 800;
    line-height: 1.05;
    letter-spacing: 1px;
    color: #fff5e6;
    text-shadow: 0 4px 18px rgba(0,0,0,0.35);
}

.intro-subtitle[b-n0rsu7wtnw] {
    margin-top: 12px;
    color: rgba(245, 234, 215, 0.75);
    font-size: 1.05rem;
    letter-spacing: 0.5px;
}

/* CARD */
.intro-card[b-n0rsu7wtnw] {
    position: relative;
    border-radius: 28px;
    background: rgba(255,255,255,0.06);
    border: 1px solid rgba(255,255,255,0.10);
    box-shadow: 0 20px 60px rgba(0,0,0,0.35), inset 0 1px 0 rgba(255,255,255,0.04);
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
    overflow: hidden;
    animation: fadeUp-b-n0rsu7wtnw 1s ease;
}

    .intro-card[b-n0rsu7wtnw]::before {
        content: "";
        position: absolute;
        inset: 0;
        background: linear-gradient(135deg, rgba(199, 155, 78, 0.10), transparent 45%);
        pointer-events: none;
    }

.intro-card-content[b-n0rsu7wtnw] {
    position: relative;
    z-index: 1;
    padding: 36px 30px;
}

.intro-lead[b-n0rsu7wtnw] {
    margin: 0 0 16px 0;
    font-size: 1.35rem;
    font-weight: 700;
    color: #fff2dc;
}

.intro-text[b-n0rsu7wtnw] {
    margin: 0 0 28px 0;
    font-size: 1.08rem;
    line-height: 1.8;
    color: rgba(245, 234, 215, 0.92);
}

.highlight[b-n0rsu7wtnw] {
    color: #e5c07b;
    font-weight: 700;
}

/* LOCATION */
.intro-location[b-n0rsu7wtnw] {
    display: flex;
    align-items: flex-start;
    gap: 16px;
    margin-bottom: 30px;
    padding: 18px 20px;
    border-radius: 18px;
    background: rgba(0,0,0,0.22);
    border: 1px solid rgba(255,255,255,0.08);
}

.location-icon[b-n0rsu7wtnw] {
    flex-shrink: 0;
    font-size: 1.4rem;
    line-height: 1;
    margin-top: 2px;
}

.location-name[b-n0rsu7wtnw] {
    font-size: 1.05rem;
    font-weight: 700;
    color: #fff2dc;
    margin-bottom: 4px;
}

.location-address[b-n0rsu7wtnw] {
    color: rgba(245, 234, 215, 0.72);
    line-height: 1.6;
}

/* ACTIONS */
.intro-actions[b-n0rsu7wtnw] {
    display: flex;
    flex-wrap: wrap;
    gap: 14px;
}

.btn-main[b-n0rsu7wtnw],
.btn-secondary[b-n0rsu7wtnw] {
    appearance: none;
    border: none;
    text-decoration: none;
    cursor: pointer;
    transition: all 0.25s ease;
    font-weight: 700;
    border-radius: 999px;
    padding: 14px 22px;
    font-size: 0.98rem;
}

.btn-main[b-n0rsu7wtnw] {
    background: linear-gradient(135deg, #c79b4e, #e2bf7a);
    color: #1b1b1b;
    box-shadow: 0 8px 24px rgba(199, 155, 78, 0.28);
}

    .btn-main:hover[b-n0rsu7wtnw] {
        transform: translateY(-2px);
        box-shadow: 0 12px 30px rgba(199, 155, 78, 0.35);
    }

.btn-secondary[b-n0rsu7wtnw] {
    background: rgba(255,255,255,0.06);
    color: #f5ead7;
    border: 1px solid rgba(255,255,255,0.14);
}

    .btn-secondary:hover[b-n0rsu7wtnw] {
        background: rgba(255,255,255,0.12);
        transform: translateY(-2px);
    }

/* ANIM */
@keyframes fadeUp-b-n0rsu7wtnw {
    from {
        opacity: 0;
        transform: translateY(18px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* RESPONSIVE */
@media (max-width: 768px) {
    .intro-page[b-n0rsu7wtnw] {
        padding: 24px 16px;
        align-items: flex-start;
    }

    .intro-container[b-n0rsu7wtnw] {
        max-width: 100%;
    }

    .intro-card-content[b-n0rsu7wtnw] {
        padding: 28px 20px;
    }

    .intro-location[b-n0rsu7wtnw] {
        padding: 16px;
    }

    .intro-actions[b-n0rsu7wtnw] {
        flex-direction: column;
    }

    .btn-main[b-n0rsu7wtnw],
    .btn-secondary[b-n0rsu7wtnw] {
        width: 100%;
        text-align: center;
    }
}
/* /Components/Pages/Story/WatchmenSecret/Episode7/Step7a.razor.rz.scp.css */
.step-page[b-ywab8ztr35] { max-width: 900px; margin: 0 auto; padding: 40px 20px 64px; }
.step-badge[b-ywab8ztr35] { display: inline-block; padding: 6px 12px; border-radius: 999px; background: rgba(255,255,255,.08); font-size: .85rem; }
.step-title[b-ywab8ztr35] { margin-top: 10px; font-family: 'Cinzel',serif; font-size: 2.5rem; letter-spacing: 2px; }
.step-subtitle[b-ywab8ztr35] { color: #cbd5e1; }
.story-card[b-ywab8ztr35] { padding: 25px; border: 1px solid rgba(255,255,255,.08); border-radius: 20px; background: rgba(255,255,255,.05); box-shadow: 0 15px 40px rgba(0,0,0,.2); line-height: 1.8; }
.story-card + .story-card[b-ywab8ztr35], .story-card + .step-cta[b-ywab8ztr35] { margin-top: 24px; }
.story-header[b-ywab8ztr35] { display: flex; align-items: center; gap: 12px; }
.avatar[b-ywab8ztr35] { width: 58px; height: 58px; border-radius: 50%; object-fit: cover; }
.story-label[b-ywab8ztr35] { color: #e2e8f0; font-size: .78rem; font-weight: 700; letter-spacing: .09em; text-transform: uppercase; }
.strong[b-ywab8ztr35], .question-title[b-ywab8ztr35] { color: #fff; font-weight: 650; }
.focus[b-ywab8ztr35] { color: #facc15; font-weight: 600; }
.tomb-link[b-ywab8ztr35] { color: #facc15; font-weight: 700; text-decoration-color: rgba(250,204,21,.55); }
.tomb-link:hover[b-ywab8ztr35] { color: #fde68a; text-decoration-color: currentColor; }
.tone[b-ywab8ztr35], .sound[b-ywab8ztr35] { color: #94a3b8; font-style: italic; }
.alea-card[b-ywab8ztr35] { border-left: 3px solid rgba(251,191,36,.65); }

.notification-card[b-ywab8ztr35] { display: flex; align-items: center; gap: 16px; border-color: rgba(56,189,248,.3); background: rgba(8,47,73,.25); }
.audio-file-icon[b-ywab8ztr35] { display: grid; flex: 0 0 48px; width: 48px; height: 48px; place-items: center; border-radius: 50%; background: rgba(56,189,248,.15); color: #7dd3fc; font-size: 1.35rem; }
.notification-kicker[b-ywab8ztr35] { color: #bae6fd; font-size: .76rem; letter-spacing: .08em; text-transform: uppercase; }
.notification-file[b-ywab8ztr35] { color: #fff; font-family: monospace; font-size: 1.05rem; }

.audio-card[b-ywab8ztr35] { border-color: rgba(56,189,248,.22); background: linear-gradient(135deg,rgba(8,47,73,.32),rgba(15,23,42,.4)); }
.audio-player[b-ywab8ztr35] { display: flex; align-items: center; gap: 16px; }
.audio-button[b-ywab8ztr35] { display: grid; flex: 0 0 50px; width: 50px; height: 50px; place-items: center; border: 1px solid rgba(125,211,252,.4); border-radius: 50%; background: rgba(14,165,233,.18); color: #e0f2fe; }
.audio-button:hover[b-ywab8ztr35] { background: rgba(14,165,233,.3); }
.audio-track[b-ywab8ztr35] { display: flex; flex: 1; height: 48px; align-items: center; justify-content: space-between; gap: 3px; overflow: hidden; }
.audio-track span[b-ywab8ztr35] { width: 4px; min-width: 3px; border-radius: 4px; background: linear-gradient(#7dd3fc,#2563eb); }
.audio-duration[b-ywab8ztr35] { color: #94a3b8; font-family: monospace; }
.audio-hint[b-ywab8ztr35] { margin: 8px 0 0 66px; color: #94a3b8; font-size: .85rem; }
.transcript[b-ywab8ztr35] { margin-top: 22px; padding-top: 18px; border-top: 1px solid rgba(255,255,255,.08); }
blockquote[b-ywab8ztr35] { margin: 14px 0; padding: 12px 18px; border-left: 3px solid #38bdf8; background: rgba(14,165,233,.08); color: #e0f2fe; }
blockquote p[b-ywab8ztr35] { margin-bottom: .45rem; }

.riddle-card[b-ywab8ztr35] { border-left: 3px solid rgba(167,139,250,.7); }
.destination-list[b-ywab8ztr35] { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 12px; margin: 20px 0; }
.destination-option[b-ywab8ztr35] { display: flex; min-height: 125px; flex-direction: column; align-items: center; justify-content: center; gap: 8px; padding: 16px 10px; border: 1px solid rgba(255,255,255,.12); border-radius: 14px; background: rgba(255,255,255,.04); color: #f8fafc; cursor: pointer; text-align: center; transition: .2s ease; }
.destination-option:hover[b-ywab8ztr35], .destination-option.selected[b-ywab8ztr35] { border-color: rgba(167,139,250,.7); background: rgba(124,58,237,.13); transform: translateY(-2px); }
.destination-option input[b-ywab8ztr35] { position: absolute; opacity: 0; pointer-events: none; }
.destination-icon[b-ywab8ztr35] { font-size: 2rem; }
.btn-validate[b-ywab8ztr35], .btn-next[b-ywab8ztr35] { border: 1px solid rgba(255,255,255,.14); background: rgba(255,255,255,.1); color: #fff; font-weight: 600; }
.btn-validate:hover[b-ywab8ztr35], .btn-next:hover[b-ywab8ztr35] { transform: translateY(-1px); background: rgba(255,255,255,.16); color: #fff; }
.solution-link[b-ywab8ztr35] { margin-left: 12px; border: 0; background: transparent; color: #cbd5e1; font-size: .9rem; text-decoration: underline; }
.solution-box[b-ywab8ztr35] { margin-top: 14px; color: #f8fafc; }
.feedback-message[b-ywab8ztr35] { margin: 14px 0 0; color: #fbbf24; font-weight: 600; }
.feedback-message.success[b-ywab8ztr35] { color: #6ee7b7; }
.deduction-card[b-ywab8ztr35] { border-left: 3px solid rgba(52,211,153,.65); }

.warning-card[b-ywab8ztr35] { overflow: hidden; padding: 0; border-color: rgba(239,68,68,.28); background: #090d12; }
.bridge-scene[b-ywab8ztr35] { position: relative; height: 280px; overflow: hidden; background: linear-gradient(180deg,#243642 0 42%,#16232a 43% 61%,#091014 62%); }
.bridge-scene[b-ywab8ztr35]::before, .bridge-scene[b-ywab8ztr35]::after { content: ''; position: absolute; bottom: 18px; width: 62%; height: 7px; background: #45535a; transform-origin: bottom; }
.bridge-scene[b-ywab8ztr35]::before { left: -5%; transform: rotate(11deg); }
.bridge-scene[b-ywab8ztr35]::after { right: -5%; transform: rotate(-11deg); }
.bridge-lines[b-ywab8ztr35] { position: absolute; z-index: 1; inset: 0; background: repeating-linear-gradient(0deg,transparent 0 3px,rgba(0,0,0,.15) 4px); }
.watcher[b-ywab8ztr35] { position: absolute; z-index: 2; left: 50%; bottom: 66px; width: 34px; height: 92px; border-radius: 13px 13px 4px 4px; background: #050708; box-shadow: 0 10px 20px rgba(0,0,0,.7); transform: translateX(-50%); }
.watcher[b-ywab8ztr35]::before { content: ''; position: absolute; left: 5px; top: -27px; width: 25px; height: 29px; border-radius: 50%; background: #050708; }
.watcher span[b-ywab8ztr35] { position: absolute; left: -4px; top: -25px; width: 38px; height: 8px; border-radius: 50%; background: #050708; transform: rotate(4deg); }
.scene-caption[b-ywab8ztr35] { position: absolute; z-index: 3; right: 13px; bottom: 10px; color: #fca5a5; font-family: monospace; font-size: .7rem; letter-spacing: .1em; }
.warning-content[b-ywab8ztr35] { padding: 22px 25px 12px; }

.confrontation-card[b-ywab8ztr35] { border-left: 3px solid rgba(239,68,68,.7); background: linear-gradient(135deg,rgba(69,10,10,.2),rgba(255,255,255,.04)); }
.dialogue[b-ywab8ztr35] { max-width: 82%; padding: 11px 15px; border-radius: 14px; }
.watcher-dialogue[b-ywab8ztr35] { margin-right: auto; background: rgba(15,23,42,.75); color: #e2e8f0; }
.alea-dialogue[b-ywab8ztr35] { margin-left: auto; background: rgba(180,83,9,.2); color: #fef3c7; text-align: right; }
.dialogue.danger[b-ywab8ztr35] { border: 1px solid rgba(239,68,68,.4); color: #fecaca; }
.choice-list[b-ywab8ztr35] { display: grid; gap: 12px; margin: 18px 0 10px; }
.choice-option[b-ywab8ztr35] { display: flex; align-items: flex-start; gap: 12px; padding: 14px 16px; border: 1px solid rgba(255,255,255,.12); border-radius: 10px; background: rgba(255,255,255,.04); color: #f8fafc; cursor: pointer; }
.choice-option input[b-ywab8ztr35] { flex: 0 0 auto; margin-top: 7px; }
.validation-message[b-ywab8ztr35] { color: #fecaca; font-weight: 600; }
.unlocked-card[b-ywab8ztr35] { display: flex; align-items: center; gap: 20px; border-color: rgba(52,211,153,.32); background: radial-gradient(circle at 0 50%,rgba(16,185,129,.17),rgba(255,255,255,.04) 50%); }
.unlock-icon[b-ywab8ztr35] { font-size: 2.2rem; }
.unlocked-place[b-ywab8ztr35] { margin: 5px 0; color: #6ee7b7; font-family: 'Cinzel',serif; font-size: 1.8rem; font-weight: 800; letter-spacing: .12em; }

@media (max-width: 576px) {
    .step-page[b-ywab8ztr35] { padding: 28px 14px 44px; }
    .step-title[b-ywab8ztr35] { font-size: 2rem; }
    .destination-list[b-ywab8ztr35] { grid-template-columns: 1fr; }
    .destination-option[b-ywab8ztr35] { min-height: 88px; flex-direction: row; }
    .bridge-scene[b-ywab8ztr35] { height: 230px; }
    .dialogue[b-ywab8ztr35] { max-width: 94%; }
    .solution-link[b-ywab8ztr35] { display: block; margin: 12px 0 0; }
}
/* /Components/Pages/Story/WatchmenSecret/Episode8/Step8.razor.rz.scp.css */
/* PAGE */
.intro-page[b-7p5idfhlw4] {
    position: relative;
    min-height: 100vh;
    overflow: hidden;
    color: #f5ead7;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 40px 20px;
    font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
}

.intro-overlay[b-7p5idfhlw4] {
    position: absolute;
    inset: 0;
    pointer-events: none;
}

.intro-container[b-7p5idfhlw4] {
    position: relative;
    z-index: 1;
    width: 100%;
    max-width: 900px;
}

/* HEADER */
.intro-header[b-7p5idfhlw4] {
    margin-bottom: 32px;
    animation: fadeUp-b-7p5idfhlw4 0.8s ease;
}

.intro-badge[b-7p5idfhlw4] {
    display: inline-block;
    margin-bottom: 14px;
    padding: 8px 16px;
    border: 1px solid rgba(255,255,255,0.16);
    border-radius: 999px;
    background: rgba(255,255,255,0.06);
    color: #d8c29c;
    font-size: 0.9rem;
    letter-spacing: 1.5px;
    text-transform: uppercase;
}

.intro-title[b-7p5idfhlw4] {
    margin: 0;
    font-size: clamp(2rem, 5vw, 3.5rem);
    font-weight: 800;
    line-height: 1.05;
    letter-spacing: 1px;
    color: #fff5e6;
    text-shadow: 0 4px 18px rgba(0,0,0,0.35);
}

.intro-subtitle[b-7p5idfhlw4] {
    margin-top: 12px;
    color: rgba(245, 234, 215, 0.75);
    font-size: 1.05rem;
    letter-spacing: 0.5px;
}

/* CARD */
.intro-card[b-7p5idfhlw4] {
    position: relative;
    border-radius: 28px;
    background: rgba(255,255,255,0.06);
    border: 1px solid rgba(255,255,255,0.10);
    box-shadow: 0 20px 60px rgba(0,0,0,0.35), inset 0 1px 0 rgba(255,255,255,0.04);
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
    overflow: hidden;
    animation: fadeUp-b-7p5idfhlw4 1s ease;
}

    .intro-card[b-7p5idfhlw4]::before {
        content: "";
        position: absolute;
        inset: 0;
        background: linear-gradient(135deg, rgba(199, 155, 78, 0.10), transparent 45%);
        pointer-events: none;
    }

.intro-card-content[b-7p5idfhlw4] {
    position: relative;
    z-index: 1;
    padding: 36px 30px;
}

.intro-lead[b-7p5idfhlw4] {
    margin: 0 0 16px 0;
    font-size: 1.35rem;
    font-weight: 700;
    color: #fff2dc;
}

.intro-text[b-7p5idfhlw4] {
    margin: 0 0 28px 0;
    font-size: 1.08rem;
    line-height: 1.8;
    color: rgba(245, 234, 215, 0.92);
}

.highlight[b-7p5idfhlw4] {
    color: #e5c07b;
    font-weight: 700;
}

/* LOCATION */
.intro-location[b-7p5idfhlw4] {
    display: flex;
    align-items: flex-start;
    gap: 16px;
    margin-bottom: 30px;
    padding: 18px 20px;
    border-radius: 18px;
    background: rgba(0,0,0,0.22);
    border: 1px solid rgba(255,255,255,0.08);
}

.location-icon[b-7p5idfhlw4] {
    flex-shrink: 0;
    font-size: 1.4rem;
    line-height: 1;
    margin-top: 2px;
}

.location-name[b-7p5idfhlw4] {
    font-size: 1.05rem;
    font-weight: 700;
    color: #fff2dc;
    margin-bottom: 4px;
}

.location-address[b-7p5idfhlw4] {
    color: rgba(245, 234, 215, 0.72);
    line-height: 1.6;
}

/* ACTIONS */
.intro-actions[b-7p5idfhlw4] {
    display: flex;
    flex-wrap: wrap;
    gap: 14px;
}

.btn-main[b-7p5idfhlw4],
.btn-secondary[b-7p5idfhlw4] {
    appearance: none;
    border: none;
    text-decoration: none;
    cursor: pointer;
    transition: all 0.25s ease;
    font-weight: 700;
    border-radius: 999px;
    padding: 14px 22px;
    font-size: 0.98rem;
}

.btn-main[b-7p5idfhlw4] {
    background: linear-gradient(135deg, #c79b4e, #e2bf7a);
    color: #1b1b1b;
    box-shadow: 0 8px 24px rgba(199, 155, 78, 0.28);
}

    .btn-main:hover[b-7p5idfhlw4] {
        transform: translateY(-2px);
        box-shadow: 0 12px 30px rgba(199, 155, 78, 0.35);
    }

.btn-secondary[b-7p5idfhlw4] {
    background: rgba(255,255,255,0.06);
    color: #f5ead7;
    border: 1px solid rgba(255,255,255,0.14);
}

    .btn-secondary:hover[b-7p5idfhlw4] {
        background: rgba(255,255,255,0.12);
        transform: translateY(-2px);
    }

/* ANIM */
@keyframes fadeUp-b-7p5idfhlw4 {
    from {
        opacity: 0;
        transform: translateY(18px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* RESPONSIVE */
@media (max-width: 768px) {
    .intro-page[b-7p5idfhlw4] {
        padding: 24px 16px;
        align-items: flex-start;
    }

    .intro-container[b-7p5idfhlw4] {
        max-width: 100%;
    }

    .intro-card-content[b-7p5idfhlw4] {
        padding: 28px 20px;
    }

    .intro-location[b-7p5idfhlw4] {
        padding: 16px;
    }

    .intro-actions[b-7p5idfhlw4] {
        flex-direction: column;
    }

    .btn-main[b-7p5idfhlw4],
    .btn-secondary[b-7p5idfhlw4] {
        width: 100%;
        text-align: center;
    }
}
/* /Components/Pages/Story/WatchmenSecret/Episode8/Step8a.razor.rz.scp.css */
.step-page[b-bqjttk92ex] { max-width: 900px; margin: 0 auto; padding: 40px 20px 64px; }
.step-header[b-bqjttk92ex] { margin-bottom: 30px; }
.step-badge[b-bqjttk92ex] { display: inline-block; padding: 6px 12px; border-radius: 999px; background: rgba(255,255,255,.08); font-size: .85rem; }
.step-title[b-bqjttk92ex] { margin-top: 10px; font-family: 'Cinzel',serif; font-size: clamp(2rem,6vw,2.7rem); letter-spacing: 2px; }
.step-subtitle[b-bqjttk92ex] { color: #cbd5e1; }
.story-card[b-bqjttk92ex] { padding: 25px; border: 1px solid rgba(255,255,255,.08); border-radius: 20px; background: rgba(255,255,255,.05); box-shadow: 0 15px 40px rgba(0,0,0,.2); line-height: 1.8; }
.story-card + .story-card[b-bqjttk92ex], .story-card + .step-cta[b-bqjttk92ex] { margin-top: 24px; }
.story-card h2[b-bqjttk92ex] { margin: 8px 0 12px; color: #fff; font-family: 'Cinzel',serif; font-size: 1.4rem; }
.story-header[b-bqjttk92ex], .call-heading[b-bqjttk92ex] { display: flex; align-items: center; gap: 12px; }
.avatar[b-bqjttk92ex] { width: 58px; height: 58px; border-radius: 50%; object-fit: cover; }
.story-label[b-bqjttk92ex] { color: #e2e8f0; font-size: .78rem; font-weight: 700; letter-spacing: .09em; text-transform: uppercase; }
.focus[b-bqjttk92ex] { color: #facc15; font-weight: 600; }
.tone[b-bqjttk92ex] { color: #94a3b8; font-style: italic; }
.alea-card[b-bqjttk92ex] { border-left: 3px solid rgba(251,191,36,.65); }

.call-card[b-bqjttk92ex] { border-color: rgba(56,189,248,.22); background: linear-gradient(135deg,rgba(8,47,73,.32),rgba(15,23,42,.4)); }
.call-heading[b-bqjttk92ex] { margin-bottom: 20px; }
.call-icon[b-bqjttk92ex] { display: grid; width: 48px; height: 48px; place-items: center; border-radius: 50%; background: rgba(56,189,248,.15); color: #7dd3fc; font-size: 1.45rem; }
.caller[b-bqjttk92ex] { color: #fff; font-size: 1.1rem; font-weight: 650; }
.dialogue[b-bqjttk92ex] { max-width: 84%; margin: 12px 0; padding: 11px 15px; border-radius: 14px; line-height: 1.55; }
.dialogue.paul[b-bqjttk92ex] { margin-right: auto; background: rgba(15,23,42,.8); color: #e2e8f0; }
.dialogue.alea[b-bqjttk92ex] { margin-left: auto; background: rgba(180,83,9,.2); color: #fef3c7; text-align: right; }
.dialogue.clue[b-bqjttk92ex] { border: 1px solid rgba(56,189,248,.35); color: #bae6fd; }
.danger-card[b-bqjttk92ex] { border-color: rgba(239,68,68,.35); background: linear-gradient(135deg,rgba(69,10,10,.25),rgba(15,23,42,.45)); }

.sms-screen-card[b-bqjttk92ex] { border-left: 3px solid rgba(52,211,153,.7); background: linear-gradient(135deg,rgba(15,23,42,.72),rgba(15,23,42,.42)); }
.danger-sms-card[b-bqjttk92ex] { border-color: rgba(239,68,68,.35); border-left-color: rgba(248,113,113,.82); background: linear-gradient(135deg,rgba(69,10,10,.28),rgba(15,23,42,.55)); }
.phone-screen[b-bqjttk92ex] { max-width: 380px; margin: 20px auto 0; padding: 12px; border: 1px solid rgba(148,163,184,.26); border-radius: 28px; background: radial-gradient(circle at 50% 0,rgba(248,113,113,.16),transparent 34%),#0f172a; box-shadow: 0 24px 60px rgba(0,0,0,.42); }
.phone-status[b-bqjttk92ex] { display: flex; align-items: center; justify-content: space-between; padding: 2px 12px 10px; color: rgba(226,232,240,.72); font-size: .76rem; font-weight: 700; line-height: 1; }
.phone-contact[b-bqjttk92ex] { display: flex; align-items: center; gap: 10px; padding: 12px; border: 1px solid rgba(255,255,255,.08); border-radius: 18px; background: rgba(255,255,255,.05); }
.phone-contact-avatar[b-bqjttk92ex] { display: grid; width: 38px; height: 38px; place-items: center; border-radius: 50%; background: rgba(248,113,113,.18); color: #fecaca; font-weight: 800; }
.phone-contact p[b-bqjttk92ex] { margin: 0; color: #f8fafc; font-weight: 700; line-height: 1.2; }
.phone-contact span:not(.phone-contact-avatar)[b-bqjttk92ex] { color: rgba(203,213,225,.72); font-size: .78rem; }
.sms-thread[b-bqjttk92ex] { display: flex; flex-direction: column; gap: 8px; padding: 16px 4px 4px; }
.sms-bubble[b-bqjttk92ex] { max-width: 86%; margin: 0; padding: 10px 13px; border-radius: 17px; color: #e5e7eb; line-height: 1.45; box-shadow: 0 8px 18px rgba(0,0,0,.18); }
.sms-bubble.incoming[b-bqjttk92ex] { align-self: flex-start; border: 1px solid rgba(148,163,184,.16); border-bottom-left-radius: 6px; background: rgba(30,41,59,.92); }
.sms-bubble.outgoing[b-bqjttk92ex] { align-self: flex-end; border-bottom-right-radius: 6px; background: rgba(180,83,9,.42); color: #fef3c7; }
.sms-emphasis[b-bqjttk92ex] { border-color: rgba(248,113,113,.42); color: #fecaca; font-weight: 800; }
.sms-event[b-bqjttk92ex] { align-self: center; max-width: 82%; margin: 3px 0; color: rgba(203,213,225,.72); font-size: .78rem; font-style: italic; line-height: 1.35; text-align: center; }

.mission-card[b-bqjttk92ex] { border-left: 3px solid rgba(167,139,250,.7); }
.code-grid[b-bqjttk92ex] { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 12px; margin: 22px 0; }
.code-field[b-bqjttk92ex] { display: grid; gap: 8px; color: #cbd5e1; font-size: .82rem; font-weight: 700; letter-spacing: .05em; text-align: center; text-transform: uppercase; }
.code-field input[b-bqjttk92ex] { width: 100%; padding: 14px 8px; border: 1px solid rgba(167,139,250,.4); border-radius: 12px; outline: 0; background: rgba(15,23,42,.7); color: #fff; font-family: monospace; font-size: 1.8rem; text-align: center; }
.code-field input:focus[b-bqjttk92ex] { border-color: #a78bfa; box-shadow: 0 0 0 3px rgba(139,92,246,.16); }
.code-preview[b-bqjttk92ex] { display: flex; align-items: center; justify-content: space-between; margin-bottom: 18px; padding: 12px 16px; border-radius: 10px; background: rgba(0,0,0,.22); color: #94a3b8; }
.code-preview strong[b-bqjttk92ex] { color: #c4b5fd; font-family: monospace; font-size: 1.4rem; letter-spacing: .3em; }
.btn-validate[b-bqjttk92ex], .btn-next[b-bqjttk92ex] { border: 1px solid rgba(255,255,255,.14); background: rgba(255,255,255,.1); color: #fff; font-weight: 650; }
.btn-validate:hover[b-bqjttk92ex], .btn-next:hover[b-bqjttk92ex] { transform: translateY(-1px); background: rgba(255,255,255,.16); color: #fff; }
.solution-link[b-bqjttk92ex] { margin-left: 12px; border: 0; background: transparent; color: #cbd5e1; font-size: .9rem; text-decoration: underline; }
.solution-box[b-bqjttk92ex] { margin-top: 14px; color: #f8fafc; }
.feedback-message[b-bqjttk92ex] { margin: 14px 0 0; color: #fbbf24; font-weight: 600; }
.feedback-message.success[b-bqjttk92ex] { color: #6ee7b7; }

.cache-card[b-bqjttk92ex] { display: grid; grid-template-columns: 190px 1fr; align-items: center; gap: 26px; border-color: rgba(52,211,153,.3); }
.cache-visual[b-bqjttk92ex] { position: relative; height: 160px; overflow: hidden; border-radius: 16px; background: radial-gradient(circle at 50% 50%,#26333a,#090d10 65%); }
.device[b-bqjttk92ex] { position: absolute; z-index: 2; left: 50%; bottom: 32px; width: 34px; height: 86px; border: 2px solid #4b5563; border-radius: 14px 14px 7px 7px; background: linear-gradient(90deg,#090b0d,#31363a 50%,#080a0c); transform: translateX(-50%) rotate(-16deg); }
.device[b-bqjttk92ex]::before { content: ''; position: absolute; left: 8px; top: 8px; width: 14px; height: 14px; border-radius: 50%; background: #a7f3d0; box-shadow: 0 0 14px #34d399; }
.beam[b-bqjttk92ex] { position: absolute; left: 78px; top: -55px; width: 85px; height: 220px; background: linear-gradient(90deg,transparent,rgba(110,231,183,.25),transparent); filter: blur(5px); transform: rotate(-16deg); }

.unlocked-card[b-bqjttk92ex] { display: flex; align-items: center; gap: 20px; border-color: rgba(52,211,153,.32); background: radial-gradient(circle at 0 50%,rgba(16,185,129,.17),rgba(255,255,255,.04) 50%); }
.unlock-icon[b-bqjttk92ex] { font-size: 2.2rem; }
.unlocked-place[b-bqjttk92ex] { margin: 5px 0; color: #6ee7b7; font-family: 'Cinzel',serif; font-size: 1.65rem; font-weight: 800; letter-spacing: .1em; }
.step-cta[b-bqjttk92ex] { margin-top: 24px; }
.btn-next[b-bqjttk92ex] { padding: 12px 20px; }

@media (max-width: 576px) {
    .step-page[b-bqjttk92ex] { padding: 28px 14px 44px; }
    .code-grid[b-bqjttk92ex] { grid-template-columns: repeat(2,minmax(0,1fr)); }
    .cache-card[b-bqjttk92ex] { grid-template-columns: 1fr; }
    .dialogue[b-bqjttk92ex] { max-width: 95%; }
    .solution-link[b-bqjttk92ex] { display: block; margin: 12px 0 0; }
    .unlocked-card[b-bqjttk92ex] { align-items: flex-start; }
}

.message[b-bqjttk92ex] {
    position: relative;
    max-width: 620px;
    margin: 25px auto;
    padding: 28px 34px;
    background: #f4e4bd;
    background-image: linear-gradient(rgba(120, 80, 40, 0.08) 1px, transparent 1px), linear-gradient(90deg, rgba(120, 80, 40, 0.04) 1px, transparent 1px);
    background-size: 100% 28px, 28px 100%;
    border: 1px solid #d2b47c;
    border-radius: 6px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.22), inset 0 0 35px rgba(120, 75, 20, 0.18);
    font-family: "Caveat", "Comic Sans MS", cursive;
    font-size: 1.45rem;
    line-height: 1.55;
    color: #3b2a1a;
    transform: rotate(-1deg);
}

    /* Effet papier légèrement vieilli */
    .message[b-bqjttk92ex]::before {
        content: "";
        position: absolute;
        inset: 0;
        pointer-events: none;
        border-radius: 6px;
        background: radial-gradient(circle at 15% 20%, rgba(90, 45, 10, 0.12), transparent 18%), radial-gradient(circle at 80% 35%, rgba(90, 45, 10, 0.09), transparent 16%), radial-gradient(circle at 45% 85%, rgba(90, 45, 10, 0.10), transparent 20%);
        opacity: 0.45;
    }

    /* Petits plis / texture */
    .message[b-bqjttk92ex]::after {
        content: "";
        position: absolute;
        inset: 10px;
        pointer-events: none;
        border-radius: 4px;
        border: 1px dashed rgba(90, 60, 30, 0.18);
    }

    /* Texte */
    .message p[b-bqjttk92ex] {
        position: relative;
        z-index: 1;
        margin: 0 0 14px;
    }

    /* Image du symbole */
    .message img[b-bqjttk92ex] {
        position: relative;
        z-index: 1;
        display: block;
        max-width: 110px;
        margin: 16px auto;
        opacity: 0.85;
        filter: sepia(35%) contrast(95%) brightness(92%);
        transform: rotate(1deg);
    }

.message[b-bqjttk92ex] {
    display: flex;
    align-items: center;
    gap: 24px;
}

.message-text[b-bqjttk92ex] {
    flex: 1;
    position: relative;
    z-index: 1;
}

.message-image[b-bqjttk92ex] {
    position: relative;
    z-index: 1;
    flex: 0 0 130px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 8px;
}

    .message-image-label[b-bqjttk92ex] {
        color: #4a321f;
        font-family: "Caveat", "Comic Sans MS", cursive;
        font-size: 1.25rem;
        font-weight: 700;
        line-height: 1.1;
        text-align: center;
    }

    .message-image img[b-bqjttk92ex] {
        max-width: 120px;
        width: 100%;
        height: auto;
        opacity: 0.85;
        filter: sepia(35%) contrast(95%) brightness(92%);
        transform: rotate(1deg);
    }

/* Sur mobile, l'image repasse sous le texte */
@media (max-width: 600px) {
    .message[b-bqjttk92ex] {
        flex-direction: column;
        text-align: center;
    }

    .message-image[b-bqjttk92ex] {
        flex: none;
    }
}
/* /Components/Pages/Story/WatchmenSecret/Episode9/Step9.razor.rz.scp.css */
/* PAGE */
.intro-page[b-11h9zpoqr0] {
    position: relative;
    min-height: 100vh;
    overflow: hidden;
    color: #f5ead7;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 40px 20px;
    font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
}

.intro-overlay[b-11h9zpoqr0] {
    position: absolute;
    inset: 0;
    pointer-events: none;
}

.intro-container[b-11h9zpoqr0] {
    position: relative;
    z-index: 1;
    width: 100%;
    max-width: 900px;
}

/* HEADER */
.intro-header[b-11h9zpoqr0] {
    margin-bottom: 32px;
    animation: fadeUp-b-11h9zpoqr0 0.8s ease;
}

.intro-badge[b-11h9zpoqr0] {
    display: inline-block;
    margin-bottom: 14px;
    padding: 8px 16px;
    border: 1px solid rgba(255,255,255,0.16);
    border-radius: 999px;
    background: rgba(255,255,255,0.06);
    color: #d8c29c;
    font-size: 0.9rem;
    letter-spacing: 1.5px;
    text-transform: uppercase;
}

.intro-title[b-11h9zpoqr0] {
    margin: 0;
    font-size: clamp(2rem, 5vw, 3.5rem);
    font-weight: 800;
    line-height: 1.05;
    letter-spacing: 1px;
    color: #fff5e6;
    text-shadow: 0 4px 18px rgba(0,0,0,0.35);
}

.intro-subtitle[b-11h9zpoqr0] {
    margin-top: 12px;
    color: rgba(245, 234, 215, 0.75);
    font-size: 1.05rem;
    letter-spacing: 0.5px;
}

/* CARD */
.intro-card[b-11h9zpoqr0] {
    position: relative;
    border-radius: 28px;
    background: rgba(255,255,255,0.06);
    border: 1px solid rgba(255,255,255,0.10);
    box-shadow: 0 20px 60px rgba(0,0,0,0.35), inset 0 1px 0 rgba(255,255,255,0.04);
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
    overflow: hidden;
    animation: fadeUp-b-11h9zpoqr0 1s ease;
}

    .intro-card[b-11h9zpoqr0]::before {
        content: "";
        position: absolute;
        inset: 0;
        background: linear-gradient(135deg, rgba(199, 155, 78, 0.10), transparent 45%);
        pointer-events: none;
    }

.intro-card-content[b-11h9zpoqr0] {
    position: relative;
    z-index: 1;
    padding: 36px 30px;
}

.intro-lead[b-11h9zpoqr0] {
    margin: 0 0 16px 0;
    font-size: 1.35rem;
    font-weight: 700;
    color: #fff2dc;
}

.intro-text[b-11h9zpoqr0] {
    margin: 0 0 28px 0;
    font-size: 1.08rem;
    line-height: 1.8;
    color: rgba(245, 234, 215, 0.92);
}

.highlight[b-11h9zpoqr0] {
    color: #e5c07b;
    font-weight: 700;
}

/* LOCATION */
.intro-location[b-11h9zpoqr0] {
    display: flex;
    align-items: flex-start;
    gap: 16px;
    margin-bottom: 30px;
    padding: 18px 20px;
    border-radius: 18px;
    background: rgba(0,0,0,0.22);
    border: 1px solid rgba(255,255,255,0.08);
}

.location-icon[b-11h9zpoqr0] {
    flex-shrink: 0;
    font-size: 1.4rem;
    line-height: 1;
    margin-top: 2px;
}

.location-name[b-11h9zpoqr0] {
    font-size: 1.05rem;
    font-weight: 700;
    color: #fff2dc;
    margin-bottom: 4px;
}

.location-address[b-11h9zpoqr0] {
    color: rgba(245, 234, 215, 0.72);
    line-height: 1.6;
}

/* ACTIONS */
.intro-actions[b-11h9zpoqr0] {
    display: flex;
    flex-wrap: wrap;
    gap: 14px;
}

.btn-main[b-11h9zpoqr0],
.btn-secondary[b-11h9zpoqr0] {
    appearance: none;
    border: none;
    text-decoration: none;
    cursor: pointer;
    transition: all 0.25s ease;
    font-weight: 700;
    border-radius: 999px;
    padding: 14px 22px;
    font-size: 0.98rem;
}

.btn-main[b-11h9zpoqr0] {
    background: linear-gradient(135deg, #c79b4e, #e2bf7a);
    color: #1b1b1b;
    box-shadow: 0 8px 24px rgba(199, 155, 78, 0.28);
}

    .btn-main:hover[b-11h9zpoqr0] {
        transform: translateY(-2px);
        box-shadow: 0 12px 30px rgba(199, 155, 78, 0.35);
    }

.btn-secondary[b-11h9zpoqr0] {
    background: rgba(255,255,255,0.06);
    color: #f5ead7;
    border: 1px solid rgba(255,255,255,0.14);
}

    .btn-secondary:hover[b-11h9zpoqr0] {
        background: rgba(255,255,255,0.12);
        transform: translateY(-2px);
    }

/* ANIM */
@keyframes fadeUp-b-11h9zpoqr0 {
    from {
        opacity: 0;
        transform: translateY(18px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* RESPONSIVE */
@media (max-width: 768px) {
    .intro-page[b-11h9zpoqr0] {
        padding: 24px 16px;
        align-items: flex-start;
    }

    .intro-container[b-11h9zpoqr0] {
        max-width: 100%;
    }

    .intro-card-content[b-11h9zpoqr0] {
        padding: 28px 20px;
    }

    .intro-location[b-11h9zpoqr0] {
        padding: 16px;
    }

    .intro-actions[b-11h9zpoqr0] {
        flex-direction: column;
    }

    .btn-main[b-11h9zpoqr0],
    .btn-secondary[b-11h9zpoqr0] {
        width: 100%;
        text-align: center;
    }
}
/* /Components/Pages/Story/WatchmenSecret/Episode9/Step9a.razor.rz.scp.css */
.step-page[b-1808h9scwu] { max-width: 920px; margin: 0 auto; padding: 40px 20px 72px; }
.step-header[b-1808h9scwu] { margin-bottom: 30px; }
.step-badge[b-1808h9scwu] { display: inline-block; padding: 6px 12px; border-radius: 999px; background: rgba(255,255,255,.08); font-size: .85rem; }
.step-title[b-1808h9scwu] { margin-top: 10px; font-family: 'Cinzel',serif; font-size: clamp(2rem,6vw,2.7rem); letter-spacing: 2px; }
.step-subtitle[b-1808h9scwu] { color: #cbd5e1; }
.story-card[b-1808h9scwu], .reveal-scene[b-1808h9scwu], .escape-scene[b-1808h9scwu], .faction-card[b-1808h9scwu], .final-card[b-1808h9scwu] { padding: 25px; border: 1px solid rgba(255,255,255,.08); border-radius: 20px; background: rgba(255,255,255,.05); box-shadow: 0 15px 40px rgba(0,0,0,.2); line-height: 1.8; }
.step-content > * + *[b-1808h9scwu] { margin-top: 24px; }
.story-card h2[b-1808h9scwu], .faction-card h2[b-1808h9scwu], .final-card h2[b-1808h9scwu] { color: #fff; font-family: 'Cinzel',serif; }
.story-label[b-1808h9scwu] { color: #e2e8f0; font-size: .78rem; font-weight: 700; letter-spacing: .09em; text-transform: uppercase; }
.focus[b-1808h9scwu] { color: #facc15; font-weight: 600; }
.tone[b-1808h9scwu] { color: #94a3b8; font-style: italic; }
.character-heading[b-1808h9scwu] { display: flex; align-items: center; gap: 12px; }
.avatar[b-1808h9scwu] { width: 58px; height: 58px; border-radius: 50%; object-fit: cover; }
.alea-card[b-1808h9scwu] { border-left: 3px solid rgba(251,191,36,.65); }

.countdown-card[b-1808h9scwu] { position: sticky; top: 82px; z-index: 900; padding: 24px 28px; border: 1px solid rgba(239,68,68,.45); border-radius: 20px; background: radial-gradient(circle at 50% 0,rgba(220,38,38,.24),rgba(15,23,42,.92) 65%); text-align: center; box-shadow: 0 18px 45px rgba(0,0,0,.34), 0 0 45px rgba(127,29,29,.2); backdrop-filter: blur(12px); }
.countdown-kicker[b-1808h9scwu] { color: #fca5a5; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; }
.countdown-time[b-1808h9scwu] { margin: 8px 0; color: #fff; font-family: monospace; font-size: clamp(3rem,10vw,5rem); font-weight: 800; letter-spacing: .08em; text-shadow: 0 0 25px rgba(239,68,68,.45); }
.countdown-card p[b-1808h9scwu] { margin: 0; color: #cbd5e1; }
.countdown-card.failed[b-1808h9scwu] { border-color: rgba(248,113,113,.72); background: radial-gradient(circle at 50% 0,rgba(220,38,38,.36),rgba(69,10,10,.94) 70%); }
.countdown-card.stopped[b-1808h9scwu] { border-color: rgba(52,211,153,.52); background: radial-gradient(circle at 50% 0,rgba(16,185,129,.22),rgba(15,23,42,.92) 68%); }
.countdown-card.stopped .countdown-kicker[b-1808h9scwu] { color: #a7f3d0; }
.countdown-card.stopped .countdown-time[b-1808h9scwu] { text-shadow: 0 0 25px rgba(52,211,153,.36); }
.mission-failed-card[b-1808h9scwu] { border-color: rgba(248,113,113,.45); border-left: 3px solid rgba(248,113,113,.78); background: linear-gradient(135deg,rgba(69,10,10,.34),rgba(15,23,42,.62)); text-align: center; }
.mission-failed-card h2[b-1808h9scwu] { margin-top: 8px; color: #fee2e2; }
.mission-failed-card p[b-1808h9scwu] { color: #fecaca; }
.btn-retry[b-1808h9scwu] { margin-top: 10px; border: 1px solid rgba(248,113,113,.55); background: rgba(127,29,29,.62); color: #fff; font-weight: 800; }
.btn-retry:hover[b-1808h9scwu] { border-color: rgba(254,202,202,.72); background: rgba(185,28,28,.72); color: #fff; transform: translateY(-1px); }
button:disabled[b-1808h9scwu] { cursor: not-allowed; opacity: .45; transform: none !important; }
button:disabled:hover[b-1808h9scwu] { transform: none !important; }

.reveal-scene[b-1808h9scwu] { position: relative; min-height: 330px; overflow: hidden; padding: 30px; background: linear-gradient(180deg,#111827,#05070a); }
.building[b-1808h9scwu] { display: grid; grid-template-columns: repeat(3,1fr); gap: 14px; width: 78%; margin: 20px auto 0; padding: 20px; border: 7px solid #1f2937; background: #111827; box-shadow: 0 25px 40px #000; }
.window-word[b-1808h9scwu] { display: grid; min-height: 72px; place-items: center; border: 2px solid #334155; background: linear-gradient(145deg,#172033,#0a0f18); color: #fb7185; font-family: monospace; font-weight: 800; text-shadow: 0 0 12px #ef4444; transform: rotate(-2deg); }
.window-word:nth-child(even)[b-1808h9scwu] { transform: rotate(2deg); }
.light-beam[b-1808h9scwu] { position: absolute; right: -40px; bottom: -80px; width: 440px; height: 250px; background: conic-gradient(from 250deg at 100% 100%,transparent 0 18deg,rgba(239,68,68,.2) 19deg 42deg,transparent 43deg); filter: blur(4px); }
.scene-caption[b-1808h9scwu] { position: absolute; right: 16px; bottom: 12px; color: #fca5a5; font-family: monospace; font-size: .72rem; letter-spacing: .1em; }

.mission-card[b-1808h9scwu] { border-left: 3px solid rgba(167,139,250,.7); }
.assembled-message[b-1808h9scwu] { min-height: 76px; margin: 20px 0 14px; padding: 14px; border: 1px dashed rgba(167,139,250,.45); border-radius: 14px; background: rgba(15,23,42,.6); }
.assembled-message button[b-1808h9scwu], .word-bank button[b-1808h9scwu] { margin: 5px; padding: 9px 12px; border: 1px solid rgba(167,139,250,.4); border-radius: 9px; background: rgba(124,58,237,.18); color: #ede9fe; font-weight: 700; }
.assembled-message button:hover[b-1808h9scwu] { border-color: #fb7185; text-decoration: line-through; }
.word-bank[b-1808h9scwu] { min-height: 62px; padding: 9px; border-radius: 12px; background: rgba(255,255,255,.035); }
.word-bank button:hover[b-1808h9scwu] { transform: translateY(-2px); background: rgba(124,58,237,.3); }
.placeholder[b-1808h9scwu] { color: #64748b; font-style: italic; }
.actions[b-1808h9scwu] { display: flex; flex-wrap: wrap; align-items: center; gap: 12px; margin-top: 18px; }
.btn-validate[b-1808h9scwu], .btn-home[b-1808h9scwu] { border: 1px solid rgba(255,255,255,.14); background: rgba(255,255,255,.1); color: #fff; font-weight: 650; }
.btn-validate:hover[b-1808h9scwu], .btn-home:hover[b-1808h9scwu] { background: rgba(255,255,255,.17); color: #fff; transform: translateY(-1px); }
.btn-reset[b-1808h9scwu], .solution-link[b-1808h9scwu] { border: 0; background: transparent; color: #cbd5e1; text-decoration: underline; }
.feedback[b-1808h9scwu] { margin: 14px 0 0; color: #fbbf24; font-weight: 650; }
.feedback.success[b-1808h9scwu] { color: #6ee7b7; }
.success-card[b-1808h9scwu] { border-left: 3px solid rgba(52,211,153,.65); }
.decoded-message[b-1808h9scwu] { padding: 14px; border-radius: 10px; background: rgba(16,185,129,.1); color: #a7f3d0; font-family: monospace; font-weight: 800; text-align: center; }

.dialogue[b-1808h9scwu] { max-width: 85%; margin: 12px 0; padding: 11px 15px; border-radius: 14px; line-height: 1.55; }
.dialogue.alea[b-1808h9scwu] { margin-left: auto; background: rgba(180,83,9,.2); color: #fef3c7; text-align: right; }
.dialogue.emma[b-1808h9scwu] { margin-right: auto; background: rgba(126,34,206,.2); color: #f3e8ff; }
.dialogue.paul[b-1808h9scwu] { margin-right: auto; background: rgba(15,23,42,.85); color: #e2e8f0; }
.dialogue.enemy[b-1808h9scwu] { margin-left: auto; border: 1px solid rgba(239,68,68,.22); background: rgba(69,10,10,.35); color: #fecaca; text-align: right; }
.dialogue.threat[b-1808h9scwu] { border-color: rgba(239,68,68,.55); box-shadow: 0 0 20px rgba(127,29,29,.18); }
.discovery-card[b-1808h9scwu] { border-color: rgba(251,191,36,.25); }
.sms-screen-card[b-1808h9scwu] { border-left: 3px solid rgba(52,211,153,.7); background: linear-gradient(135deg,rgba(15,23,42,.72),rgba(15,23,42,.42)); }
.discovery-sms-card[b-1808h9scwu] { border-color: rgba(251,191,36,.25); border-left-color: rgba(251,191,36,.7); }
.phone-screen[b-1808h9scwu] { max-width: 380px; margin: 20px auto 0; padding: 12px; border: 1px solid rgba(148,163,184,.26); border-radius: 28px; background: radial-gradient(circle at 50% 0,rgba(52,211,153,.16),transparent 34%),#0f172a; box-shadow: 0 24px 60px rgba(0,0,0,.42); }
.emma-phone-screen[b-1808h9scwu] { background: radial-gradient(circle at 50% 0,rgba(168,85,247,.18),transparent 34%),#0f172a; }
.phone-status[b-1808h9scwu] { display: flex; align-items: center; justify-content: space-between; padding: 2px 12px 10px; color: rgba(226,232,240,.72); font-size: .76rem; font-weight: 700; line-height: 1; }
.phone-contact[b-1808h9scwu] { display: flex; align-items: center; gap: 10px; padding: 12px; border: 1px solid rgba(255,255,255,.08); border-radius: 18px; background: rgba(255,255,255,.05); }
.phone-contact-avatar[b-1808h9scwu] { display: grid; width: 38px; height: 38px; place-items: center; border-radius: 50%; background: rgba(168,85,247,.18); color: #f3e8ff; font-weight: 800; }
.phone-contact p[b-1808h9scwu] { margin: 0; color: #f8fafc; font-weight: 700; line-height: 1.2; }
.phone-contact span:not(.phone-contact-avatar)[b-1808h9scwu] { color: rgba(203,213,225,.72); font-size: .78rem; }
.sms-thread[b-1808h9scwu] { display: flex; flex-direction: column; gap: 8px; padding: 16px 4px 4px; }
.sms-bubble[b-1808h9scwu] { max-width: 86%; margin: 0; padding: 10px 13px; border-radius: 17px; color: #e5e7eb; line-height: 1.45; box-shadow: 0 8px 18px rgba(0,0,0,.18); }
.sms-bubble.incoming[b-1808h9scwu] { align-self: flex-start; border: 1px solid rgba(148,163,184,.16); border-bottom-left-radius: 6px; background: rgba(30,41,59,.92); }
.sms-bubble.outgoing[b-1808h9scwu] { align-self: flex-end; border-bottom-right-radius: 6px; background: rgba(180,83,9,.42); color: #fef3c7; }
.sms-bubble.emma-message[b-1808h9scwu] { border-color: rgba(168,85,247,.28); background: rgba(88,28,135,.42); color: #f3e8ff; font-weight: 800; }
.sms-event[b-1808h9scwu] { align-self: center; max-width: 82%; margin: 3px 0; color: rgba(203,213,225,.72); font-size: .78rem; font-style: italic; line-height: 1.35; text-align: center; }
.spoken-dialogue-card[b-1808h9scwu] { border-color: rgba(168,85,247,.24); border-left-color: rgba(52,211,153,.7); }
.spoken-thread[b-1808h9scwu] { display: flex; flex-direction: column; gap: 10px; padding-top: 16px; }
.spoken-line[b-1808h9scwu] { display: flex; align-items: flex-end; gap: 10px; max-width: 88%; }
.spoken-line p[b-1808h9scwu] { margin: 0; padding: 10px 13px; border: 1px solid rgba(148,163,184,.16); border-radius: 17px; color: #e5e7eb; line-height: 1.45; box-shadow: 0 8px 18px rgba(0,0,0,.18); }
.spoken-line strong[b-1808h9scwu] { display: block; margin-bottom: 2px; font-size: .75rem; letter-spacing: .07em; text-transform: uppercase; }
.spoken-avatar[b-1808h9scwu] { flex: 0 0 38px; width: 38px; height: 38px; border: 2px solid rgba(255,255,255,.18); border-radius: 50%; object-fit: cover; box-shadow: 0 8px 20px rgba(0,0,0,.24); }
.emma-line[b-1808h9scwu] { align-self: flex-start; }
.emma-line p[b-1808h9scwu] { border-bottom-left-radius: 6px; border-color: rgba(168,85,247,.25); background: rgba(88,28,135,.42); color: #f3e8ff; }
.emma-line strong[b-1808h9scwu] { color: #e9d5ff; }
.alea-line[b-1808h9scwu] { flex-direction: row-reverse; align-self: flex-end; }
.alea-line p[b-1808h9scwu] { border-bottom-right-radius: 6px; border-color: rgba(251,191,36,.24); background: rgba(180,83,9,.42); color: #fef3c7; text-align: right; }
.alea-line strong[b-1808h9scwu] { color: #fde68a; }
.paul-line[b-1808h9scwu] { align-self: flex-start; }
.paul-line p[b-1808h9scwu] { border-bottom-left-radius: 6px; border-color: rgba(59,130,246,.25); background: rgba(30,64,175,.42); color: #dbeafe; }
.paul-line strong[b-1808h9scwu] { color: #bfdbfe; }
.enemy-line[b-1808h9scwu] { align-self: flex-start; }
.enemy-line p[b-1808h9scwu] { border-bottom-left-radius: 6px; border-color: rgba(248,113,113,.3); background: rgba(69,10,10,.58); color: #fee2e2; }
.enemy-line strong[b-1808h9scwu] { color: #fecaca; }
.urgency-line p[b-1808h9scwu] { border-color: rgba(248,113,113,.35); background: rgba(127,29,29,.42); color: #fee2e2; }
.find-emma-card h2[b-1808h9scwu], .force-door-card h2[b-1808h9scwu] { letter-spacing: .08em; }
.door-hallway-image[b-1808h9scwu] { display: block; width: 100%; margin: 18px 0 16px; border: 1px solid rgba(255,255,255,.1); border-radius: 16px; box-shadow: 0 18px 45px rgba(0,0,0,.28); }
.door-actions[b-1808h9scwu] { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 12px; margin-top: 16px; }
.door-choice[b-1808h9scwu] { min-height: 50px; border: 1px solid rgba(167,139,250,.38); border-radius: 12px; background: rgba(15,23,42,.72); color: #ede9fe; font-weight: 800; letter-spacing: .04em; }
.door-choice:hover[b-1808h9scwu] { border-color: rgba(251,191,36,.7); background: rgba(124,58,237,.24); transform: translateY(-2px); }
.door-feedback[b-1808h9scwu], .door-impact[b-1808h9scwu], .door-knocks[b-1808h9scwu] { margin-top: 18px; padding: 16px; border: 1px solid rgba(148,163,184,.18); border-radius: 14px; background: rgba(15,23,42,.55); color: #e2e8f0; text-align: center; }
.door-feedback p[b-1808h9scwu], .door-impact p[b-1808h9scwu], .door-knocks p[b-1808h9scwu] { margin: 0; }
.door-feedback p + p[b-1808h9scwu], .door-impact p + p[b-1808h9scwu], .door-knocks p + p[b-1808h9scwu] { margin-top: 8px; }
.door-knocks[b-1808h9scwu] { color: #fca5a5; font-family: monospace; font-size: 1.25rem; font-weight: 800; letter-spacing: .08em; }
.force-door-card[b-1808h9scwu] { border-color: rgba(248,113,113,.28); background: linear-gradient(135deg,rgba(69,10,10,.22),rgba(15,23,42,.5)); text-align: center; }
.force-door-card .dialogue[b-1808h9scwu] { text-align: left; }
.force-door-card .dialogue.alea[b-1808h9scwu] { text-align: right; }
.force-door-button[b-1808h9scwu] { width: min(100%,360px); min-height: 64px; margin-top: 14px; border: 1px solid rgba(248,113,113,.55); border-radius: 14px; background: linear-gradient(180deg,rgba(220,38,38,.38),rgba(127,29,29,.54)); color: #fff; font-weight: 900; letter-spacing: .08em; box-shadow: 0 18px 34px rgba(127,29,29,.28); }
.force-door-button:hover[b-1808h9scwu] { background: linear-gradient(180deg,rgba(239,68,68,.48),rgba(127,29,29,.66)); transform: translateY(-2px); }
.door-impact[b-1808h9scwu] { color: #fef3c7; font-weight: 800; }
.reunion-card[b-1808h9scwu] { display: grid; grid-template-columns: 80px 1fr; gap: 20px; border-color: rgba(52,211,153,.35); }
.door-open[b-1808h9scwu] { display: grid; width: 62px; height: 62px; place-items: center; border: 2px solid rgba(52,211,153,.45); border-radius: 50%; color: #6ee7b7; font-size: 2.4rem; font-weight: 900; text-align: center; box-shadow: 0 0 25px rgba(52,211,153,.22); }

.chapter-break[b-1808h9scwu] { padding: 38px 15px; text-align: center; }
.chapter-break span[b-1808h9scwu] { color: #f87171; font-size: .8rem; font-weight: 800; letter-spacing: .18em; text-transform: uppercase; }
.chapter-break h2[b-1808h9scwu] { margin-top: 8px; color: #fff; font-family: 'Cinzel',serif; }
.confrontation-card[b-1808h9scwu] { border-color: rgba(239,68,68,.3); background: linear-gradient(135deg,rgba(69,10,10,.2),rgba(15,23,42,.5)); }
.escape-scene[b-1808h9scwu] { position: relative; min-height: 360px; overflow: hidden; background: linear-gradient(160deg,#17202a 0 42%,#090c10 43%); }
.grappling-line[b-1808h9scwu] { position: absolute; right: 26%; top: -20px; width: 3px; height: 250px; background: #94a3b8; transform: rotate(38deg); transform-origin: top; }
.runner[b-1808h9scwu] { position: absolute; right: 20%; top: 80px; width: 24px; height: 72px; border-radius: 12px 12px 4px 4px; background: #020304; transform: rotate(25deg); box-shadow: 0 10px 20px #000; }
.runner[b-1808h9scwu]::before { content: ''; position: absolute; left: 2px; top: -20px; width: 21px; height: 22px; border-radius: 50%; background: #020304; }
.escape-copy[b-1808h9scwu] { position: relative; z-index: 2; width: 58%; padding: 10px; }
.escape-copy blockquote[b-1808h9scwu], .final-card blockquote[b-1808h9scwu] { margin: 18px 0; color: #fca5a5; font-family: 'Cinzel',serif; font-size: 1.2rem; font-weight: 700; }
.epilogue-card[b-1808h9scwu] { border-left: 3px solid rgba(251,191,36,.55); }
.next-step-card[b-1808h9scwu] { border-color: rgba(251,191,36,.28); background: radial-gradient(circle at 50% 0,rgba(251,191,36,.14),rgba(15,23,42,.5) 64%); }
.btn-next-step[b-1808h9scwu] { padding: 13px 22px; border: 1px solid rgba(251,191,36,.42); border-radius: 12px; background: rgba(180,83,9,.28); color: #fef3c7; font-weight: 850; letter-spacing: .04em; }
.btn-next-step:hover[b-1808h9scwu] { border-color: rgba(253,230,138,.7); background: rgba(180,83,9,.42); color: #fff; transform: translateY(-1px); }

.faction-card[b-1808h9scwu] { position: relative; overflow: hidden; text-align: center; }
.faction-card[b-1808h9scwu]::before { content: ''; position: absolute; inset: 0; opacity: .16; pointer-events: none; }
.faction-card.watcher[b-1808h9scwu]::before { background: radial-gradient(circle at 50% 0,#38bdf8,transparent 58%); }
.faction-card.scout[b-1808h9scwu]::before { background: radial-gradient(circle at 50% 0,#f59e0b,transparent 58%); }
.faction-card.shadow[b-1808h9scwu]::before { background: radial-gradient(circle at 50% 0,#a855f7,transparent 58%); }
.faction-card > *[b-1808h9scwu] { position: relative; }
.medallion[b-1808h9scwu] { display: grid; width: 100px; height: 100px; margin: 0 auto 16px; place-items: center; border: 2px solid rgba(255,255,255,.3); border-radius: 50%; background: rgba(0,0,0,.35); font-size: 3rem; box-shadow: 0 0 35px rgba(255,255,255,.15); }
.faction-card h2[b-1808h9scwu] { margin: 12px 0 20px; letter-spacing: .08em; }
.faction-card .dialogue[b-1808h9scwu] { text-align: left; }
.faction-card .dialogue.alea[b-1808h9scwu] { text-align: right; }
.final-card[b-1808h9scwu] { padding: 42px 25px; border-color: rgba(251,191,36,.3); background: radial-gradient(circle at 50% 0,rgba(180,83,9,.16),rgba(15,23,42,.5) 60%); }
.final-mark[b-1808h9scwu] { color: #facc15; font-size: 3rem; }
.final-card h2[b-1808h9scwu] { margin: 28px 0 6px; font-size: 3rem; letter-spacing: .22em; }
.btn-home[b-1808h9scwu] { margin-top: 20px; padding: 12px 22px; }

@media (max-width: 600px) {
    .step-page[b-1808h9scwu] { padding: 28px 14px 48px; }
    .countdown-card[b-1808h9scwu] { top: 72px; display: grid; grid-template-columns: minmax(0,1fr) auto; align-items: center; gap: 6px; padding: 6px 10px; border-radius: 10px; text-align: left; box-shadow: 0 10px 24px rgba(0,0,0,.28), 0 0 20px rgba(127,29,29,.16); }
    .countdown-kicker[b-1808h9scwu] { overflow: hidden; font-size: .58rem; letter-spacing: .04em; line-height: 1.1; text-overflow: ellipsis; white-space: nowrap; }
    .countdown-time[b-1808h9scwu] { margin: 0; font-size: 1.18rem; letter-spacing: .02em; line-height: 1; text-align: right; }
    .countdown-card p[b-1808h9scwu] { display: none; }
    .building[b-1808h9scwu] { width: 100%; grid-template-columns: repeat(2,1fr); padding: 12px; }
    .window-word[b-1808h9scwu] { min-height: 62px; font-size: .78rem; }
    .dialogue[b-1808h9scwu] { max-width: 96%; }
    .phone-screen[b-1808h9scwu] { max-width: 100%; border-radius: 22px; }
    .sms-bubble[b-1808h9scwu] { max-width: 94%; }
    .spoken-line[b-1808h9scwu] { max-width: 100%; }
    .spoken-avatar[b-1808h9scwu] { flex-basis: 34px; width: 34px; height: 34px; }
    .door-actions[b-1808h9scwu] { grid-template-columns: 1fr; }
    .reunion-card[b-1808h9scwu] { grid-template-columns: 1fr; }
    .escape-copy[b-1808h9scwu] { width: 82%; }
    .runner[b-1808h9scwu] { right: 8%; opacity: .65; }
}
/* /Components/Pages/Story/WatchmenSecret/Episode9/Step9b.razor.rz.scp.css */
.step-page[b-6mqlcpxni4] { max-width: 920px; margin: 0 auto; padding: 40px 20px 72px; }
.step-header[b-6mqlcpxni4] { margin-bottom: 30px; }
.step-badge[b-6mqlcpxni4] { display: inline-block; padding: 6px 12px; border-radius: 999px; background: rgba(255,255,255,.08); font-size: .85rem; }
.step-title[b-6mqlcpxni4] { margin-top: 10px; font-family: 'Cinzel',serif; font-size: clamp(2rem,6vw,2.7rem); letter-spacing: 2px; }
.step-subtitle[b-6mqlcpxni4] { color: #cbd5e1; }
.step-content > * + *[b-6mqlcpxni4] { margin-top: 24px; }
.story-card[b-6mqlcpxni4], .faction-card[b-6mqlcpxni4], .final-card[b-6mqlcpxni4] { padding: 25px; border: 1px solid rgba(255,255,255,.08); border-radius: 20px; background: rgba(255,255,255,.05); box-shadow: 0 15px 40px rgba(0,0,0,.2); line-height: 1.8; }
.story-label[b-6mqlcpxni4] { color: #e2e8f0; font-size: .78rem; font-weight: 700; letter-spacing: .09em; text-transform: uppercase; }
.story-card h2[b-6mqlcpxni4], .faction-card h2[b-6mqlcpxni4], .final-card h2[b-6mqlcpxni4] { color: #fff; font-family: 'Cinzel',serif; }

.dialogue[b-6mqlcpxni4] { max-width: 85%; margin: 12px 0; padding: 11px 15px; border-radius: 14px; line-height: 1.55; }
.dialogue.emma[b-6mqlcpxni4] { margin-right: auto; background: rgba(126,34,206,.2); color: #f3e8ff; }
.dialogue.paul[b-6mqlcpxni4] { margin-right: auto; background: rgba(15,23,42,.85); color: #e2e8f0; }
.epilogue-card[b-6mqlcpxni4] { border-left: 3px solid rgba(251,191,36,.55); }

.faction-card[b-6mqlcpxni4] { position: relative; overflow: hidden; text-align: center; }
.faction-card[b-6mqlcpxni4]::before { content: ''; position: absolute; inset: 0; opacity: .16; pointer-events: none; }
.faction-card.watcher[b-6mqlcpxni4]::before { background: radial-gradient(circle at 50% 0,#38bdf8,transparent 58%); }
.faction-card.scout[b-6mqlcpxni4]::before { background: radial-gradient(circle at 50% 0,#f59e0b,transparent 58%); }
.faction-card.shadow[b-6mqlcpxni4]::before { background: radial-gradient(circle at 50% 0,#a855f7,transparent 58%); }
.faction-card > *[b-6mqlcpxni4] { position: relative; }
.faction-card h2[b-6mqlcpxni4] { margin: 12px 0 20px; letter-spacing: .08em; }
.faction-card .dialogue[b-6mqlcpxni4] { text-align: left; }

.medallion[b-6mqlcpxni4] { display: grid; width: 100px; height: 100px; margin: 0 auto 16px; place-items: center; border: 2px solid rgba(255,255,255,.3); border-radius: 50%; background: rgba(0,0,0,.35); font-size: 3rem; box-shadow: 0 0 35px rgba(255,255,255,.15); }
.final-card[b-6mqlcpxni4] { padding: 42px 25px; border-color: rgba(251,191,36,.3); background: radial-gradient(circle at 50% 0,rgba(180,83,9,.16),rgba(15,23,42,.5) 60%); }
.final-mark[b-6mqlcpxni4] { color: #facc15; font-size: 3rem; }
.final-card blockquote[b-6mqlcpxni4] { margin: 18px 0; color: #fca5a5; font-family: 'Cinzel',serif; font-size: 1.2rem; font-weight: 700; }
.final-card h2[b-6mqlcpxni4] { margin: 28px 0 6px; font-size: 3rem; letter-spacing: .22em; }
.btn-home[b-6mqlcpxni4] { margin-top: 20px; padding: 12px 22px; border: 1px solid rgba(255,255,255,.14); background: rgba(255,255,255,.1); color: #fff; font-weight: 650; }
.btn-home:hover[b-6mqlcpxni4] { background: rgba(255,255,255,.17); color: #fff; transform: translateY(-1px); }

@media (max-width: 600px) {
    .step-page[b-6mqlcpxni4] { padding: 28px 14px 48px; }
    .dialogue[b-6mqlcpxni4] { max-width: 96%; }
    .final-card h2[b-6mqlcpxni4] { font-size: 2.25rem; }
}
/* /Components/Pages/Story/WatchmenSecret/Gateway.razor.rz.scp.css */
.token-gateway-page[b-mhkyh2t4va] {
    min-height: 60vh;
    display: grid;
    place-items: center;
    padding: 3rem 1rem;
}

.token-gateway-card[b-mhkyh2t4va] {
    width: min(560px, 100%);
    padding: 2rem;
    border: 1px solid rgba(201, 166, 107, 0.18);
    border-radius: 18px;
    background: rgba(18, 24, 31, 0.86);
    box-shadow: 0 18px 50px rgba(0, 0, 0, 0.24);
    color: #f5efe4;
    text-align: center;
}

.token-gateway-kicker[b-mhkyh2t4va] {
    margin: 0 0 0.7rem;
    color: #d7b67b;
    font-size: 0.82rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.token-gateway-card h1[b-mhkyh2t4va] {
    margin: 0;
    color: #fff7ea;
    font-size: clamp(1.7rem, 3vw, 2.4rem);
    line-height: 1.15;
}

.token-gateway-card p:last-child[b-mhkyh2t4va] {
    margin: 1rem 0 0;
    color: rgba(245, 239, 228, 0.86);
    line-height: 1.7;
}
/* /Components/Pages/Story/WatchmenSecret/Intro.razor.rz.scp.css */
.adventure-intro-page[b-5sodalg95i] {
    min-height: 100vh;
    background: radial-gradient(circle at top, rgba(158, 122, 72, 0.10), transparent 35%), linear-gradient(180deg, #0e141b 0%, #131c24 100%);
    color: #f5efe4;
    font-family: "Inter", "Segoe UI", sans-serif;
}

/* HERO */
.adventure-hero[b-5sodalg95i] {
    position: relative;
    height: 70vh;
    min-height: 520px;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
}

.adventure-hero-image[b-5sodalg95i] {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.adventure-hero-overlay[b-5sodalg95i] {
    position: absolute;
    inset: 0;
    background: linear-gradient(to bottom, rgba(7, 10, 14, 0.15), rgba(7, 10, 14, 0.75)), linear-gradient(to top, rgba(7, 10, 14, 0.95), rgba(7, 10, 14, 0.1));
}

.adventure-hero-content[b-5sodalg95i] {
    position: relative;
    z-index: 2;
    max-width: 900px;
    text-align: center;
    padding: 2rem;
}

.adventure-badge[b-5sodalg95i] {
    display: inline-block;
    margin-bottom: 1rem;
    padding: 0.45rem 0.9rem;
    border-radius: 999px;
    background: rgba(201, 166, 107, 0.16);
    border: 1px solid rgba(201, 166, 107, 0.35);
    color: #e4c48e;
    font-size: 0.85rem;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    font-weight: 700;
}

.adventure-title[b-5sodalg95i] {
    margin: 0;
    font-size: clamp(2.2rem, 5vw, 4.5rem);
    line-height: 1.05;
    font-weight: 800;
    letter-spacing: -0.02em;
    text-shadow: 0 10px 30px rgba(0, 0, 0, 0.35);
}

.adventure-subtitle[b-5sodalg95i] {
    margin: 1rem auto 0;
    max-width: 700px;
    font-size: 1.1rem;
    line-height: 1.7;
    color: rgba(245, 239, 228, 0.88);
}

/* SECTIONS */
.adventure-intro-section[b-5sodalg95i],
.adventure-info-section[b-5sodalg95i],
.adventure-practical-section[b-5sodalg95i],
.adventure-cta-section[b-5sodalg95i] {
    width: min(1100px, calc(100% - 2rem));
    margin: 0 auto;
}

.adventure-intro-section[b-5sodalg95i] {
    margin-top: -70px;
    position: relative;
    z-index: 3;
}

.adventure-intro-card[b-5sodalg95i],
.practical-card[b-5sodalg95i],
.adventure-cta-card[b-5sodalg95i] {
    background: rgba(18, 24, 31, 0.88);
    border: 1px solid rgba(201, 166, 107, 0.18);
    box-shadow: 0 18px 50px rgba(0, 0, 0, 0.28);
    border-radius: 24px;
    backdrop-filter: blur(8px);
}

/* INTRO CARD */
.adventure-intro-card[b-5sodalg95i] {
    padding: 2rem;
}

.intro-label[b-5sodalg95i] {
    display: inline-block;
    margin-bottom: 1rem;
    color: #d7b67b;
    font-weight: 700;
    letter-spacing: 0.04em;
}

.intro-lead[b-5sodalg95i] {
    margin: 0 0 1rem 0;
    font-size: clamp(1.4rem, 2vw, 2rem);
    line-height: 1.3;
    font-weight: 700;
    color: #fff7ea;
}

.intro-text[b-5sodalg95i] {
    margin: 0 0 1rem 0;
    font-size: 1.05rem;
    line-height: 1.8;
    color: rgba(245, 239, 228, 0.9);
}

/* INFO GRID */
.adventure-info-section[b-5sodalg95i] {
    padding: 2rem 0 0 0;
}

.adventure-info-grid[b-5sodalg95i] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1rem;
}

.info-card[b-5sodalg95i] {
    background: rgba(18, 24, 31, 0.72);
    border: 1px solid rgba(201, 166, 107, 0.14);
    border-radius: 20px;
    padding: 1.5rem;
    box-shadow: 0 14px 40px rgba(0, 0, 0, 0.18);
}

.info-icon[b-5sodalg95i] {
    font-size: 1.8rem;
    margin-bottom: 0.9rem;
}

.info-title[b-5sodalg95i] {
    margin: 0 0 0.6rem 0;
    font-size: 1.1rem;
    color: #fff2d7;
    font-weight: 700;
}

.info-text[b-5sodalg95i] {
    margin: 0;
    color: rgba(245, 239, 228, 0.82);
    line-height: 1.7;
}

/* PRACTICAL */
.adventure-practical-section[b-5sodalg95i] {
    padding: 2rem 0 0 0;
}

.practical-card[b-5sodalg95i] {
    padding: 2rem;
}

.practical-title[b-5sodalg95i] {
    margin: 0 0 1.2rem 0;
    font-size: 1.5rem;
    color: #fff2d7;
}

.practical-list[b-5sodalg95i] {
    display: grid;
    gap: 0.9rem;
}

.practical-item[b-5sodalg95i] {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    padding: 1rem 1.1rem;
    border-radius: 14px;
    background: rgba(255, 255, 255, 0.03);
    border: 1px solid rgba(201, 166, 107, 0.08);
}

.practical-label[b-5sodalg95i] {
    color: #d7b67b;
    font-weight: 700;
}

.practical-value[b-5sodalg95i] {
    color: rgba(245, 239, 228, 0.92);
    text-align: right;
}

/* CTA */
.adventure-cta-section[b-5sodalg95i] {
    padding: 2rem 0 4rem 0;
}

.adventure-cta-card[b-5sodalg95i] {
    text-align: center;
    padding: 2.5rem 2rem;
}

.cta-kicker[b-5sodalg95i] {
    margin: 0 0 0.5rem 0;
    color: #d7b67b;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    font-size: 0.85rem;
    font-weight: 700;
}

.cta-title[b-5sodalg95i] {
    margin: 0;
    font-size: clamp(1.8rem, 3vw, 2.8rem);
    color: #fff7ea;
}

.cta-text[b-5sodalg95i] {
    margin: 1rem auto 0;
    max-width: 640px;
    color: rgba(245, 239, 228, 0.85);
    line-height: 1.7;
}

.cta-actions[b-5sodalg95i] {
    margin-top: 1.7rem;
}

.btn-main[b-5sodalg95i] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0.95rem 1.5rem;
    min-width: 220px;
    border-radius: 999px;
    text-decoration: none;
    font-weight: 700;
    background: linear-gradient(135deg, #d7b67b 0%, #b78d4e 100%);
    color: #10161d;
    box-shadow: 0 12px 26px rgba(183, 141, 78, 0.28);
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

    .btn-main:hover[b-5sodalg95i] {
        transform: translateY(-2px);
        box-shadow: 0 16px 32px rgba(183, 141, 78, 0.34);
        color: #10161d;
    }

/* RESPONSIVE */
@media (max-width: 900px) {
    .adventure-info-grid[b-5sodalg95i] {
        grid-template-columns: 1fr;
    }

    .practical-item[b-5sodalg95i] {
        flex-direction: column;
        align-items: flex-start;
    }

    .practical-value[b-5sodalg95i] {
        text-align: left;
    }
}

@media (max-width: 640px) {
    .adventure-hero[b-5sodalg95i] {
        min-height: 460px;
        height: 62vh;
    }

    .adventure-intro-card[b-5sodalg95i],
    .practical-card[b-5sodalg95i],
    .adventure-cta-card[b-5sodalg95i] {
        padding: 1.35rem;
        border-radius: 18px;
    }

    .adventure-intro-section[b-5sodalg95i] {
        margin-top: -40px;
    }
}