/* Approved: visible, distinct motion with stable cards and readable text. */
.use-icon{width:76px;height:76px}
.motion-icon svg,.production-card>.motion-icon{overflow:visible}
.motion-icon,.motion-icon *{animation-play-state:paused!important}
.motion-icon.is-visible,.motion-icon.is-visible *{animation-play-state:running!important}
.motion-house{animation:ci-home-lift 3.6s ease-in-out infinite;transform-origin:50% 85%}
.motion-house .motion-roof{animation:ci-roof 3.6s ease-in-out infinite}
.motion-house .motion-door{transform-box:fill-box;transform-origin:left bottom;animation:ci-door 3.6s ease-in-out infinite}
.motion-factory{animation:ci-factory 3.8s ease-in-out infinite;transform-origin:center bottom}
.motion-windows path{animation:ci-window 2.4s ease-in-out infinite;stroke-width:3}
.motion-windows path:nth-child(2){animation-delay:-.8s}
.motion-windows path:nth-child(3){animation-delay:-1.6s}
.motion-energy{animation:ci-energy 2.4s ease-in-out infinite}
.motion-table{animation:ci-table 4s ease-in-out infinite}
.motion-fork{transform-origin:12px 50px;animation:ci-fork 2.8s ease-in-out infinite}
.motion-knife{transform-origin:70px 50px;animation:ci-knife 2.8s ease-in-out infinite}
.motion-plate{transform-origin:40px 33px;animation:ci-plate 2.8s ease-in-out infinite}
.motion-star{animation:ci-star-float 3.4s ease-in-out infinite}
.motion-star-main{transform-origin:40px 32px;animation:ci-star-turn 3.4s ease-in-out infinite}
.motion-spark{transform-box:fill-box;transform-origin:center;animation:ci-spark 2.4s ease-in-out infinite}
.motion-spark-two{animation-delay:-1.2s}
.motion-machine{animation:ci-machine 3.4s ease-in-out infinite}
.motion-machine path:last-child{animation:ci-window 2.4s ease-in-out infinite}
.motion-machine .motion-feed{animation:ci-feed 1.8s ease-in-out infinite}
.motion-machine .motion-mold-left{animation:ci-mold-left 1.8s ease-in-out infinite}
.motion-machine .motion-mold-right{animation:ci-mold-right 1.8s ease-in-out infinite}
.production-new .motion-machine{animation-delay:-1.3s}
.production-new .motion-machine .motion-feed,.production-new .motion-machine .motion-mold-left,.production-new .motion-machine .motion-mold-right{animation-delay:-.9s}
.motion-parcel{animation:ci-parcel-float 3.4s ease-in-out infinite;transform-origin:50% 85%}
.motion-box{transform-origin:40px 52px;animation:ci-box-rock 3.4s ease-in-out infinite}
@keyframes ci-home-lift{0%,100%{transform:translateY(0) rotate(0)}22%{transform:translateY(-11px) rotate(-6deg)}48%{transform:translateY(-5px) rotate(6deg)}72%{transform:translateY(-9px) rotate(-3deg)}}
@keyframes ci-roof{0%,100%,70%{transform:translateY(0)}28%{transform:translateY(-4px)}}
@keyframes ci-door{0%,100%,75%{transform:scaleX(1)}35%,50%{transform:scaleX(.35)}}
@keyframes ci-factory{0%,100%{transform:translateY(0)}25%{transform:translateY(-8px) rotate(3deg)}55%{transform:translateY(-3px) rotate(-3deg)}75%{transform:translateY(-8px) rotate(1deg)}}
@keyframes ci-window{0%,100%{opacity:.4}50%{opacity:1}}
@keyframes ci-energy{0%,100%{opacity:.15;transform:translateX(-2px)}55%{opacity:1;transform:translateX(6px)}}
@keyframes ci-table{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}
@keyframes ci-fork{0%,100%{transform:rotate(0) translateY(0)}45%{transform:rotate(-13deg) translateY(-5px)}}
@keyframes ci-knife{0%,100%{transform:rotate(0) translateY(0)}45%{transform:rotate(13deg) translateY(-5px)}}
@keyframes ci-plate{0%,100%{transform:scale(1)}45%{transform:scale(1.08)}}
@keyframes ci-star-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}
@keyframes ci-star-turn{0%,100%{transform:rotate(-15deg) scale(.95)}50%{transform:rotate(18deg) scale(1.12)}}
@keyframes ci-spark{0%,100%{transform:scale(.7) rotate(0);opacity:.35}50%{transform:scale(1.35) rotate(90deg);opacity:1}}
@keyframes ci-machine{0%,100%{transform:translateY(0)}50%{transform:translateY(-6px)}}
@keyframes ci-feed{0%,100%{transform:translateY(-3px)}55%{transform:translateY(5px)}}
@keyframes ci-mold-left{0%,100%{transform:translateX(0)}55%,70%{transform:translateX(2px)}}
@keyframes ci-mold-right{0%,100%{transform:translateX(0)}55%,70%{transform:translateX(-2px)}}
@keyframes ci-parcel-float{0%,100%{transform:translateY(0)}40%{transform:translateY(-12px)}70%{transform:translateY(-5px)}}
@keyframes ci-box-rock{0%,100%{transform:rotate(0)}28%{transform:rotate(-8deg)}62%{transform:rotate(8deg)}}
@media(prefers-reduced-motion:reduce){.motion-icon,.motion-icon *{animation:none!important;transform:none!important;opacity:1!important}}

.section-motion-control:focus-visible{outline:3px solid currentColor;outline-offset:5px}
.section-motion-control{display:inline-flex;align-items:center;gap:8px;font:inherit;font-size:12px;line-height:1.5;padding:8px 0;margin:20px 0 0;background:none;border:0;border-bottom:1px solid #53683666;color:#40552c;cursor:pointer}
.section-motion-control::before{content:'Ⅱ';font-size:13px;line-height:1}
.section-motion-control[aria-pressed=true]::before{content:'▶';font-size:10px}
.section-motion-control:disabled{cursor:default;opacity:.8}
.section-motion-control:disabled::before{content:''}
.production .section-motion-control{color:#d1e9b6;border-color:#d1e9b655}