/* NW04_B local editorial cards: evidence is visible before solving; payoffs differ by question. */
.curiosity-world-effect[data-question^="draft-two_face_sign-"] .curiosity-stage,
.curiosity-world-effect[data-question^="draft-sleepy_top-"] .curiosity-stage{height:auto!important;padding-bottom:4px}
.curiosity-world-effect[data-question^="draft-two_face_sign-"] .curiosity-stage svg,
.curiosity-world-effect[data-question^="draft-sleepy_top-"] .curiosity-stage svg{width:100%;height:auto!important;display:block}
.curiosity-world-effect[data-question^="draft-two_face_sign-"] .curiosity-options[data-mode="spot"],
.curiosity-world-effect[data-question^="draft-sleepy_top-"] .curiosity-options[data-mode="spot"],
.curiosity-world-effect[data-question^="draft-two_face_sign-"] .curiosity-options[data-mode="riddle"],
.curiosity-world-effect[data-question^="draft-sleepy_top-"] .curiosity-options[data-mode="riddle"]{position:static;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;margin:6px 0}
.curiosity-world-effect[data-question^="draft-two_face_sign-"] .curiosity-options button,
.curiosity-world-effect[data-question^="draft-sleepy_top-"] .curiosity-options button{min-width:0;min-height:44px;white-space:normal;line-height:1.25}
.curiosity-world-effect[data-question^="draft-two_face_sign-"] .curiosity-options[data-mode="order"],
.curiosity-world-effect[data-question^="draft-sleepy_top-"] .curiosity-options[data-mode="order"]{display:grid;grid-template-columns:1fr;gap:5px;margin:6px 0}
.curiosity-world-effect[data-question^="draft-two_face_sign-"][data-solved="true"] .curiosity-options[data-mode="order"],
.curiosity-world-effect[data-question^="draft-sleepy_top-"][data-solved="true"] .curiosity-options[data-mode="order"]{grid-template-columns:repeat(2,minmax(0,1fr));gap:4px}
.curiosity-world-effect[data-question^="draft-two_face_sign-"][data-solved="true"] .curiosity-options[data-mode="order"] button,
.curiosity-world-effect[data-question^="draft-sleepy_top-"][data-solved="true"] .curiosity-options[data-mode="order"] button{min-height:34px;padding:4px 6px}
.curiosity-world-effect[data-question="draft-two_face_sign-4-1"][data-solved="true"] button[data-option="拍下原状"]::before,
.curiosity-world-effect[data-question="draft-sleepy_top-4-1"][data-solved="true"] button[data-option="青"]::before{content:"① ";color:#126e63}
.curiosity-world-effect[data-question="draft-two_face_sign-4-1"][data-solved="true"] button[data-option="用软布擦去泥"]::before,
.curiosity-world-effect[data-question="draft-sleepy_top-4-1"][data-solved="true"] button[data-option="红"]::before{content:"② ";color:#126e63}
.curiosity-world-effect[data-question="draft-two_face_sign-4-1"][data-solved="true"] button[data-option="对照前后记录"]::before,
.curiosity-world-effect[data-question="draft-sleepy_top-4-1"][data-solved="true"] button[data-option="不能到黄"]::before{content:"③ ";color:#126e63}
.curiosity-world-effect[data-question="draft-two_face_sign-4-1"][data-solved="true"] button[data-option="拍下原状"],
.curiosity-world-effect[data-question="draft-sleepy_top-4-1"][data-solved="true"] button[data-option="青"]{order:1}
.curiosity-world-effect[data-question="draft-two_face_sign-4-1"][data-solved="true"] button[data-option="用软布擦去泥"],
.curiosity-world-effect[data-question="draft-sleepy_top-4-1"][data-solved="true"] button[data-option="红"]{order:2}
.curiosity-world-effect[data-question="draft-two_face_sign-4-1"][data-solved="true"] button[data-option="对照前后记录"],
.curiosity-world-effect[data-question="draft-sleepy_top-4-1"][data-solved="true"] button[data-option="不能到黄"]{order:3}
.curiosity-world-effect[data-question="draft-sleepy_top-4-1"][data-solved="true"] .curiosity-options[data-mode="order"]{grid-template-columns:repeat(3,minmax(0,1fr))}
.curiosity-world-effect[data-question="draft-sleepy_top-4-1"][data-solved="true"] button[data-option="黄"]{display:none}

/* Opposite viewpoints: two independently drawn arrows reach one unchanged creek. */
.curiosity-world-effect[data-question="draft-two_face_sign-1-1"] .sign-perspective-kid-route,
.curiosity-world-effect[data-question="draft-two_face_sign-1-1"] .sign-perspective-baize-route{opacity:0;stroke-dasharray:170;stroke-dashoffset:170}
.curiosity-world-effect[data-question="draft-two_face_sign-1-1"] .sign-perspective-bridge{opacity:0}
@keyframes sign-kid-points{0%,10%{opacity:0;stroke-dashoffset:170}55%,100%{opacity:1;stroke-dashoffset:0}}
@keyframes sign-baize-points{0%,32%{opacity:0;stroke-dashoffset:170}78%,100%{opacity:1;stroke-dashoffset:0}}
@keyframes sign-bridge-joins{0%,76%{opacity:0;transform:scale(.3)}100%{opacity:1;transform:scale(1)}}
.curiosity-world-effect[data-question="draft-two_face_sign-1-1"][data-solved="true"] .sign-perspective-kid-route{animation:sign-kid-points 3s ease-out both}
.curiosity-world-effect[data-question="draft-two_face_sign-1-1"][data-solved="true"] .sign-perspective-baize-route{animation:sign-baize-points 3s ease-out both}
.curiosity-world-effect[data-question="draft-two_face_sign-1-1"][data-solved="true"] .sign-perspective-bridge{transform-origin:79px 132px;animation:sign-bridge-joins 3s ease-out both}

/* Blurred rings disclose two different stationary partitions, not a new paint job. */
.curiosity-world-effect[data-question="draft-sleepy_top-1-1"] .top-reveal-a,
.curiosity-world-effect[data-question="draft-sleepy_top-1-1"] .top-reveal-b{opacity:0}
@keyframes top-blur-clears{0%,22%{opacity:1;transform:rotate(0)}68%,100%{opacity:0;transform:rotate(130deg)}}
@keyframes top-pattern-a{0%,37%{opacity:0;transform:rotate(-60deg) scale(.8)}76%,100%{opacity:1;transform:rotate(0) scale(1)}}
@keyframes top-pattern-b{0%,45%{opacity:0;transform:rotate(70deg) scale(.8)}84%,100%{opacity:1;transform:rotate(0) scale(1)}}
.curiosity-world-effect[data-question="draft-sleepy_top-1-1"][data-solved="true"] .top-blur-a{transform-origin:100px 118px;animation:top-blur-clears 3s ease-in-out both}
.curiosity-world-effect[data-question="draft-sleepy_top-1-1"][data-solved="true"] .top-blur-b{transform-origin:260px 118px;animation:top-blur-clears 3s ease-in-out both}
.curiosity-world-effect[data-question="draft-sleepy_top-1-1"][data-solved="true"] .top-reveal-a{transform-origin:100px 118px;animation:top-pattern-a 3s ease-out both}
.curiosity-world-effect[data-question="draft-sleepy_top-1-1"][data-solved="true"] .top-reveal-b{transform-origin:260px 118px;animation:top-pattern-b 3s ease-out both}

/* Mud hole: a fleeting translucent stake fits, then leaves the original trace. */
.curiosity-world-effect[data-question="draft-two_face_sign-2-1"] .sign-hole-ghost,
.curiosity-world-effect[data-question="draft-two_face_sign-2-1"] .sign-hole-rings{opacity:0}
@keyframes hole-ghost-fits{0%,18%{opacity:0;transform:translateY(-23px)}46%,71%{opacity:.85;transform:translateY(0)}100%{opacity:0;transform:translateY(-11px)}}
@keyframes hole-rings-open{0%,48%{opacity:0;transform:scale(.4)}80%,100%{opacity:1;transform:scale(1)}}
.curiosity-world-effect[data-question="draft-two_face_sign-2-1"][data-solved="true"] .sign-hole-ghost{animation:hole-ghost-fits 3s ease-in-out both}
.curiosity-world-effect[data-question="draft-two_face_sign-2-1"][data-solved="true"] .sign-hole-rings{transform-origin:119px 166px;animation:hole-rings-open 3s ease-out both}

/* The imagined axis straightens with the top; the physical tip stays on the table. */
.curiosity-world-effect[data-question="draft-sleepy_top-2-1"] .top-axis-swirl{opacity:0}
@keyframes axis-straightens{0%,20%{transform:rotate(0)}74%,100%{transform:rotate(-22deg)}}
@keyframes axis-swirl-shows{0%,50%{opacity:0;stroke-dashoffset:100}83%,100%{opacity:1;stroke-dashoffset:0}}
@keyframes axis-line-erases{0%,73%{opacity:1}100%{opacity:0}}
.curiosity-world-effect[data-question="draft-sleepy_top-2-1"][data-solved="true"] .top-axis-tilted{transform-origin:254px 173px;animation:axis-straightens 3s ease-in-out both}
.curiosity-world-effect[data-question="draft-sleepy_top-2-1"][data-solved="true"] .top-axis-swirl{animation:axis-swirl-shows 3s ease-out both}
.curiosity-world-effect[data-question="draft-sleepy_top-2-1"][data-solved="true"] .top-axis-upright path[stroke-dasharray],
.curiosity-world-effect[data-question="draft-sleepy_top-2-1"][data-solved="true"] .top-axis-tilted path[stroke-dasharray]{animation:axis-line-erases 3s ease-out both}

/* Two independent physical features must survive a horizontal board flip. */
.curiosity-world-effect[data-question="draft-two_face_sign-3-1"] .sign-flip-check{opacity:0}
@keyframes sign-board-flips{0%,16%{transform:scaleX(1)}60%,100%{transform:scaleX(-1)}}
@keyframes sign-two-marks-lock{0%,62%{opacity:0;transform:translateY(8px)}100%{opacity:1;transform:translateY(0)}}
.curiosity-world-effect[data-question="draft-two_face_sign-3-1"][data-solved="true"] .sign-flip-original{transform-origin:66px 70px;animation:sign-board-flips 3s ease-in-out both}
.curiosity-world-effect[data-question="draft-two_face_sign-3-1"][data-solved="true"] .sign-flip-check{animation:sign-two-marks-lock 3s ease-out both}

/* Four evenly timed exposures light in order, then leave a re-readable strip. */
.curiosity-world-effect[data-question="draft-sleepy_top-3-1"] .top-frame-timeline,
.curiosity-world-effect[data-question="draft-sleepy_top-3-1"] .top-frame-orbit{opacity:0}
@keyframes frame-tick{0%,24%{filter:brightness(1);transform:translateY(0)}40%{filter:brightness(1.35);transform:translateY(-4px)}60%,100%{filter:brightness(1);transform:translateY(0)}}
@keyframes frame-timeline-draws{0%,70%{opacity:0;stroke-dashoffset:300}100%{opacity:1;stroke-dashoffset:0}}
@keyframes frame-orbit-draws{0%,78%{opacity:0;stroke-dashoffset:300}100%{opacity:1;stroke-dashoffset:0}}
.curiosity-world-effect[data-question="draft-sleepy_top-3-1"][data-solved="true"] .top-frames-a .top-photo{animation:frame-tick 2.8s ease-in-out both}
.curiosity-world-effect[data-question="draft-sleepy_top-3-1"][data-solved="true"] .top-frames-a .top-photo:nth-of-type(2){animation-delay:.24s}
.curiosity-world-effect[data-question="draft-sleepy_top-3-1"][data-solved="true"] .top-frames-a .top-photo:nth-of-type(3){animation-delay:.48s}
.curiosity-world-effect[data-question="draft-sleepy_top-3-1"][data-solved="true"] .top-frames-a .top-photo:nth-of-type(4){animation-delay:.72s}
.curiosity-world-effect[data-question="draft-sleepy_top-3-1"] .top-frame-timeline{stroke-dasharray:300;stroke-dashoffset:300}
.curiosity-world-effect[data-question="draft-sleepy_top-3-1"] .top-frame-orbit{stroke-dasharray:300;stroke-dashoffset:300}
.curiosity-world-effect[data-question="draft-sleepy_top-3-1"][data-solved="true"] .top-frame-timeline{animation:frame-timeline-draws 3s ease-out both}
.curiosity-world-effect[data-question="draft-sleepy_top-3-1"][data-solved="true"] .top-frame-orbit{animation:frame-orbit-draws 3s ease-out both}

/* A snapshot preserves original mud before the cloth changes the teaching prop. */
.curiosity-world-effect[data-question="draft-two_face_sign-4-1"] .sign-preserve-snapshot,
.curiosity-world-effect[data-question="draft-two_face_sign-4-1"] .sign-preserve-question{opacity:0}
@keyframes preserve-snapshot{0%,12%{opacity:0;transform:translateX(24px)}37%,100%{opacity:1;transform:translateX(0)}}
@keyframes preserve-wipe{0%,30%{transform:translate(0,0)}62%{transform:translate(103px,-96px)}100%{transform:translate(0,0)}}
@keyframes preserve-mud-away{0%,52%{opacity:.95}78%,100%{opacity:0}}
@keyframes preserve-compare{0%,78%{opacity:0}100%{opacity:1}}
.curiosity-world-effect[data-question="draft-two_face_sign-4-1"][data-solved="true"] .sign-preserve-snapshot{animation:preserve-snapshot 3.2s ease-out both}
.curiosity-world-effect[data-question="draft-two_face_sign-4-1"][data-solved="true"] .sign-preserve-cloth{animation:preserve-wipe 3.2s ease-in-out both}
.curiosity-world-effect[data-question="draft-two_face_sign-4-1"][data-solved="true"] .sign-preserve-mud{animation:preserve-mud-away 3.2s ease-out both}
.curiosity-world-effect[data-question="draft-two_face_sign-4-1"][data-solved="true"] .sign-preserve-question{animation:preserve-compare 3.2s ease-out both}

/* A two-state orbit reaches only red and cyan; the neighbouring yellow never becomes a stop. */
.curiosity-world-effect[data-question="draft-sleepy_top-4-1"] .top-hop-link{opacity:0;stroke-dashoffset:100}
@keyframes top-opposite-hop{0%,12%{transform:translateY(0)}44%,56%{transform:translateY(125px)}82%,100%{transform:translateY(0)}}
@keyframes top-reachable-link{0%,70%{opacity:0;stroke-dashoffset:100}100%{opacity:1;stroke-dashoffset:0}}
@keyframes top-door-opens{0%,75%{opacity:1;transform:scaleX(1)}100%{opacity:.15;transform:scaleX(.2)}}
.curiosity-world-effect[data-question="draft-sleepy_top-4-1"][data-solved="true"] .top-hop-pointer{animation:top-opposite-hop 3.1s ease-in-out both}
.curiosity-world-effect[data-question="draft-sleepy_top-4-1"][data-solved="true"] .top-hop-link{animation:top-reachable-link 3.1s ease-out both}
.curiosity-world-effect[data-question="draft-sleepy_top-4-1"][data-solved="true"] .top-hop-door{transform-origin:180px 128px;animation:top-door-opens 3.1s ease-out both}

@media(max-width:500px){
 .curiosity-world-effect[data-question="draft-two_face_sign-1-1"] .curiosity-options[data-mode="choice"],
 .curiosity-world-effect[data-question="draft-sleepy_top-1-1"] .curiosity-options[data-mode="choice"]{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px}
 .curiosity-world-effect[data-question="draft-two_face_sign-1-1"] .curiosity-options[data-mode="choice"] button:last-child,
 .curiosity-world-effect[data-question="draft-sleepy_top-1-1"] .curiosity-options[data-mode="choice"] button:last-child{grid-column:1/-1}
 .curiosity-world-effect[data-question^="draft-two_face_sign-"] .curiosity-options[data-mode="riddle"],
 .curiosity-world-effect[data-question^="draft-sleepy_top-"] .curiosity-options[data-mode="riddle"]{grid-template-columns:1fr}
}
@media(prefers-reduced-motion:reduce){
 .curiosity-world-effect[data-solved="true"] .sign-perspective-kid-route,.curiosity-world-effect[data-solved="true"] .sign-perspective-baize-route{animation:none!important;opacity:1!important;stroke-dashoffset:0!important}
 .curiosity-world-effect[data-solved="true"] .sign-perspective-bridge{animation:none!important;opacity:1!important}
 .curiosity-world-effect[data-solved="true"] .top-blur-a,.curiosity-world-effect[data-solved="true"] .top-blur-b{animation:none!important;opacity:0!important}
 .curiosity-world-effect[data-solved="true"] .top-reveal-a,.curiosity-world-effect[data-solved="true"] .top-reveal-b{animation:none!important;opacity:1!important}
 .curiosity-world-effect[data-solved="true"] .sign-hole-rings{animation:none!important;opacity:1!important}
 .curiosity-world-effect[data-solved="true"] .sign-hole-ghost{animation:none!important;opacity:0!important}
 .curiosity-world-effect[data-solved="true"] .top-axis-tilted{animation:none!important;transform:rotate(-22deg)!important}
 .curiosity-world-effect[data-solved="true"] .top-axis-swirl{animation:none!important;opacity:1!important}
 .curiosity-world-effect[data-solved="true"] .top-axis-upright path[stroke-dasharray],.curiosity-world-effect[data-solved="true"] .top-axis-tilted path[stroke-dasharray]{animation:none!important;opacity:0!important}
 .curiosity-world-effect[data-solved="true"] .sign-flip-original{animation:none!important;transform:scaleX(-1)!important}
 .curiosity-world-effect[data-solved="true"] .sign-flip-check{animation:none!important;opacity:1!important}
 .curiosity-world-effect[data-solved="true"] .top-frame-timeline,.curiosity-world-effect[data-solved="true"] .top-frame-orbit{animation:none!important;opacity:1!important;stroke-dashoffset:0!important}
 .curiosity-world-effect[data-solved="true"] .top-frames-a .top-photo{animation:none!important}
 .curiosity-world-effect[data-solved="true"] .sign-preserve-snapshot,.curiosity-world-effect[data-solved="true"] .sign-preserve-question{animation:none!important;opacity:1!important}
 .curiosity-world-effect[data-solved="true"] .sign-preserve-mud{animation:none!important;opacity:0!important}
 .curiosity-world-effect[data-solved="true"] .sign-preserve-cloth{animation:none!important;transform:none!important}
 .curiosity-world-effect[data-solved="true"] .top-hop-pointer{animation:none!important;transform:none!important}
 .curiosity-world-effect[data-solved="true"] .top-hop-link{animation:none!important;opacity:1!important;stroke-dashoffset:0!important}
 .curiosity-world-effect[data-solved="true"] .top-hop-door{animation:none!important;opacity:.15!important;transform:scaleX(.2)!important}
}

.curiosity-world-effect[data-question^="draft-two_face_sign-"],.curiosity-world-effect[data-question^="draft-sleepy_top-"]{width:150px;height:96px;background:transparent;border:0;border-radius:10px;overflow:hidden;box-shadow:none;filter:drop-shadow(0 3px 5px #1e4a4280)}
.curiosity-world-effect[data-question^="draft-two_face_sign-"] .curiosity-stage,.curiosity-world-effect[data-question^="draft-sleepy_top-"] .curiosity-stage{width:100%;height:100%!important;padding:0!important;border:0!important;overflow:hidden}
.curiosity-world-effect[data-question^="draft-two_face_sign-"] .curiosity-stage svg,.curiosity-world-effect[data-question^="draft-sleepy_top-"] .curiosity-stage svg{width:100%;height:100%!important;display:block;aspect-ratio:auto!important}
@media(max-width:500px){.curiosity-world-effect[data-question^="draft-two_face_sign-"],.curiosity-world-effect[data-question^="draft-sleepy_top-"]{width:92px;height:55px}}