.crystal-paintings{position:absolute;inset:0}
.crystal-painting{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;opacity:0;transition:opacity .3s ease}
.crystal-painting{mask-image:linear-gradient(to right,transparent,#000 8%,#000 92%,transparent),linear-gradient(to bottom,transparent,#000 4%,#000 96%,transparent);mask-composite:intersect}
/* Keep the preparation plate underneath so the figure never fades to black. */
.crystal-painting:first-child,.crystal-painting.is-current{opacity:1}
.hidden-art .crystal-paintings{visibility:hidden}
.crystal-motion-off .crystal-painting{transition:none}
.crystal-practice .scene-canvas,.crystal-practice .aura-thumbnail,.crystal-practice .scene-finish-art{background:#202322}
.crystal-practice .aura-thumbnail{width:300px;height:200px;border:0}
.crystal-practice .practice-completion>.scene-finish-art{width:100%;aspect-ratio:1.5}
.crystal-practice .overview-source .source-meta{display:block;font-family:Arial,sans-serif;font-size:14px;line-height:1.5;margin-top:12px}
.crystal-practice .guide-display-tools{gap:12px}
.crystal-practice #gazing-mode{font-size:12px;min-height:44px;padding:8px 12px}
.crystal-gazing .guide-display-tools,
.crystal-gazing #guide-body>.scene-progress,
.crystal-gazing #guide-body>.scene-instructions,
.crystal-gazing #guide-body>.scene-visual,
.crystal-gazing #guide-body>.scene-navigation{display:none}
.dark-guide.scene-active.aura-practice.crystal-gazing #guide-body{max-width:640px;grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr);gap:0}
.gazing-panel{display:grid;grid-template-rows:minmax(0,1fr) auto;gap:24px;min-height:0;height:100%}
.gazing-content{align-self:center;min-height:0;max-height:100%;overflow:auto;padding:12px 0;box-sizing:border-box}
.gazing-content h2{font-size:clamp(26px,3vw,36px);line-height:1.2;margin:0 0 18px}
.gazing-content p{font-size:16px;line-height:1.65;color:var(--muted);margin:0;max-width:560px}
.gazing-content details{margin-top:28px}
.gazing-content summary{cursor:pointer;min-height:44px;display:list-item;line-height:44px;font-size:14px}
.gazing-content #gazing-prayer{padding-top:8px;color:var(--ink)}
.gazing-actions{display:flex;justify-content:space-between;gap:12px;border-top:1px solid var(--line);padding-top:16px}
.gazing-actions #gazing-close{order:0}
.gazing-actions #gazing-questions{order:1}
.gazing-actions button{min-height:44px;font-size:14px;padding:10px 16px}
@media(prefers-reduced-motion:reduce){.crystal-painting{transition:none}}
@media(max-width:740px){
 .crystal-practice .geomancy-toolbar{flex-wrap:wrap}
 .crystal-practice .guide-display-tools{gap:12px}
 .crystal-practice .geomancy-toolbar .text-button{font-size:11px}
 .crystal-practice #stage-copy{font-size:14px}
 .crystal-practice .practice-completion>.scene-finish-art{width:min(280px,100%)}
 .gazing-panel{gap:16px}
 .gazing-content h2{font-size:26px;margin-bottom:14px}
 .gazing-content p{font-size:15px;line-height:1.6}
 .gazing-content details{margin-top:20px}
 .gazing-actions{display:grid;grid-template-columns:minmax(0,1fr);gap:8px;padding-top:12px}
 .gazing-actions #gazing-questions{order:0}
 .gazing-actions #gazing-close{order:1}
 .gazing-actions button{font-size:13px}
}