.practice-paintings{position:absolute;inset:0}
.practice-painting{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;opacity:0;transition:clip-path .35s ease;mask-image:linear-gradient(to right,transparent,#000 8%,#000 92%,transparent),linear-gradient(to bottom,transparent,#000 5%,#000 95%,transparent);mask-composite:intersect}
.practice-painting.is-current{opacity:1}
.flame-in-the-heart-practice .practice-painting,.rhythmic-breathing-practice .practice-painting{transform:translate(-50%,-50%) scale(1.6)}
.flame-in-the-heart-practice .aura-thumbnail,.rhythmic-breathing-practice .aura-thumbnail{object-fit:cover;object-position:center}
.flame-in-the-heart-practice .scene-finish-art,.rhythmic-breathing-practice .scene-finish-art{overflow:hidden}
.flame-in-the-heart-practice .scene-finish-art img,.rhythmic-breathing-practice .scene-finish-art img{transform:scale(1.6)}
.hold-a-single-point-practice .practice-painting{transform:translate(-50%,-50%) scale(1.1)}
.return-to-dream-scene-practice .practice-completion>.scene-finish-art{aspect-ratio:1.5}
.return-to-dream-scene-practice .scene-finish-art img{object-fit:cover}
@media(max-width:740px){
 .dianas-stone-charm-practice.scene-active .scene-canvas{height:130px!important}
 .dianas-stone-charm-practice.scene-active .scene-visual{height:174px}
 .dianas-stone-charm-practice.scene-active #guide-body{grid-template-rows:3px minmax(0,1fr) 174px auto}
 .dianas-stone-charm-practice .invocation-verse{font-size:13px;line-height:1.35;margin:8px 0}
}
.practice-painting{inset:auto;left:50%;top:50%;height:100%;width:auto;max-width:100%;transform:translate(-50%,-50%)}
.direct-prana-practice .practice-painting{left:0;top:0;transform:none;width:100%;height:100%;object-fit:cover;object-position:center 60%;mask-image:linear-gradient(to right,transparent,#000 12%,#000 88%,transparent),linear-gradient(to bottom,transparent,#000 15%,#000 85%,transparent)}
.hidden-art .practice-paintings,.hidden-art .practice-diagram,.hidden-art .prana-cues{visibility:hidden}
.illustrated-practice .aura-thumbnail{width:300px;height:200px;border:0}
.illustrated-practice .scene-canvas,.illustrated-practice .aura-thumbnail,.illustrated-practice .scene-finish-art{background:#202322}
.living-rose-practice [data-region="stem"] .practice-painting{clip-path:inset(49% 0 0)}
.practice-diagram{position:absolute;inset:0;width:100%;height:100%}
.star-circle{fill:none;stroke:#a8bbb1;stroke-width:1;opacity:.4}
.star-line{fill:none;stroke:#414b44;stroke-width:5;stroke-linejoin:round}
.compass{opacity:0;transition:opacity .25s}
[data-mode="directions"] .compass{opacity:1}
.compass path{stroke:#74877d;stroke-width:1;fill:none;opacity:.6}
.compass circle{fill:#74877d;stroke:#202322;stroke-width:3;transition:fill .2s}
.compass .is-current circle{fill:#fff}
.compass text{fill:#e9e9d7;font:16px Arial,sans-serif;text-anchor:middle}
.ritual-action{display:grid;grid-template-columns:1fr auto;align-items:center;gap:8px;margin:16px 0}
.ritual-action strong{font:24px Georgia,serif;color:#f1f0eb}
.ritual-action button{font-size:13px;padding:9px 12px;min-height:40px}
.ritual-action .note{grid-column:1/-1;font-size:12px;margin:0}
.prana-cues{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.prana-cues g{opacity:0;transition:opacity .3s}
.prana-cues circle,.prana-cues path{stroke:#efeed9;stroke-width:2;fill:none}
[data-mode="gather"] .gather-cue,[data-mode="distribute"] .distribute-cue{opacity:.7}
.invocation-verse{white-space:pre-line;font:19px/1.6 Georgia,serif;color:#f1f0eb;border-left:1px solid #ffffff45;padding-left:16px;margin:18px 0}
.invocation-isis-practice .invocation-verse{line-height:1.5;margin:14px 0}
.illustrated-practice .primary:disabled{opacity:.5;cursor:default}
.verse-pause{font-size:14px;line-height:1.45;margin:10px 0}
@media(max-width:740px){.illustrated-practice .verse-pause{font-size:12px;line-height:1.4;margin:3px 0}}
.illustrated-motion-off .practice-painting,.illustrated-motion-off .compass,.illustrated-motion-off .compass circle,.illustrated-motion-off .prana-cues g{transition:none}
@media(prefers-reduced-motion:reduce){.practice-painting,.compass,.compass circle,.prana-cues g{transition:none}}
@media(max-width:740px){
 .illustrated-practice .guide-display-tools{gap:10px}
 .illustrated-practice .geomancy-toolbar .text-button{font-size:11px}
 .illustrated-practice #stage-copy{font-size:14px}
 .illustrated-practice .invocation-verse{font-size:13px;line-height:1.3;padding-left:10px;margin:6px 0}
 .illustrated-practice .ritual-action{margin:10px 0;gap:5px}
 .illustrated-practice .ritual-action strong{font-size:20px}
 .illustrated-practice .ritual-action button{font-size:11px;padding:7px 9px}
 .illustrated-practice .ritual-action .note{font-size:11px}
 .invocation-isis-practice.scene-active .scene-canvas{height:130px!important}
 .invocation-isis-practice.scene-active .scene-visual{height:174px}
 .invocation-isis-practice.scene-active #guide-body{grid-template-rows:3px minmax(0,1fr) 174px auto}
 .invocation-isis-practice.scene-active #stage-title{font-size:23px;line-height:1.15}
 .invocation-isis-practice.scene-active .scene-instructions{padding-top:0}
 .invocation-isis-practice.has-verse #stage-copy{font-size:12px;line-height:1.4}
 .invocation-isis-practice.has-verse .scene-detail{margin-top:6px}
 .invocation-isis-practice.has-verse .scene-detail summary{min-height:18px;line-height:18px}
}

/* The reclining subject uses a landscape crop, matching its active teaching plate. */
.direct-prana-practice .practice-completion>.scene-finish-art{width:100%;max-width:420px;aspect-ratio:2.3}
.direct-prana-practice .scene-finish-art img{object-fit:cover;object-position:center 60%}
@media(max-width:740px){.direct-prana-practice .practice-completion>.scene-finish-art{width:min(300px,100%)}}

/* Give the spoken verses room without shrinking the fixed illustration slot. */
@media(max-width:740px){
 :is(.invocation-isis-practice,.dianas-stone-charm-practice,.celtic-cross-practice).scene-active #guide{padding:10px}
 :is(.invocation-isis-practice,.dianas-stone-charm-practice,.celtic-cross-practice).scene-active .geomancy-toolbar{margin-bottom:4px}
 :is(.invocation-isis-practice,.dianas-stone-charm-practice,.celtic-cross-practice).scene-active #guide-body{gap:6px}
 .invocation-isis-practice.scene-active .invocation-verse{margin:4px 0}
 :is(.invocation-isis-practice,.dianas-stone-charm-practice,.celtic-cross-practice).scene-active .scene-navigation{padding-top:6px}
}