/* Recipe 8 uses recipe 2 layout and handlers; only artwork changes. */
.orbit-shared-level .feeding-scene,
.orbit-shared-level .letter-catch-scene,
.orbit-shared-level #worktop{background-image:url('../scene/magic/observatory-classroom.png');background-size:cover;background-position:center}
.orbit-shared-level #worktop.ingredient-worktop{background-image:url('../scene/magic/crystal-terrace.png')}
.orbit-shared-level .plant-table{visibility:hidden}
.orbit-shared-level .hungry-plant{background:url('../scene/magic/star-dragon-mouth-closed.png') center/contain no-repeat}
.orbit-shared-level .hungry-plant.receiving,.orbit-shared-level .hungry-plant.over{background-image:url('../scene/magic/star-dragon-eating.png')}
.orbit-shared-level .plant-mouth{left:56%;top:26%;width:18%;height:13%}
.orbit-crystal,.sprite.orbit-crystal,.orbit-shared-level #ingredient>.sprite,.orbit-shared-level #petalsSource>.mortar-scoop{background-image:url('../scene/magic/observatory-objects.png');background-size:400% 500%;background-position:0 50%;background-repeat:no-repeat;clip-path:inset(0 5% 12% 3%)}
.orbit-letter-picture{display:block;width:100%;aspect-ratio:1;background:url('../scene/magic/observatory-objects.png') 0 0/400% 500% no-repeat;clip-path:inset(0 0 7% 0)}
.orbit-letter-picture-1{background-position:33.333% 0}.orbit-letter-picture-2{background-position:100% 0}.orbit-letter-picture-3{background-position:66.667% 25%}
.orbit-shared-level .dragon-bowl-berries{left:54%;top:48%;width:34%;height:9%;align-items:flex-end}
/* Redraw the bowl's front rim over its contents so crystals sit inside it. */
.orbit-shared-level .berry-dragon:after{content:'';position:absolute;inset:0;pointer-events:none;background:url('../scene/magic/observatory-dragon-bowl-v2.png') center/contain no-repeat;clip-path:polygon(51% 52%,56% 54%,64% 55.5%,73% 56%,83% 55%,91% 53%,94% 65%,50% 65%)}
.orbit-shared-level .orbit-cauldron{background-image:url('../scene/magic/orbit-light-cauldron-empty.png');background-size:contain;background-position:center;background-repeat:no-repeat}
.orbit-shared-level .orbit-cauldron.filled{background-image:url('../scene/magic/orbit-light-cauldron-full.png')}
.orbit-shared-level .mortar-filled{background-position:0 0}
.orbit-shared-level #grindArea:has(.mortar-powder) .obs-mortar-crystals{display:none}
.orbit-shared-level #grindArea,.orbit-shared-level #grindArea:disabled{opacity:1}
.orbit-shared-level .awakening{background-image:url('../scene/magic/observatory-classroom.png');background-size:cover;background-position:center}

.orbit-shared-level .stair-leaf{background:url('../scene/magic/comet-step.png') center/contain no-repeat;clip-path:none}

.orbit-shared-level .obs-mortar-crystals .obs-mortar-crystal-single{left:30%;top:2%;width:40%;transform:none}

/* Recolour only the ground crystal; preserve the ceramic, gold rim and pestle. */
.orbit-shared-level .mortar-art.mortar-powder{position:relative}
.orbit-shared-level .mortar-art.mortar-powder:after{content:'';position:absolute;inset:0;background:url('../scene/magic/mortar-petals.webp') 0 100%/200% 200% no-repeat;clip-path:polygon(15% 44%,23% 39%,34% 35%,43% 30%,50% 29%,59% 33%,66% 37%,64% 41%,71% 44%,79% 44%,84% 46%,77% 49%,64% 51%,45% 52%,28% 50%,18% 47%);filter:hue-rotate(245deg) saturate(1.35);pointer-events:none}

/* A single continuous backdrop with horizontal comet steps and a hint below. */
.orbit-shared-level .awakening{background:none;border-radius:0}
.orbit-shared-level .awakening:before{background:none}
.orbit-shared-level .effect-stairs .wake-target{height:140px}
.orbit-shared-level .effect-stairs .wake-object{height:100px;flex-shrink:0}
.orbit-shared-level .effect-stairs .stair-leaf{width:180px;max-width:145%;height:auto;aspect-ratio:2;transform:none;filter:drop-shadow(0 4px 5px #16253499) drop-shadow(0 0 8px #ffd77566)}
.orbit-shared-level .effect-stairs .waiting .wake-object{opacity:.85}
.orbit-shared-level .effect-stairs .ready .wake-object{filter:drop-shadow(0 0 15px #ffe6a5)}
.orbit-shared-level .effect-stairs .wake-hint{position:relative;flex-shrink:0;width:44px;height:40px;margin-top:4px;line-height:1}
.orbit-shared-level .effect-stairs .wake-target.ready .wake-hint:before{width:26px;height:32px;background:linear-gradient(135deg,#fff9d8,#f3ce63 55%,#c89132);filter:drop-shadow(0 2px 2px #593c2780)}
@media(max-width:700px){.orbit-shared-level .effect-stairs .stair-leaf{width:130px}.orbit-shared-level .effect-stairs .wake-object{height:80px}.orbit-shared-level .effect-stairs .wake-target{height:120px}}

.orbit-shared-level .effect-stairs .scene-dragon{line-height:0}
.orbit-shared-level .effect-stairs .scene-dragon>.sprite{display:block}
/* Use actual sprite dimensions so the landing anchor includes its full size. */
.orbit-shared-level .effect-stairs .scene-dragon>.sprite{width:117px;transform:none}
@media(max-width:700px){.orbit-shared-level .effect-stairs .scene-dragon>.sprite{width:84.5px}}

/* Standalone artwork keeps the full Orbit of Light bottle visible in every collection view. */
.potion-display.potion-level-20{--bottle-scale:1;--bottle-x:0%;--bottle-y:0%}
.potion-display.potion-level-20>.orbit-potion{width:100%;height:100%;object-fit:contain;background:none;transform:none}
.potion-level-20>.potion-charm{width:29%;top:34%}
/* Fit the front of each cord to the new slim neck; keep the pendant itself whole. */
.potion-level-20>.potion-charm>.charms-orbit{clip-path:polygon(32% var(--cord-back-cut),68% var(--cord-back-cut),68% 38%,100% 38%,100% 100%,0 100%,0 38%,32% 38%)}