/* ============================================================
   "Deck style" skin — an optional, toggleable look that leans
   more literally into the pitch deck's neon/cosmic mandala
   visuals. Everything here is scoped under .ce-skin-deck, which
   is only applied to .ce-shell when the visitor has switched the
   skin toggle in the footer (see Views/Shared/_Layout.cshtml and
   HomeController.SetSkin). Fully inert otherwise.

   Scope is deliberate: this only reaches the components added for
   Gateway / Exploration / Ars Libra. Forum, Gatherings, Offering
   and Admin keep the site's normal restrained look regardless of
   the toggle — the existing design language is not being replaced.
   ============================================================ */

.ce-skin-deck .ce-gateway__title {
    font-family: 'Archivo Black', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    letter-spacing: .01em;
}

.ce-skin-deck .ce-gateway__ring::before {
    content: "";
    position: absolute;
    inset: -6%;
    z-index: -1;
    border-radius: 50%;
    background:
        radial-gradient(closest-side, rgba(208, 10, 10, .22), rgba(208, 10, 10, 0) 72%);
    filter: blur(2px);
}

.ce-skin-deck .ce-gateway__center {
    filter: drop-shadow(0 0 18px rgba(208, 10, 10, .55));
}

.ce-skin-deck .ce-gateway__node {
    border-color: rgba(192, 0, 0, .35);
    background: radial-gradient(120% 120% at 50% 20%, rgba(168, 56, 44, .16), rgba(168, 56, 44, 0) 70%), rgba(255, 255, 255, .015);
    box-shadow: 0 0 0 1px rgba(0, 0, 0, .4), 0 0 24px rgba(192, 0, 0, .12);
}

    .ce-skin-deck .ce-gateway__node:hover {
        border-color: var(--ce-accent-edge-hi);
        box-shadow: 0 0 0 1px rgba(0, 0, 0, .4), 0 0 34px rgba(192, 0, 0, .28);
    }

.ce-skin-deck .ce-gateway__node.is-forming {
    border-style: solid;
    border-color: rgba(255, 255, 255, .14);
    box-shadow: none;
}

.ce-skin-deck .ce-arslibra__shape {
    fill: rgba(192, 0, 0, .16);
    stroke: var(--ce-accent-bright);
    filter: drop-shadow(0 0 6px rgba(192, 0, 0, .5));
}

.ce-skin-deck .ce-arslibra__ring {
    stroke: rgba(192, 0, 0, .18);
}

.ce-skin-deck .ce-arslibra__point {
    fill: var(--ce-accent-bright);
}

.ce-skin-deck .ce-spiral__step.is-current {
    border-color: var(--ce-accent-edge-hi);
    box-shadow: 0 0 18px rgba(192, 0, 0, .3);
}

@media (prefers-reduced-motion: no-preference) {
    .ce-skin-deck .ce-gateway__center img {
        animation: ce-deck-breathe 6s ease-in-out infinite;
    }
}

@keyframes ce-deck-breathe {
    0%, 100% { opacity: .85; transform: scale(1); }
    50% { opacity: 1; transform: scale(1.04); }
}