/* creative-activities.css — 카드 아이콘 애니메이션 keyframes / 스코프 클래스 */
@keyframes clBounce1 { 0%,100%{transform:translateY(0) scale(1)} 50%{transform:translateY(-5px) scale(1.1)} }
                            @keyframes clBounce2 { 0%,100%{transform:translateY(0) scale(1)} 50%{transform:translateY(-7px) scale(1.12)} }
                            @keyframes clBounce3 { 0%,100%{transform:translateY(0) scale(1)} 50%{transform:translateY(-4px) scale(1.08)} }
                            @keyframes clBounce4 { 0%,100%{transform:translateY(0) scale(1)} 50%{transform:translateY(-6px) scale(1.1)} }
@keyframes fracBounce { 0%,100%{transform:translateY(0)} 50%{transform:translateY(-6px)} }
@keyframes ssBarrierA { 0%{transform:translateX(-110%)} 100%{transform:translateX(220%)} }
                            @keyframes ssBarrierB { 0%{transform:translateX(220%)} 100%{transform:translateX(-110%)} }
                            @keyframes ssArrowFly { 0%{transform:translate(-22px, 32px) rotate(-22deg); opacity:0} 25%{opacity:1} 95%{transform:translate(0, -28px) rotate(-22deg); opacity:1} 100%{transform:translate(0, -28px) rotate(-22deg); opacity:0} }
                            @keyframes ssTargetPulse { 0%,100%{box-shadow:0 0 0 0 rgba(251,191,36,0.6)} 50%{box-shadow:0 0 18px 6px rgba(251,191,36,0.5)} }
@keyframes bsSwing { 0%,100%{transform:rotate(-18deg)} 50%{transform:rotate(18deg)} }
                            @keyframes bsFly { 0%{transform:translateX(-60px) translateY(10px) rotate(-10deg); opacity:0} 60%{opacity:1} 100%{transform:translateX(60px) translateY(-20px) rotate(10deg); opacity:0} }
                            @keyframes bsPigShake { 0%,100%{transform:scale(1) rotate(0deg)} 25%{transform:scale(1.08) rotate(-5deg)} 75%{transform:scale(1.08) rotate(5deg)} }
                            @keyframes bsExplode { 0%{transform:scale(0); opacity:1} 80%{opacity:1} 100%{transform:scale(2.5); opacity:0} }
@keyframes ccLift { 0%,100%{transform:translateY(0)} 50%{transform:translateY(-6px)} }
@keyframes rxPulse { 0%,100% { transform: scale(1); box-shadow: 0 0 0 0 rgba(96,165,250,0.5); } 50% { transform: scale(1.08); box-shadow: 0 0 24px 8px rgba(96,165,250,0.5); } }
                            @keyframes rxColor { 0%, 60% { background: #dc2626; } 70%, 100% { background: #2563eb; } }
                            @keyframes rxBolt { 0%, 100% { transform: translateY(0); opacity: 0.9; } 50% { transform: translateY(-3px); opacity: 1; } }
@keyframes molePop { 0%,55%,100%{transform:translateY(18px)} 70%,90%{transform:translateY(-2px)} }
                            @keyframes moleHammer { 0%,60%{transform:rotate(-12deg)} 72%{transform:rotate(28deg)} 84%{transform:rotate(-12deg)} }
@keyframes c4drop { 0%{transform:translateY(-40px);opacity:0} 60%{opacity:1} 100%{transform:translateY(0);opacity:1} }
@keyframes nemoFloat { 0%,100%{transform:translateY(2px) rotateX(-26deg) rotateY(-42deg)} 50%{transform:translateY(-6px) rotateX(-26deg) rotateY(-42deg)} }
                            .nemo-scene { perspective: 260px; }
                            .nemo-cube { position:relative; width:66px; height:66px; transform-style:preserve-3d; animation:nemoFloat 3.4s ease-in-out infinite; }
                            .nemo-cube .f { position:absolute; width:66px; height:66px; }
                            .nemo-top { background:#65b73d; transform: rotateX(90deg) translateZ(33px); box-shadow: inset 0 0 0 2px #74c64c; background-image: repeating-linear-gradient(0deg,rgba(0,0,0,.05) 0 11px,transparent 11px 22px), repeating-linear-gradient(90deg,rgba(0,0,0,.05) 0 11px,transparent 11px 22px); }
                            .nemo-left { background:linear-gradient(#7c5b34,#6a4d2b); transform: translateZ(33px); }
                            .nemo-right { background:linear-gradient(#674a2a,#583f24); transform: rotateY(90deg) translateZ(33px); }
                            .nemo-left .g { position:absolute; top:0; left:0; right:0; height:14px; background:#5aa838; }
                            .nemo-right .g { position:absolute; top:0; left:0; right:0; height:14px; background:#4f9531; }
@keyframes meteorBob { 0%,100%{transform:translateY(-4px) rotate(-4deg)} 50%{transform:translateY(4px) rotate(4deg)} }
                            @keyframes meteorFlame { 0%,100%{opacity:0.7; transform:scaleX(1)} 50%{opacity:1; transform:scaleX(1.3)} }
                            @keyframes meteorTwk { 0%,100%{opacity:0.35} 50%{opacity:1} }
@keyframes stairHop { 0%,100%{transform:translateY(0)} 45%{transform:translateY(-9px)} }
                            @keyframes stairCloud { 0%{transform:translateX(0)} 100%{transform:translateX(22px)} }
@keyframes brainPulse { 0%,100%{transform:scale(1)} 50%{transform:scale(1.06)} }
                            @keyframes brainNode { 0%,100%{opacity:0.35} 50%{opacity:1} }
@keyframes spaceStar { 0%,100%{opacity:0.3; transform:scale(0.8)} 50%{opacity:1; transform:scale(1.3)} }
@keyframes spaceBob { 0%,100%{transform:translate(-50%,-50%)} 50%{transform:translate(-50%,-58%)} }
@keyframes spaceFloat { 0%,100%{transform:translate(0,-50%)} 50%{transform:translate(0,-58%)} }