/* Motion only. All surrounding layout, colors, Pip and final cards use v19 styles. */
.hatch-complete-art{position:relative;width:100%;opacity:0;transition:opacity .45s ease}
.hatch-theatre{position:absolute;inset:0 auto auto 0;width:100%;aspect-ratio:671/1000;overflow:hidden;border-radius:20px;background:#fcf7e5;pointer-events:none;transition:opacity .5s ease}
.hatch-theatre img{display:block;width:100%;height:100%;max-width:none;object-fit:contain}
.hatch-paper,.hatch-actor-window,.hatch-egg,.hatch-piece{position:absolute;inset:0}
.hatch-paper{clip-path:polygon(evenodd,0 0,100% 0,100% 100%,0 100%,0 0,49% 28.1%,45% 28.8%,40% 31.5%,35% 36.6%,32.4% 43%,31.5% 50%,33% 56%,36% 60%,43% 62.6%,49% 63.4%,57% 62.6%,64% 59.8%,67.5% 56%,69% 50%,68% 45%,65% 37.3%,61% 32.1%,56% 28.8%,49% 28.1%);z-index:0}
.hatch-actor-window{clip-path:inset(0 0 26% 0);z-index:1}
.hatch-actor{position:absolute;inset:0;opacity:0;transform:translateY(14%) scale(.6);transform-origin:50% 67%;transition:transform 1s cubic-bezier(.2,.75,.2,1),opacity .4s ease}
.hatch-actor img{clip-path:polygon(32% 9%,73% 9%,85% 30%,100% 45%,100% 76%,75% 89%,25% 89%,0 75%,0 32%)}
.hatch-egg{z-index:2;transform-origin:50% 63%}
.hatch-piece{transform-origin:50% 58%;transition:transform 1s cubic-bezier(.2,.75,.2,1),opacity .9s ease}
.hatch-piece img{clip-path:polygon(49% 28.1%,56% 28.8%,61% 32.1%,65% 37.3%,68% 45%,69% 50%,67.5% 56%,64% 59.8%,57% 62.6%,49% 63.4%,43% 62.6%,36% 60%,33% 56%,31.5% 50%,32.4% 43%,35% 36.6%,40% 31.5%,45% 28.8%)}
.hatch-piece-top{clip-path:polygon(0 0,100% 0,100% 45%,68% 45%,63% 43.2%,58% 46%,52% 43.5%,47% 46.5%,41% 43.5%,36% 46%,31% 44%,0 45%);z-index:2}
.hatch-piece-bottom{clip-path:polygon(0 45%,31% 44%,36% 46%,41% 43.5%,47% 46.5%,52% 43.5%,58% 46%,63% 43.2%,68% 45%,100% 45%,100% 100%,0 100%);z-index:1}
[data-phase="wiggle"] .hatch-egg{animation:layered-egg-wiggle 1s ease-in-out both}
[data-phase="crack"] .hatch-egg{animation:layered-egg-knock .55s ease-in-out both}
[data-phase="crack"] .hatch-piece-top{transform:translate(-.4%,-.6%) rotate(-1.5deg)}
[data-phase="reveal"] .hatch-piece-top,[data-phase="hello"] .hatch-piece-top{transform:translate(-13%,-10%) rotate(-30deg);opacity:0}
[data-phase="reveal"] .hatch-piece-bottom,[data-phase="hello"] .hatch-piece-bottom{transform:translate(11%,9%) rotate(20deg);opacity:0}
[data-phase="reveal"] .hatch-actor,[data-phase="hello"] .hatch-actor{opacity:1;transform:none}
[data-phase="hello"] .hatch-complete-art,[data-phase="settled"] .hatch-complete-art{opacity:1}
[data-phase="hello"] .hatch-theatre{opacity:0}
[data-phase="settled"] .hatch-theatre{display:none}
[data-phase="settled"] .hatch-complete-art{transition:none}
@keyframes layered-egg-wiggle{0%,18%,100%{transform:none}35%{transform:rotate(-3deg)}48%{transform:rotate(2.5deg)}62%{transform:rotate(-1.5deg)}76%{transform:rotate(.8deg)}}
@keyframes layered-egg-knock{0%,100%{transform:none}30%{transform:translateY(-.8%) rotate(-2deg)}60%{transform:rotate(2deg)}}
@media(prefers-reduced-motion:reduce){.hatch-theatre{display:none}.hatch-complete-art{opacity:1;transition:none}}
.world-still .hatch-theatre *{animation:none!important;transition:none!important}

/* Approved Blender performance: same reward slot/Pip/layout, flip in place only. */
[data-renderer="film"] .hatch-complete-art{opacity:0;transition:none}
.hatch-film-theatre{position:absolute;top:0;left:0;width:100%;aspect-ratio:671/1000;perspective:900px;pointer-events:none}
.hatch-film-turn{position:absolute;inset:0;transform-style:preserve-3d;transform:rotateY(0);transition:transform 1s cubic-bezier(.4,0,.6,1)}
.hatch-film-face{position:absolute;inset:0;width:100%;height:100%;backface-visibility:hidden;-webkit-backface-visibility:hidden;border-radius:20px;overflow:hidden}
.hatch-film-front{background:#fcf7e5;transform:rotateY(0)}
.hatch-film-back{transform:rotateY(180deg);background:#fcf7e5}
.hatch-film-back .hatchling-name{display:none}
.hatch-film-back .hatchling-art,.hatch-film-back .hatchling-frame{width:100%;height:100%}
.hatch-film-video,.hatch-film-poster,.hatch-film-held{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:contain}
.hatch-film-video,.hatch-film-held{visibility:hidden}
[data-renderer="film"][data-phase="playing"] .hatch-film-video{visibility:visible}
[data-renderer="film"][data-phase="flipping"] .hatch-film-held{visibility:visible}
[data-renderer="film"][data-phase="flipping"] .hatch-film-turn{transform:rotateY(180deg)}
[data-renderer="film"][data-phase="settled"] .hatch-film-theatre{display:none}
[data-renderer="film"][data-phase="settled"] .hatch-complete-art{opacity:1}
@media(prefers-reduced-motion:reduce){.hatch-film-theatre{display:none}[data-renderer="film"] .hatch-complete-art{opacity:1}}
.world-still .hatch-film-theatre{display:none}
.world-still [data-renderer="film"] .hatch-complete-art{opacity:1}