.runtime-crystal-dialog{position:fixed;inset:0;width:100vw;height:100dvh;max-width:none;max-height:none;margin:0;padding:0;border:0;background:transparent;overflow:hidden;color:#e3e9eb}
.runtime-crystal-dialog::backdrop{background:rgba(3,4,5,calc(var(--surround,0)*.85))}
.runtime-crystal-surface{position:absolute;left:0;top:0;transform-origin:0 0;overflow:hidden;visibility:hidden;will-change:transform;isolation:isolate;background:rgba(3,4,5,.12);box-shadow:inset 0 0 0 1px rgba(191,214,224,calc(var(--edge,1)*.35)),0 0 70px rgba(127,189,212,calc(var(--edge,1)*.06))}
.runtime-crystal-world{display:block;width:100%;height:100%;border:0;opacity:var(--arrival,0)}
.runtime-crystal-cover{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:24px;pointer-events:none;opacity:var(--cover,1);font-family:Manrope,sans-serif;text-align:center}
.runtime-crystal-cover span,.runtime-crystal-cover p{font-size:clamp(12px,1vw,20px);letter-spacing:.18em}.runtime-crystal-cover h2{font-size:clamp(32px,5vw,92px);font-weight:400;letter-spacing:-.04em;margin:0}
.runtime-crystal-reflection{position:absolute;inset:0;pointer-events:none;opacity:var(--edge,1);background:linear-gradient(118deg,transparent 19%,#c7edf50a 33%,#d5f4ff28 34%,transparent 35%,transparent 61%,#d9f2ff0b 63%,transparent 80%);transform:translateX(calc((var(--sweep,0) - .3)*35%));mix-blend-mode:screen;filter:blur(1px)}
@media(prefers-reduced-motion:reduce){.runtime-crystal-reflection{display:none}}

/* The original crystal already carries its own cover typography. */
.runtime-crystal-cover{display:none}

/* Reflections pass the lens; do not add a second rectangular frame. */
.runtime-crystal-surface{box-shadow:none;background:transparent;will-change:clip-path}
.runtime-crystal-reflection{background:linear-gradient(112deg,transparent 20%,#e0f4ff09 35%,#e0f4ff32 36%,transparent 38%,transparent 66%,#d9f2ff10 68%,transparent 74%)}

.runtime-crystal-dialog.full-motion .runtime-crystal-reflection{display:block}

/* The cover and the interior share the same continuously rendered world. */
.runtime-crystal-dialog{pointer-events:none;z-index:35}
.runtime-crystal-surface{will-change:transform;border:1px solid #b8d5e52b}
.runtime-crystal-dialog[data-preview=true] .runtime-crystal-surface{pointer-events:none!important}
.runtime-crystal-cover{display:flex;justify-content:flex-start;padding-top:5%;gap:10px}
.runtime-crystal-cover h2{font-size:clamp(28px,3vw,58px);letter-spacing:.08em}
.runtime-crystal-cover p{position:absolute;bottom:4%;font-size:20px}